微信小程序基础之常用控件text、icon、progress、button、navigator

一、text展示

使用按钮进行文字的添加与减少代码如下：

JS交互操作：

  //初始化一个空的文字串
  extraLine: [],
  //添加按钮点击事件
  add: function(e) {
    //在文字串中添加文字搜索引擎优化指南代码如下：

JS交互操作：

  //初始化一个空的文字串
  extraLine: [],
  //添加按钮点击事件
  add: function(e) {
    //在文字串中添加文字push
    this.extraLine.push('添加的其他文字')
    //设置数据
    this.setData({
      text: initText + '\n' + this.extraLine.join('\n')
    })
  },
  //减少按钮点击事件
  remove: function(e) {
    //判断文字串是否大于0如果大于0减少反之不操作
    if (this.extraLine.length > 0) {
      //在文字串中减少文字pop
      this.extraLine.pop()
      //设置数据
      this.setData({
        text: initText + '\n' + this.extraLine.join('\n')
      })
    }
  }
})

二、icon展示显示系统自带的样式同时可以修改图标的大小

JS交互操作：

三、progress展示详细意见以渲染一个包含多节点的结构块（如：多控件）--> <block wx:for="{{iconSize}}"> <icon type="success" size="{{item}}"/> </block> </view>  
<view class="group"> <view>icon类型</view> <block wx:for="{{iconType}}"> <icon type="{{item}}" size="45"/> </block> </view>