首页 > 编程知识 正文

微信朋友圈九宫格拼图(怎么制作微信四格图)

时间:2023-05-04 16:26:27 阅读:90325 作者:2098

剪网集中在各种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

() )

}

(、

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。