更新记录
1.0.2(2021-09-30)
更新案例和文档
1.0.1(2021-09-22)
更新文档
1.0.0(2021-09-20)
正式版发布,提供接口和源码服务两种方式
查看更多平台兼容性
阿里云 | 腾讯云 | 支付宝云 |
---|---|---|
√ | √ | × |
云函数类插件通用教程
使用云函数类插件的前提是:使用HBuilderX 2.9+
scss-plus
在线演示,有访问次数限制,不行就多试几次:点这里
实现应用的自动根据系统设定自动切换暗黑模式
目前不支持一键自动切换暗黑模式、灵活更改各种主题颜色和样式的原因在于: 1.uni.scss编译后为静态css 2.市场上没有合适的双向绑定的响应式ui框架
为什么要用本接口
浅色主题和深色主题的切换意味着要写两套CSS,本接口直接根据现有的深色/浅色主题色返回一套计算后的浅色/深色主题,并保留细节和对比度,不用写两套颜色了! 如果有用户自定义的颜色,也可以根据用户的自定义颜色自动匹配生成深色/浅色的主题实时返回。
关于暗黑模式
html5的方式是通过css的filter属性,但是filter滤镜各平台兼容性差,且各平台表现不同,经常遇到平台不支持或者一块白一块黑。文字等颜色也不能一刀切。
目前没有插件市场的ui框架能支持自动或手动暗黑模式。那么如何让两套css写的简单呢?
方案是样式变量全部写在uni.scss,组件全部用uni.scss的变量规范,然后用本插件自动生成统一的反转色就可以了。
关于用户自定义样式
应用中用户自定义样式往往是颜色,这就要求颜色必须为变量,不能是静态编译好的两套。其他样式同理
普通授权
购买后加QQ群,提供云函数api服务,接口返回计算后的翻转颜色。
源码授权
1.购买源码后可实现全部本地化,不用取接口翻转颜色
2.源码中scss-plus下的index.js复制到根目录
3.node启动index.js后,当前主题自动生成翻转样式,一般到这一步已经OK了
4.购买的是源码+在线指导服务,购买后可加QQ群答疑。
本插件实例工程根据目前最流行的uView修改而来。
QQ群:707929213