vue+css实现夜间模式

html-css017

vue+css实现夜间模式,第1张

最近项目中要求实现夜间模式,整理一下实现方法。 ps. 我们的项目是混合开发,所以夜间模式要通过原生交互实现,如果直接是h5项目,则可省去原生交互这块。 step1 原生交互方法 step2  获取模式方法 step3 实现方法1、使用css大类区分 2、针对不同class类定义css属性全局变量 3、全局引入样式文件(main.js中引入) 4、页面中可定义css私有变量(包含页面中特殊的颜色属性,不止涉及亮度更改的图片)        变量定义规范:--(页面名称)-自定义         建议将白天与夜间模式图片区分两个文件夹存储5、变量使用规范总结: 1、注意css变量的使用的兼容性,例如安卓5的手机可能识别不了变量,解决方法:postcss可以试试看 2、如果项目中已使用less,可直接用less来实现,现未发现其兼容性问题(下一篇文章我会写less实现夜间模式)

可以。

CSS来自美国的强效抗氧化品牌,利用尖端高科技成分和专利技术进行研发生产,凭借着温和和高效的特点,产品受到了众多医学美容中心、皮肤科的认可并投入使用。

css析颜士橄榄精华的成分,有油橄榄叶提取物,α-熊果苷,积雪草等一些,熊果苷还有美白效果。具有一定的控油能力,同时添加补水保湿成分,调整肌肤水油平衡,不泛油光不拔干。

css析颜士橄榄精华里面是黄绿色的液体有些流动性,涂在脸上很快就可以吸收。里面好像有积雪草,积雪草可以保护皮肤屏障,涂上去不会厚重不粘黏,吸收速度也很快。瓶子滴灌得用处还不会造成浪费,还很卫生。