微信小程序开发文档如何隐藏控件


这篇文章主要介绍了微信小程序开发文档如何隐藏控件的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇微信小程序开发文档如何隐藏控件文章都会有所收获,下面我们一起来看看吧。
背景:
在小程序的开发过程中,经常需要用到隐藏某个控件这种情况。因为项目原本是需要将两个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属性哪个是否显示。关于“微信小程序开发文档如何隐藏控件”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“微信小程序开发文档如何隐藏控件”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: java二叉搜索树使用实例分析

本篇内容主要讲解“java二叉搜索树使用实例分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“java二叉搜索树使用实例分析”吧!二叉搜索树又称二叉排序树,它或者是一棵空树,或者是具有以下性质的二叉树:1、若它的左…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/17 10:09
下一篇 01/17 10:09

相关推荐