在微信小程序开发过程中,隐藏某个控件是经常会使用的情况,本文介绍具体实现方法。
背景:
在小程序的开发过程中,经常需要用到隐藏某个控件这种情况。因为项目原本是需要将两个canvas切换,但是小程序的canvas支持的功能实在是少,本来就jquery mobile或者将canvas转为图片就可以很容易实现滑动效果,但是都不支持,最后只能是做一个canvas,需要时显示,不需要时隐藏。
实现方法:
logs.wxml
[javascript] view plain copy
logs.js
[javascript] view plain copy
Page({
data: {
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] view plain copy
.bright789_view_hide{
display: none;
}
.bright789_view_show{
display: block;
}
从上面三个页面的文件可以很明显看出逻辑:logs.wxml的onChangeShowState按钮会在logs.js中触发一个事件,它会改变showView的值,而在logs.wxml中会根据showView的值确定画布canvas的class属性,而在logs.wxss中具体再设置两个class属性哪个是否显示。
以上就是这篇微信小程序开发文档之怎么隐藏控件,如果需要了解更多小程序开发问题,请查看:小程序开发文档
KESION 科汛软件
KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!
在通过微信小程序开发者工具开发一款小程序时,起初我们会自动生成一些文件目录,这个文件目录有4种不同的类型,主要分成4种:.wxml 后缀的 WXML 模板文件,.wxss 后缀的 WXSS 样式文件,
百度智能小程序的出现,给品牌商及商家带来又一巨大的流量口,那么如果要快速开发一个百度智能小程序,需要如何开发呢,下面是这篇百度智能小程序开发文档简介。...