微信小程序导航点击显示隐藏切换
在布局微信小程序的时候,遇到了导航点击显示和隐藏切换问题。微信小程序的导航隐藏与显示,虽然跟网页中用js控制的道理一样,但是在微信小程序定制开发的过程中,还是跟网页中不一样。以下是流程。
成都创新互联公司-专业网站定制、快速模板网站建设、高性价比翼城网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式翼城网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖翼城地区。费用合理售后完善,10年实体公司更值得信赖。
wxml:
view>
view>
view>
view>
wxss:
.hide{
display: none;
}
.show{
display: block;
}
js:
data: {
src: src="/upload/article1/logo.png',
navsrc: src="/upload/article1/navsrc.png',
editTrue: true
},
shownav: function () {
var that = this;
if (that.data.editTrue == true) {
that.setData({
editTrue: false,
})
} else {
that.setData({
editTrue: true,
})
}
}
网页名称:微信小程序导航点击显示隐藏切换
当前路径:http://ybzwz.com/article/scdpii.html