小程序
小游戏
企业微信
微信支付
扫描小程序码分享
这个实现用什么标签?
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
指的是红色框选择的区域吧,用view标签吧,如果是静态数据,自己定义一个数组,存放全部订单、待评价、退款数据:
const tabList = [{title:'全部订单',type: 0},{title: '待评价',type:1},{title: '退款',type:2}]
const selectTab = 0; //默认第一个
然后就行遍历
<view catchtap="handleClick"><view wx:for="{{tabList}}" data-type="{{item.type}}">{{item.title}}</view><view class="{{item.type === selectTab ? 'selected' : ''}}"></view></view>
js操作,更新选中的tab,增加样式
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
可以看看weui或者https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/tabs.html
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
指的是红色框选择的区域吧,用view标签吧,如果是静态数据,自己定义一个数组,存放全部订单、待评价、退款数据:
const tabList = [{title:'全部订单',type: 0},{title: '待评价',type:1},{title: '退款',type:2}]
const selectTab = 0; //默认第一个
然后就行遍历
<view catchtap="handleClick"><view wx:for="{{tabList}}" data-type="{{item.type}}">{{item.title}}</view><view class="{{item.type === selectTab ? 'selected' : ''}}"></view></view>
js操作,更新选中的tab,增加样式
可以看看weui或者https://developers.weixin.qq.com/miniprogram/dev/extended/component-plus/tabs.html