2022-03-19 工作记录--Wechat applet-显示与隐藏（hidden）+ 获取屏幕宽度（wx.getSystemInfoSync().windowWidth）

一、Wechat applet-显示与隐藏（hidden）

wxml

<view bindtap="isShowOrHidden">切换</view>

<view hidden="{{hiddenCircular}}">
	巴啦啦小萝卜儿，隐身切换。。。
</view>

js

page({
    data:{
        hiddenCircular: true, // 默认是隐藏
    },
    // 点击 “切换” 按钮
    isShowOrHidden() {
    	this.setData({
            hiddenCircular: !this.data.hiddenCircular
        })
    }
})

二、获取屏幕宽度（wx.getSystemInfoSync().windowWidth）

官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/base/system/wx.getSystemInfoSync.html