要使用微信小程序双标签模式,可以按照以下步骤进行 *** 作:
1. 打开微信并进入小程序界面。
2. 点击右上角的“+”号,选择第一个小程序并进入。
3. 在第一个小程序中,向上滑动屏幕,并点击“添加标签页”按钮(图标为“+”和“⦁”组成),再选择要打开的第二个小程序。
4. 此时,第二个小程序就会在新的标签页中打开,你可以在同一屏幕上同时浏览和 *** 作两个小程序了。
5. 如果需要关闭某个标签页,可以点击标签页上的“×”按钮来关闭。
需要注意的是,并不是所有的微信小程序都支持双标签模式。如果你发现在某些小程序中没有“添加标签页”按钮,则该小程序可能不支持双标签模式。同时,在双标签模式下,你需要注意你的设备屏幕大小和分辨率,以避免 *** 作不便或界面拥挤的情况发生。
标签数据在data中定义, 因为还要点击高亮, 所以同时给个状态值
页面循环渲染出来
点击事件bindtap='select',
绑定class: class="{{item.isSelect?'active':'select'}}", 点击的时候改变类名
自定义dataset :data-index="{{index}}"
样式效果
JS部份
到这儿, 高亮的就已经写好了. 怎么取值呢? 下面还有一个保存按钮. 给保存按钮一个点击事件:
1.定义一个空数据
2.遍历上边的data里的selectall数组, 传两个参数, v是所有标签的状态(比如isSelect:false或isSelect:true), i是下标.
看打印结果
这个是功能模块,而不是你说的标签,前提是你的微信小程序有优惠券这个功能模块,每个小程序都会有不同的功能模块,这个模块是开发商给你开发出来的,假如你的小程序没有这个模块,根本就不会出现。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)