美文网首页
微信小程序组件text

微信小程序组件text

作者: 肉肉要次肉 | 来源:发表于2018-09-20 16:30 被阅读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 不改变当前数组。

相关文章

  • 微信小程序组件text

    text:文本 space 有效值: 字体属性: 1、字体大小: font-size:50px; 2、字体颜色: ...

  • 微信小程序-text组件

    Text组件 Text组件用于显示文本, 类似于span标签, 是行内元素 text 组件内只支持 text 嵌套...

  • 小程序好文集合

    组件篇 微信小程序:组件实践 整体梳理 微信小程序开发深入解读

  • 微信小程序-canvas压缩图片使用入门

    微信小程序canvas组件官方文档 微信小程序canvas组件官方文档canvas API canvas组件介绍 ...

  • 微信小程序日历组件开发

    # 微信小程序日历组件开发 微信小程序基础知识 微信小程序 框架介绍 组件文档 上述是开发小程序的基本知识。 今天...

  • 微信小程序基础

    微信小程序介绍微信小程序开发工具的使用微信小程序框架文件微信小程序逻辑层微信小程序视图层微信小程序组件介绍微信小程...

  • 微信小程序组件探究和应用

    把玩微信小程序组件 微信小程序把玩《二》:页面生命周期,模块化,数据绑定,view组件 微信小程序把玩《三》:sc...

  • 微信小程序性能优化实践

    历史回顾: 微信小程序自定义组件 - 表格组件来啦 通过微信小程序来实现 “钉钉打卡” 记一次微信小程序项目分包,...

  • 微信小程序组件化开发

    什么是组件化开发 微信小程序的组件和Vue的组件非常相似。 在微信小程序中有很多内置组件,比如button vie...

  • 小程序tab组件封装

    微信小程序tab组件封装 最近在做微信小程序的项目,下面就微信小程序中tab的tab功能封装成一个组件,在项目项需...

网友评论

      本文标题:微信小程序组件text

      本文链接:https://www.haomeiwen.com/subject/enggnftx.html