微信小程序解决夜间和白天模式

微信小程序解决夜间和白天模式,第1张

[微信小程序明唤夜间模式!]

1.首先写出小程序的夜间携闭模式的样式wxss

2.在切换夜间模式的时候将原本的样式覆盖掉

3.在每一个页面加载的时候判断激隐凯一下是否切换黑夜模式(可以写在公共的变量中,在每一个页面取出变量进行判断)

1.wxml

2.wxss

3.js

在阅读类软件中,夜间模式和日间模式是经常用到的功能,使用Towify中的样式,即可轻松实明亏或现。

效果展示:

通过使用样式的默认与选中模式,同时配置触发器,完成点击开关切换日间模式及夜间模式。

效果图

样式配置:

选中容器

点击检查面板的样式

新增样式

样式切换为Selected

配置显示的颜色

触发器配置:

注意:激活有两种状态,分别为激活非激活激活对应了样式中的Selected状态,而非激活对应了样式中的Default状态。

选中容器

点击检查面板中的触发器

创建夜间模式触发器

注意:触发行为展示有两种状态,分别为展示、隐藏、切换,主要用于组件在当前界面中的显示状态。

选中图标

点击检查面板中的触激伍发器

创建图标展示触发器

注意:执行其它触发器 是触发器的触发行为,主要用于同时执行其它多个组件的触发器。前置条件是执行该触发器的前置检查,在该案例使用的是检查开关组件的状态,当开关是非激活时,点击开关打开夜间模式,当开关是激活时,关闭开关打开日间模式。

选中开关组件

点击检空轮查面板中的触发器

创建触发器,执行容器、图标、开关组件的触发器

这样你就可以在小程序中轻松配置日间模式和夜间模式的切换了。

若是使用的vivo手机,开启夜间模式,可参考以下方法:

一、深色模式的设置方法:

1、进入设置--显示与亮度--深色模式,将开关打开;

2、呼出控制中心,点击深色模式开启;

3、车载深色模式:在车载首页界面左滑--设置--开启深色模式(暂不支持自动切换深色模式)。

二、开启睡眠模式:

进入设置--电池--(更多设置)--可开启“睡眠模式”,开启后迟让在深夜期间,各程序会间歇性的接收后台消息,每半小时接收一次消息,以节省在夜间的电量消耗,请放心使用。

三、切换浏览器夜间和日间模式:

进入浏览器--点击“≡”图标--然后选择夜间模式/日间模式。

如使用的是桌面搜索,需进入网祥旦清页界面(如点击搜索框,搜索任意词条后),点击“≡”图标即可进入菜单界面。

更多使用疑惑谨前可进入vivo官网--我的--在线客服--输入人工,咨询在线客服反馈。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12433443.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存