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

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

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

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

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

1.wxml

2.wxss

3.js

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

效果展示：

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

效果图

样式配置：

选中容器

点击检查面板的样式

新增样式

样式切换为Selected

配置显示的颜色

触发器配置：

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

选中容器

点击检查面板中的触发器

创建夜间模式触发器

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

选中图标

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

创建图标展示触发器

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

选中开关组件

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

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

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

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

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

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

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

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

二、开启睡眠模式：

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

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

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

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

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

---