微信小程序text属是什么?小程序text组件学习

　　微信小程序text属*是什么?小程序text组件学习如下。以下是小编整理的微信小程序text属*的相关内容，另外小编还会为大家介绍微信小程序text组件的相关内容，有兴趣的亲们跟着小编来看看吧。

　　微信小程序text属*是什么?

　　微信小程序input有个属*叫 type，这个 type 有几个可选值：

　　text：数字键盘(无小数点)

　　number：数字键盘(无小数点)

　　idcard：数字键盘(无小数点、有个 X 键)

　　digit：数字键盘(有小数点)

　　注意：number 是无小数点的，digit 是有小数点的

　　微信小程序-text组件的相关学习内容有哪些?

　　api文档指出文本节点，支持转义符""。

　　除了文本节点以外的其他节点都无法长按选中

　　运行结果如图：

　　。

　　字体大小设置

　　例如 title 文本，，对应有个属* class="page_title" , 找到项目中 对应的 .wxss 文件配置

　　.page__title{

　　font-size: 20px;

　　}

　　font-size:20px; 就是设置字体大小的。

　　字体颜色设置

　　同上，在对应class 属*中加上

　　color: #888888;

　　字体小程序样式设置

　　对应有属* font-family font-style 这个可以根据个人需要添加了

　　控制字体换行显示

　　可以采用小程序标签 将text组件包裹起来，作为父标签，就可以作为新的一行

　　或者采用设置class 属* 加上 display: block;

　　控制字体距离周围边距

　　在class 属*中 根据需要采用 margin-top， margin-bottom ，padding 等 这类属*

　　字体动态获取方式

　　{{text}}

　　这里文本静态内容，改成 {{text}} ，然后在对应的 .js 文件中，

　　[html] view plain copy print?

　　Page( {

　　data: {

　　text:'hello me'

　　},

　　这样text 文字就可以显示为如图中 hello me

　　字体事件点击监听

　　[html] view plain copy print?

　　{{motto}}

　　对view 添加 bindtap 属*， 这里toast 可以自定义名称，然后在对应的 .js 文件中，

　　[html] view plain copy print?

　　//事件处理函数 点击text

　　toast: function() {

　　},

　　字体文本内容更改或显示

　　[html] view plain copy print?

　　toast: function() {

　　this.setData({ motto:"远程返回结果："})

　　},

　　采用 this.setData() 即可， this 代表当前组件对象， motto 是文本名称，

　　微信小程序text属*是什么?小程序text组件学习内容有哪些?在上边的全部内容中，小编为大家回答了这两个问题，主要帮大家了解微信小程序text，敬请关注微小乔。感谢你对我们的支持哦。

相关推荐：

微信小程序如何弹出输入框?

微信小程序键盘遮挡输入框问题

小程序弹出输入框怎么设置