微信小程序怎么写显示和隐藏效果
3个回答
展开全部
提供了wx:if ,自己写显示条件就好了,如果true了就显示 否则就隐藏,微信小程序是数据绑定的和操作dom是两个思路,不要想着hidden了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
wxml:
<view >
<button class="{{showView?'show':'hide'}}" bindtap="change">{{showView?'隐藏':'显示'}}</button>
<button class="{{showView?'hide':'show'}}" bindtap="change">{{showView?'隐藏':'显示'}}</button>
</view>
<view class="{{showView?'show':'hide'}}">
<text class="text">我是被显示被隐藏控件</text>
</view>
wxss:
.hide{
display: none;
}
.show{
display: block;
}
js:
Page({
data: {
showView: true
},
onLoad: function (options) {
showView: (options.showView == "true" ? true : false)
},
change: function () {
var that = this;
that.setData({
showView: (!that.data.showView)
})
}
})
照着敲一遍就会了
<view >
<button class="{{showView?'show':'hide'}}" bindtap="change">{{showView?'隐藏':'显示'}}</button>
<button class="{{showView?'hide':'show'}}" bindtap="change">{{showView?'隐藏':'显示'}}</button>
</view>
<view class="{{showView?'show':'hide'}}">
<text class="text">我是被显示被隐藏控件</text>
</view>
wxss:
.hide{
display: none;
}
.show{
display: block;
}
js:
Page({
data: {
showView: true
},
onLoad: function (options) {
showView: (options.showView == "true" ? true : false)
},
change: function () {
var that = this;
that.setData({
showView: (!that.data.showView)
})
}
})
照着敲一遍就会了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询