微信小程序常用控件text、icon、progress、button、navigator
- 微信应用
- 2024-10-14 13:19:01
微信小程序常用控件text、icon、progress、button、navigator
本文详细讲解了延续之前的首页界面展示,几个跳转navigator的使用,然后是各功能模块的功能使用
本文详细讲解了延续之前的首页界面展示,几个跳转navigator的使用,然后是各功能模块的功能使用
首先延续之前的首页界面展示,几个跳转navigator的使用,然后是各功能模块的功能使用一、text展示使用按钮,进行文字的添加与减少,代码如下:text展示{{text}}添加文字减少文字js交互操作:
//初始化一个文字参数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')})}}})微信小程序常用控件text、icon、progress、button、navigator由讯客互联微信应用栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“微信小程序常用控件text、icon、progress、button、navigator”