微信小程序--点击隐藏某一行数据

xiaoxiao2021-02-28  64

微信小程序开发中,会有提示信息框,为了有好的用户体验,一般会加一个关闭的按钮,点击后,关闭提示信息框。

member.wxml

<view class='info-tit' hidden='{{hiddenName}}' bindtap='textHide'> <view class="weui-cell__hd"> <image src="../../../image/tit.png" style="margin-right: 5px;vertical-align: middle;width:20px; height: 20px;"></image> </view> <text class='tit_text'>温馨提示:完善个人信息可享受更多优惠及惊喜哦!</text> <text class='close_tit'>×</text> </view>

member.js

page({ data:{ hiddenName:false }, textHide:function(e){ this.setData({ hiddenName:!this.data.hiddenName }) } })

从上面两段代码可以很明显看出逻辑:member.wxml中点击类名为 close_tit 的text标签会在member.js中触发一个事件,它会改变hiddenName的值,而在member.wxml中会根据hiddenName的值去控制类名为 info-tit  的view标签的隐藏。

感谢阅读,希望能帮助到大家。

转载请注明原文地址: https://www.6miu.com/read-2625492.html

最新回复(0)