微信小程序组件text

2018-09-20  本文已影响10人  肉肉要次肉

text:文本

text属性

space 有效值:

字体属性:

1、字体大小: font-size:50px;

2、字体颜色: color:#888888

3、字体距父类位置: text-align

text-align属性值

4、word-wrap:break-word;//控制强制换行

5、word-break:normal;//控制整个字符在一行的断行,不会造成一个单词分行显示

6、控制字体换行显示: 在class 属性中 display: block;

7、控制字体距离周围边距:在class 属性中 根据需要采用 margin-top,  margin-bottom  ,padding  等 这类属性

字体动态获取方式:

字体事件点击监听

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



演示图1 .wxml文件代码 演示图2 .wxss文件代码 演示图3 .js文件代码 演示效果图

接下来我来说一下演示图3.js文件中画红框的含义

1、push( ):方法可向数组的末尾添加一个或多个元素

2、pop( ):方法用于删除数组的最后一个元素并返回删除的元素

3、join:在每个元素后面加"\n"

由于以上,我们在拓展一下其他对于js数组的操作方法 push、concat、join、split、reverse、sort、pop

1、push:数组中添加新元素

push用法

2、concat:连接两个字符串

concat用法

3、join:把数组中的所有元素转换为一个字符串

join用法

4、split:把一个字符串分割成字符串数组

split用法

5、reverse:颠倒数组中元素的顺序

注意:该方法会改变原来的数组,而不会创建新的数组

reverse用法

6、sort:用于对数组的元素进行排序

sort用法

7、pop:移除最后一根数组元素

pop用法

push 和 concat 区别:

1、push 遇到数组参数时,把整个数组参数作为一个元素;而 concat 则是拆开数组参数,一个元素一个元素地加进去。  

2、push 直接改变当前数组;concat 不改变当前数组。

上一篇 下一篇

猜你喜欢

热点阅读