<view wx:for="{{hommer}}" wx:for-item="item" wx:for-index="index" wx:key="{{item.id}}">
<view bindtap="onTap" data-ide="{{item.id}}">
<view style="height:15vw;line-height:15vw;background-color:#999;border-bottom:2rpx solid #FFF;text-align:center;">{{item.name}}</view>
</view>
<view wx:if="{{item.onClick}}">
<view >
<slideitem id="slideitem-{{index}}" class='cell-class' row="{{index}}" itemColor="#fff" data-homeid="{{item.homeId}}" data-userphone="{{items.userPhone}}" catch:deleteItemEvent='deleteAction' catch:slideItemEvent='slideAction' cellHeight="120rpx" wx:for="{{item.hommerZ}}" wx:for-item="items" wx:for-index="idx" wx:key="{{items.id}}">
<view wx:if="{{items.isMain===1}}">
<view>
<view class="showText2" style="float:left;">{{items.userPhone}}</view>
</view>
<view class="showText1" style="float:right;">
<view bindtap="updataName" data-homeid="{{item.homeId}}" class="showText3">{{items.userNickname}}</view>
<view class="righttext1">
<picker bindchange="transfer" value="{{index}}" data-value="{{value}}" data-homeid="{{item.homeId}}" data-userphone="{{items.userPhone}}" range="{{rangeHome}}">转移
</picker>
</view>
</view>
</view>
<view wx:else>
<view>
<view class="showText2" style="float:left;">{{items.userPhone}}</view>
</view>
<view class="showText1" style="float:right;">
<view bindtap="updataName" data-homeid="{{item.homeId}}" class="showText3">{{items.userNickname}}</view>
</view>
</view>
</slideitem>
<!-- <view style="color:#111;height:10vw;line-height:10vw;background-color:#EBEBEB;border-bottom:2rpx solid #FFF;text-align:center;">{{itm.namee}}</view> -->
</view>
</view>
</view>
 .cell-class{
display: block;
width: 100%;
border-bottom: 4rpx solid #EBEBEB;
font-size:26rpx;
}
.inner.del{
background-color: #e64340;
width: 180rpx;text-align: center;
z-index:;
right:;
color: #fff
} .kind-list-item-bd {
height:;
overflow: hidden;
} .kind-list-item-bd-show {
height: auto;
} .clear {
clear: both;
} .borderContainer {
height: 10vw;
line-height: 10vw;
background-color: #5cacee;
}
.newHome{
display:flex;align-items:center;margin-left:auto;color:#fff;font-size:30rpx;float: right;
}
.homeBorder {
display: flex;
justify-content: space-between;
font-size: 28rpx;
color: #fff;
} .show {
background-color: #9f9f9f;
} .nickName {
margin: 0 3vw;
display: inline-block;
} .dqhome {
margin: 0 5vw;
color: #fff;
display: inline-block;
} .rightBorder {
float: right;
padding-right: 2vw;
} .rightBorder1 {
float: right;
padding-right: 2vw;
} .rightBorder2 {
display: flex;
align-items: center;
} .righttext {
display: inline-block;
margin: 0 2vw;
} .jia {
width: 7vw;
height: 7vw;
padding-right: 4vw;
} .homeText {
margin: 0 2vw;
} .jia1 {
width: 5.6vw;
height: 5.6vw;
padding-top: 20rpx;
/* margin-top: 10rpx; *//* margin: 3vw 0; */
} .jia2 {
width: 5.6vw;
height: 5.6vw;
} .righttext1 {
display: inline-block;
margin: 0 2vw;
color: #E16024;
} .dataBorder {
/* height: 12vw; */
line-height: 12vw; } .dataBorder1 {
background-color: #9f9f9f;
font-size: 28rpx;
color: #fff;
} .dataBorder3 {
background-color: #5cacee;
font-size: 28rpx;
color: #fff;
} .dataBorder2 {
border-bottom: 2rpx solid #fff;
} .lefrBorder {
float: left;
} .nickText {
margin: 0vw 3vw;
display: inline-block;
} .homeId {
margin: 0vw 5vw;
color: #fff;
display: inline-block;
} .homepassword {
text-align: center;
height: 13vw;
line-height: 13vw;
font-size: 26rpx;
} .homeBorder1 {
height: 16vw;
line-height: 14vw;
font-size: 26rpx;
} .homeinput {
border-top: 2rpx solid #ccc;
border-bottom: 2rpx solid #ccc;
width: 88%;
margin: 0 auto;
height: 12vw;
} .qx {
float: left;
height: 12vw;
line-height: 12vw;
width: 50%;
background-color: #f3951b;
font-size: 28rpx;
color: #fff;
text-align: center;
} .ensure {
float: left;
height: 12vw;
line-height: 12vw;
width: 50%;
background-color: #3baeda;
font-size: 28rpx;
color: #fff;
text-align: center;
}
  data: {
hommer: [{
id: 0,
name: '1',
onClick: false,
hommerZ: [{
id: 0,
namee: '11',
}]
}, {
id: 1,
name: '2',
onClick: false,
hommerZ: [{
id: 1,
namee: '12',
}]
}, {
id: 2,
name: '2',
onClick: false,
hommerZ: [{
id: 3,
namee: '13',
}]
}, {
id: 3,
name: '3',
onClick: false,
hommerZ:[{
id: 4,
namee: '141',
}]
}, {
id: 4,
name: '4',
onClick: false,
hommerZ: [{
id: 5,
namee: '51',
}]
}, {
id: 5,
name: '45',
onClick: false,
hommerZ: [{
id: 6,
namee: '61',
}]
}], },
onTap: function(e) {
var key = e.currentTarget.dataset.ide;
// console.log(key);
var hommer = this.data.hommer;
hommer[key].onClick = !hommer[key].onClick;
this.setData({
hommer
})
},

