微信小程序开发文档如何隐藏控件
2019-07-31 08:42:13 来源:沈阳小程序开发 作者:沈阳软件开发
在微信小程序的开发过程中,经常使用隐藏某个控件,本文介绍具体的实现方法。
微信小程序开发了隐藏控件实现
背景:
在小程序的开发过程中,通常需要隐藏某个控件。因为项目原本需要在两个画布之间切换,但是小程序画布支持的功能真的很小,原来jquery移动或者将画布变成画面可以轻松实现滑动效果,但是它不支持,最后只能做A画布,需要时显示,不需要时隐藏。
实施方法:
Logs.wxml
[javascript]查看普通副本
{{showView?\'Click to CheckIdleReason \': \'点击检查MTStatus \'}}
Logs.js
[javascript]查看普通副本
页面({
数据: {showView: true},onLoad: function(options){//生命周期函数 - 监听页面加载showView:(options.showView==true?true: false)},onChangeShowState: function(){var that=This ; that.setData({showView:(!that.data.showView)})},})
Logs.wxss
[javascript]查看普通副本
.bright789_view_hide {display: none; }
.bright789_view_show {显示:块; }
从上面的三个文件页面可以清楚地看到逻辑:logs.wxml的onChangeShowState按钮会触发logs.js中的一个事件,它会改变showView的值,而在logs.wxml中将根据showView的值canvas的class属性,在logs.wxss中专门设置了两个显示的类属性。
以上是如何隐藏对这个微信小程序开发文档的控制,如果你需要了解更多的小程序开发问题,请参阅:小程序开发文档
< 汇海(www.hvihi.com)是国内知名的商城系统和商城网站建设提供商,其中汇海技术小程序系统提供小程序商城开发,小程序配送系统,微分配系统,商城系统,电子商务网站建设, 微信发行系统,小程序商城及其他多端商场和电子商务行业解决方案>
确认:这个文件和图像源网络编辑器的网站部分,如果有侵权及时通信删除。 汇海hvihi.com网站原创文章,请注明出处。
“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与
我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同
其观点或证实其内容的真实性。
热门文章
使用“扫一扫”即可将网页分享至朋友圈。
上一篇:
小程序如何做自适应屏幕高度
下一篇:很抱歉没有了