微信 小程序组件 分页传参

摘要:
<!--1类别菜单--->viewclass='dition-menuflex'>&书信电报;blockwx:key=“edmenu”wx:for=“{{edmenu}}”wx:for index=“index”>&书信电报;viewdata index=“{{index}}”bindtap=“keyMenu”>&书信电报;textclass=“菜单标题{{i
<!-- 1分类菜单-->
<view class='edition-menu flex'>
<block wx:key="edmenu" wx:for="{{edmenu}}" wx:for-index="index">
<view 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 src='http://t.zoukankan.com/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{
33.33%;
}
.edition-menu .menu-title{
margin-top: 15rpx;
}
.edition-menu .menu-under{
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{
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
})
},

免责声明:文章转载自《微信 小程序组件 分页传参》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇linux下svn命令的使用java/jsp获取当前路径的几种方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Android Exception 10(server)' ~ Channel is unrecoverably broken and will be disposed!)

08-1119:22:35.028:W/MemoryDealer(2123):madvise(0x43e1600012288,MADV_REMOVE)返回操作不支持传输端点08-1119:22-35.038:W/InputDispatcher(2714):channel'4236b890com.tongyan.activi...

如何在Java应用中提交Spark任务?

我丈夫是一个用户定义的ID,作为参数传递给Spark应用程序;Spark初始化后,可以通过SparkContext_ ID和URL通过驱动程序连接到数据库,新版本关联关系的插入归因于互联网时代的信息爆炸。我看到了群友的聊天,了解了SparkLauncher。经过调查,我发现它可以基于Java代码自动提交Spark任务。因为SparkLauncher的类引用了...

TortoiseGit安装、配置(Git 小乌龟安装)

然后关闭5ToroiseGit。以克隆验证中心项目为例,验证TortoiseGit配置是否正确。注意:在克隆代码之前,请确保您具有相关的项目代码权限。如果您没有权限,请具有主权限的同事帮助您分配登录gitlab的权限,在本地目标下载目录中获取SSH链接地址,右键单击--˃TortoiseGit--˃克隆,然后将SSH链接地址粘贴到URL,单击“确定”确认项目...

【工具技巧】:sublime notepad++ 多行编辑

将光标定位到一行-˃ctrl+shift+↑↓, 上下移动一行。选择-˃ctrl+shift后+↑↓, 上下移动所选区域。再次按6:Ctrl+Shift+Enter在光标前插入一行。...

内网esxi磁盘空间不足导致虚拟机宕机

因为一些占用太多空间的虚拟机可能无法启动。我不断拍摄快照以保存测试版本。我跳过了同一网段上的一个虚拟机ssh,并一直看着翻译器学习如何释放虚拟磁盘空间。您只能创建一个新的虚拟机来读取原始磁盘目录,并且只能重新构建一个新Linux机器进行测试。然后上传一个测试文件(最大程度地模拟其他虚拟机环境)。首先,你需要关闭机器。厚配置延迟将整个虚拟机目录文件清零,如下所...

beego

Charset=utf8“)56//参数4(可选)设置最大空闲连接7//参数5modelorm.RegisterModelRegisterModelWithPrefix。使用表名前缀orm.RegisterModelWithPrefixbeego自动创建表。1//参数1使用默认数据库ORM接口使用1//查询操作2funread(){3o:=ORM.NewOr...