//初始化一个文字参数var initText = '这是第一个文字n这是第二个文字'Page({data: {text: initText},//初始化一个空的文字串extraLine: [],//添加按钮点击事件add: function(e) {//在文字串中添加文字，pushthis.extraLine.push('添加的其他文字')//设置数据this.setData({text: initText + 'n' + this.extraLine.join('n')})},//减少按钮点击事件remove: function(e) {//判断文字串是否大于0，如果大于0，减少，反之，不操作if (this.extraLine.length > 0) {//在文字串中减少文字，popthis.extraLine.pop()//设置数据this.setData({text: initText + 'n' + this.extraLine.join('n')})}}})二、icon展示，显示系统自带的样式，同时可以修改图标的大小
icon展示
icon大小样式
icon类型
icon颜色样式
JS交互操作：
//.jsPage({data: {iconSize: [20, 30, 40, 50, 60, 70],iconColor: ['red', 'orange', 'yellow', 'green', 'rgb(0,255,255)', 'blue', 'purple'],iconType: ['success', 'info', 'warn', 'waiting', 'safe_success', 'safe_warn','success_circle', 'success_no_circle', 'waiting_circle', 'circle', 'download','info_circle', 'cancel', 'search', 'clear']}})三、progress展示，进度条的样式设计
progress进度条展示
四、navigator导航展示：分两种形式，1.跳转到新的界面，2.当前界面跳转
navigator展示
跳转到新页面
更多微信小程序常用控件text、icon、progress、button、navigator相关文章请关注PHP中文网！
