<!-- 1分類(lèi)菜單--> <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>需求編號(hào)：2133124312523</text> </view> <view> <text>采購(gòu)數(shù)量：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分類(lèi)菜單 */ .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: '審核未通過(guò)', active: false }, { menunm: '審核通過(guò)', active: false } ], edlist0: [ { name: '歐根紗', regid: "34289734897", num: '66', date:'2017-01-28'} ], edlist1: [], edlist2: [], // 焦點(diǎn)控制函數(shù) 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 }) },

轉(zhuǎn)載于:https://www.cnblogs.com/dianzan/p/7715914.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。