<!-- 1分類菜單--> <view class='edition-menu flex'> <block wx:key="edmenu" wx:for="{{edmenu}}" wx:for-index="index"> <view class='flexcca' data-index='{{index}}' bindtap='keyMenu'> <text class="menu-title {{item.active?'actitle':''}}">{{item.menunm}}</text> <view class="menu-under {{item.active?'edactive':''}}"></view> </view> </block> </view> <!-- 2詳情列表 --> <view class='edition-detail'> <view wx:if="{{edmenu[0].active?true:''}}" class='detail-item-box'> <block wx:key="edlist0" wx:for="{{edlist0}}"> <view class='detail-item flex'> <view class='item-pic'> <image class='image-full' src='../../../imgs/user/useradd.png'></image> </view> <view class='item-text'> <view> <text>需求編號：2133124312523</text> </view> <view> <text>采購數量：88米</text> </view> <view class='flexb'> <text>品名：歐根紗</text> <text style='color:#999;font-size:24rpx;'>2017-01-28</text> </view> </view> </view> <view class='detail-result flexba'> <text></text> <text>待審核</text> </view> </block> </view> <view wx:if="{{edmenu[1].active?true:''}}"> </view> <view wx:if="{{edmenu[2].active?true:''}}"> </view> </view> //------------------------------------------------------------- .edition-container{ font-size: 30rpx; color: #333; } /* 1分類菜單 */ .edition-menu{ height: 80rpx; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; box-sizing: border-box; ">#fff; color: #666; } .edition-menu>view{ width: 33.33%; } .edition-menu .menu-title{ margin-top: 15rpx; } .edition-menu .menu-under{ width: 70rpx; height: 5rpx; ">transparent ; border-radius: 6rpx; margin-top: 10rpx; } .edition-menu .actitle{ color: #839AAF; } .edition-menu .edactive{ ">#839AAF; } /* 2詳情列表 */ .detail-item{ /* height: 314rpx; */ ">#fff; padding:20rpx 24rpx; } .edition-detail .item-pic{ width: 160rpx; height: 184rpx; margin-right: 20rpx; overflow: hidden; } .edition-detail .item-text{ font-size: 26rpx; flex:1; line-height:62rpx; } .edition-detail .detail-result{ height: 90rpx; border-top: 1rpx solid #f7f7f7; ">#fff; padding: 0 24rpx; box-sizing: border-box; color: #839AAF; font-size: 26rpx; } //-------------------------------------------------
edmenu:[ {menunm:'待審核',active:true}, { menunm: '審核未通過', active: false }, { menunm: '審核通過', active: false } ], edlist0: [ { name: '歐根紗', regid: "34289734897", num: '66', date:'2017-01-28'} ], edlist1: [], edlist2: [], // 焦點控制函數 keyMenu: function (e) { var edmenu = this.data.edmenu; var index = e.currentTarget.dataset.index for (var i = 0; i < edmenu.length;i++){ edmenu[i].active=false; } edmenu[index].active = true; this.setData({ edmenu: edmenu }) },

轉載于:https://www.cnblogs.com/dianzan/p/7715914.html

總結

以上是生活随笔為你收集整理的微信 小程序组件 分页传参的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。