第一步,打开手机并在桌面找到微信图标,进入登陆页面后,输入账号密码,点击登陆并进入主页后,向下滑动手机屏幕。
2. 第二步,滑动即可显示小程序页面。
3. 方法2:
第一步,打开手机中的微信应用,进入主页后,点击右下角的我选项。
4. 第二步,点击个人页面下方的设置选项。
5.第三步,进入设置页面后,在下方找到通用选项,点击打开。
6. 第四步,切换至通用页面后,点击下方的发现页管理选项。
7. 第五步,进入发现页管理页面后,点击下方小程序右侧的开关,将其打开。
8. 第六步,回到微信并打开发现页面,在其中就可以看到小程序选项,点击进入。
9. 第七步,点击即可跳转至小程序列表页面,该选项即为小程序的固定入口。
原生小程序前端设置灰色模式:wxml
<view class="grayscale"> <view class="content"></view> ...小程序代码</view>
wxss
.grayscale .content,.grayscale text,.grayscale button { -moz-filter: grayscale(100%) -ms-filter: grayscale(100%) -o-filter: grayscale(100%) filter: grayscale(100%)}
第三方UI组件/库(如:vant)
.grayscale .van-goods-action,.grayscale .van-submit-bar,.grayscale .van-swipe-cell { -moz-filter: grayscale(100%) -ms-filter: grayscale(100%) -o-filter: grayscale(100%) filter: grayscale(100%)}
切忌直接设置
page { filter: grayscale(100%)}
小结:简单来说,就是把样式控制明确到具体的标签。 接下来讲我们利用小程序的数据预拉取来实现动态开关。
之所以选择使用数据预拉取来控制,是因为灰色模式并不是我们日常运营所需,如果单独封装到一个请求中去,会造成不必要的资源浪费,而且数据预拉取会在用户每次访问小程序的时候都会执行一次,所以能够保证尽可能实时获取到最新的状态,但是因为本身也是异步请求,所以无法100%保证页面加载完之前,就能够实时响应,所以返回的class并没有直接设置在全局变量globalData中,而是先存到本地存储Storage里,当我们在小程序后台关闭数据预拉取后,小程序端便不会再去请求相关接口,这样就做到了随时控制开关的效果了
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)