uniappnvue怎么切换深色模式样式

html-css025

uniappnvue怎么切换深色模式样式,第1张

在uniappnvue中,可以通过修改css来实现深色模式样式的切换。步骤如下:

1、安装uniappnvue,打开css文件,更改其中的代码。

2、将background-color和主题颜色替换成你想要的深色模式。

3、上传修改后的css文件,就可以开始使用深色模式样式了。

在App端,如果使用vue页面,则使用webview渲染;如果使用nvue页面(native vue的缩写),则使用原生渲染。一个App中可以同时使用两种页面,比如首页使用nvue,二级页使用vue页面,hello uni-app示例就是如此。

虽然nvue也可以多端编译,输出H5和小程序,但nvue的css写法受限,所以如果你不开发App,那么不需要使用nvue。

以往的 weex ,有个很大的问题是它只是一个高性能的渲染器,没有足够的API能力(比如各种push sdk集成、蓝牙等能力调用),使得开发时非常依赖原生工程师协作,开发者本来想节约成本,结果需要前端、iOS、Android 3拨人开发,适得其反。 nvue 解决了这个问题,让前端工程师可以直接开发完整 App,并提供丰富的 插件生态 和云打包。这些组合方案,帮助开发者切实的提高效率、降低成本。

同时uni-app扩展了weex原生渲染引擎的很多排版能力,修复了很多bug。比如

uni-app 支持使用字体图标,使用方式与普通 web 项目相同,需要注意以下几点:

nvue 中不可直接使用css的方式引入字体文件,需要使用以下方式在js内引入。nvue内不支持本地路径引入字体,请使用网络链接或者 base64 形式。 src 字段的 url 的括号内一定要使用单引号

示例: