小程序 — 展开收起

小程序 — 展开收起,第1张

(1)首先我们定义一下html结构:

内容摘抄至马良《告坦白书》中我一段喜欢的文字。

(2)less样式

(3)这样我们就实现了一个默认布局样式

(1)首先我们应该在 data 中定义一个变量 isShow 用来控制样式的切换,默认为收起状态(即不展示)。

(2)在箭头icon上添加一个点击事件,当点击的时候对 isShow 做取反 *** 作;

(1)首先是image箭头图片的切换(注意是如何动态的切换本地图片的)

(2)然后我们定义一个展开的样式,根据isShow的状态值动态的切换样式

wx:if和wx:else是取反关系,只会有一个显示出来,不知道你这个先出来是怎么做到的。就是说如果wx:if里的值为真,就显示它里面的内容,如果不为真,就显示wx:else里的内容。

如果代码的展示效果与你想的不一样,那就看看if判断是否正确。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11803056.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存