首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >引入官方uni.css样式

引入官方uni.css样式

作者头像
听着music睡
发布2022-05-07 19:15:44
发布2022-05-07 19:15:44
1.4K00
代码可运行
举报
文章被收录于专栏:Android干货Android干货
运行总次数:0
代码可运行

对于css样式不熟练的我发现uni-app的demo中有很多类似uni-row的样式,不过需要先引入到自己的项目中。下面为具体步骤

官网地址 : https://github.com/dcloudio/hello-uniapp/tree/master/common

下载uni.css文件到自己的项目目录下,比如放到根目录common文件夹下

然后在根目录App.vue的style中添加

代码语言:javascript
代码运行次数:0
运行
复制
<style lang="scss">
    /*每个页面公共css */
    @import '@/common/uni.css';
</style>

接着运行会发现报错缺少文件:

寻找发现uni.css文件中用到了uni.tff文件

则官方路径找到该文件下载到项目中即可

文件目录

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-03-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档