剪网集中在各种pc、手机、h5、小程序的剪网上,经常遇到一些问题,做笔记作为后来者的参考。
列表的折叠效果用处很多,经常会遇到。 特别是html5手机版、pc版的剪切时,小程序的剪切也不例外。 但是,小程序的写法与html稍有不同,与vue的逻辑更相似。 下面附上键码片段,有助于专业测试。
wml文件
视图类='福特面板'
lock wx : for=' {数据列表} ' wx :密钥=' lmf _ id ' wx : for-item='数据信息' wx 3360 for-index='数据索引='
view class=' fold _ items '数据索引=' {数据索引} ' catch tap='列表数据'
! -标题-
视图类=' fold _ _ item--头'
视图类='福特_ _头--l '
文本类=' fold _ _ head-- tag '一对一/文本
文本类=' fold _ _ head-- title ellipsis '托福一对一计划/文本
/视图
view class=' fold _ _ head-- r { showindex==数据索引?' 开:
I-icon类型='数组下降大小=' 24 '颜色=' # Ebebeb ' /
/视图
/视图
! - -展开内容-
view wx : if=' { showindex==数据索引} '类='文件夹_项目- -内容'
展开展开展开展开展开展开展开展开展开展开展开展开
/视图
/视图
/块
/viewjs文件
//*
* *组件的初始数据
*/
data: {
showIndex: 0,
datalist : [ 1,2,3,4,5 ]
(、
//*
* *点击列表数据时
*/
listdataclick(e ) {
if (当前目标.数据集.索引!=this.data.showIndex ) {
this.setData({ (
showindex : e.current目标.数据集.索引
() )
} else {
this.setData({ (
showIndex: 0
() )
}
(、