uniapp全局样式+uni.css+iconfont的使用

一、新建公共样式文件夹common

common.css存放公共的样式代码(默认文字颜色、选中文字颜色、背景颜色等)

uni.css:默认文件，直接引入引入，无需自己写

tip：引入uni.css还需引入uni.ttf（也是直接存放，无需自己写）存放在static静态文件夹下

下载iconfont将iconfont.css文件存放在本文件common文件夹下

tip：iconfont使用可能还有问题，需要进行一下操作：

将红色代码复制到你的iconfont.css文件的src下，然后前面加上https:

在代码中使用：

结果：

二、在app.vue文件下各自引入

使用@import引入

tip：uni.css必须放在他们的前面

代码展示：

@import url("common/uni.css");
@import url("common/iconfont.css");
@import url("common/common.css");