暂时只有这么多,只能是上下级的一个数组,非上下级的数据弄了半天,在点击多个 显示的时候总是只渲染一个,还有待研究,代码无路查为境,复制粘贴乐翻天..

微信小程序之双重循环(包含左滑删除,以及数据各项处理)的更多相关文章

  1. 微信小程序独家秘笈之左滑删除

    代码地址如下:http://www.demodashi.com/demo/14056.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.co ...

  2. 微信小程序wepy开发循环wx:for需要注意

    微信小程序wepy开发循环wx:for需要注意 item index值必须在wx:for之后使用 <view wx:for="{{tablist}}" class=" ...

  3. 微信小程序中的循环遍历问题

    比如:如果在微信小程序中要遍历输出 0-9 的数,我们会使用for循环 ;i<;i++){ console.log(i); } 确实结果也是这样: 但是,如果我在循环时同时调用wx的api接口1 ...

  4. 微信小程序实现给循环列表点击添加类(单项和多项)

    在微信小程序里面没有DOM对象, 不能操作DOM. 所有的操作通过数据来实现,下面主要实现了给循环列表点击添加类的操作 一.单项 目标需求:实现下图,给点击的view增加类,每次只能选择一个. 主要思 ...

  5. 微信小程序实现给循环列表添加点击样式实例

    微信小程序有个属性hover-class='active',是指当点击列表元素时当按下鼠标左键会显示active样式,但是鼠标离开样式就会复原.可以参考以下解决方案,直接上代码: wxml: ? 1 ...

  6. 微信小程序之for循环

    在微信小程序中也有for循环,用于进行列表渲染. 官方实例 打开微信开发者文档,在框架部分的视图层-->wxml-->列表渲染中可以看到官方给出的for循环实例,在实例中 可以看到下面相关 ...

  7. 微信小程序wx:for循环

    最近做微信小程序碰到了一些问题,和wx:for循环相关,wx:for有很多用途,例如可以用于swiper中图片的循环,也就是所谓的轮播图,也可以用于其它的循环,可以大大地减少代码量. 但wx:for. ...

  8. 【微信小程序】模仿58同城页面制作以及动态数据加载

    完成动态数据的加载,如下 使用上班的空余时间慢慢的学习,相信总有一天我会很熟悉的掌握这门技术. 本次学习小总结: 微信小程序使用的代码基本与HTML.CSS.JS等前段有关知识一样. 微信小程序js使 ...

  9. 微信小程序之蓝牙开发(详细读数据、写数据、附源码)

    本文将详细介绍微信小程序的蓝牙开发流程(附源码)准备:微信只支持低功耗蓝牙也就是蓝牙4.0,普通的蓝牙模块是用不了的,一定要注意. 蓝牙可以连TTL接到电脑上,再用XCOM调试 一开始定义的变量 va ...

随机推荐

  1. [转载] linux find 命令

    转载自 http://www.jb51.net/os/RedHat/1307.html Linux下find命令在目录结构中搜索文件,并执行指定的操作. Linux下find命令提供了相当多的查找条件 ...

  2. Python--day46--上节内容回顾及补充

    1,union(把两张表连起来,以上下的方式):具有自动去重的功能,有相同的就去掉. 结果: 2,union all就没有去重的功能 3,临时表,指定映射,条件,三元运算

  3. python基础七之copy

    浅拷贝 没有嵌套,则copy后完全不同,有嵌套,则copy后本体不同,嵌套相同. l1 = [1, 2, [4, 5, 6], 3] l2 = l1.copy() print(l1 is l2) # ...

  4. el-table翻页序号不从1开始(已解决)

    法一:赋值方式(亲测有效) <el-table-column type="index" fixed="left" align="center&q ...

  5. java用普通类如何实现枚举功能

    用普通类如何实现枚举功能,定义一个Weekday的类来模拟枚举功能.     1.私有的构造方法.     2.每个元素分别用一个公有的静态成员变量表示.      可以有若干公有方法或抽象方法.采用 ...

  6. P1035 台阶问题二

    题目描述 有 \(N\) 级的台阶,你一开始在底部,每次可以向上迈最多 \(K\) 级台阶(最少 \(1\) 级),问到达第 \(N\) 级台阶有多少种不同方式. 输入格式 两个正整数 \(N, K( ...

  7. js中的函数重载

    函数重载与js 什么是函数重载 重载函数是函数的一种特殊情况,为方便使用,C++允许在同一范围中声明几个功能类似的同名函数,但是这些同名函数的形式参数(指参数的个数.类型或者顺序)必须不同,也就是说用 ...

  8. eslint在webstorm中有错误警告

    1. 报错Missing space before function parentheses的问题 解决:在代码目录中,打开.eslint文件,并在rules中添加如下一行代码即可: "sp ...

  9. linux PCI 接口

    尽管许多计算机用户认为 PCI 是一种电路布线方法, 实际上它是一套完整的规格, 定义 了一个计算机的不同部分应当如何交互. PCI 规范涉及和计算机接口相关的大部分问题. 我们不会在这里涵盖全部; ...

  10. apache WEB服务器安装(包括虚拟主机)

    一.apache下载编译安装 yum install apr apr-devel apr-util apr-util-devel gcc-c++ wget tar -y cd /usr/src wge ...