微信小程序：隐藏和显示功能

和界面

app.js

Page({data:{showView:true},onLoad:function(options){// 生命周期函数--监听页面加载showView:(options.showView=="true"?true:false)},onChangeShowState:function(){var that=this;that.setData({showView:(!that.data.showView)})}
})

app.wxml

<viewclass="page"><view ><buttonbindtap="onChangeShowState">{{showView?'隐藏':'显示'}}</button></view><view class="bright789_view_hide{{showView?'bright789_view_show':''}}"><textclass="bright789-text">我是被显示被隐藏控件</text></view>
</view>

app.wxss

.bright789-text{font-size: 40rpx;line-height: 40px;color: #ff0000;
}
.bright789_view_hide{display: none;
}
.bright789_view_show{display: block;
}

微信小程序：隐藏和显示功能相关推荐

微信小程序隐藏video标签的进度条组件
微信小程序隐藏video标签的进度条组件直接上代码 <video direction="0" show-fullscreen-btn="{{false}}&quo ...
微信小程序隐藏菜单栏目下转发按钮的几个方法
隐藏微信小程序顶部的转发按钮适用范围:所有的微信小程序方式一.去除页面上的分享代码片段如下,删除即可 //删除页面里的这个分享函数 onShareAppMessage: function (opt ...
微信小程序隐藏tabBar
## 原文地址图片压缩 1.在app.json中的list内不能有非tabBar页面.简单说就是这个页面不要tabBar,那么tabBar也不要他了. [{"pages":\[& ...
微信小程序隐藏左上角返回首页按钮
微信7.0.7版本起,当用户打开的小程序最底层页面是非首页时,默认展示"返回首页"按钮,开发者可在页面 onShow 中调用 hideHomeButton 进行隐藏. wx.hid ...
微信小程序隐藏滚动条的方法，以及禁止上下滑动的方法
::-webkit-scrollbar {display: none;width: 0;height: 0;color: transparent; } ::-ms-scrollbar {display ...
微信小程序隐藏页面导航栏左上角的小房子
描述:隐藏页面导航栏左上角的小房子解决办法: onShow(){wx.hideHomeButton(); }, 在当前页面的onshow方法里面写上wx.hideHomeButton();来隐藏小房 ...
微信小程序隐藏标题栏navigationBar的方法
未隐藏前: 在app.json里面window选项里面设置一下: 最终显示效果: 这样就没有了标题栏
微信小程序隐藏分享按钮
引入微信js <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1 ...
uni-app开发的微信小程序隐藏返回首页按钮
// #ifdef MP-WEIXIN if(wx.hideHomeButton){ wx.hideHomeButton(); } // #endif
微信小程序隐藏滚动条
wxml <view class="box">// The content of your </view> .box{height: 100%;overfl ...

微信小程序：隐藏和显示功能

微信小程序：隐藏和显示功能相关推荐

最新文章

热门文章