当前阅读教程:Uni-app入门到精通教程 > 1.5.3 css引入静态资源 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 1.5.2 js文件引入 | 下一篇: 1.6 使用Vue.js注意事项 |
css文件或style标签内引入css文件时(scss、less文件同理),只能使用相对路径 /* 绝对路径 */ @import url('/common/uni.css'); @import url('@/common/uni.css'); /* 相对路径 */ @import url('../../common/uni.css'); 注意:自HBuilderX 2.6.6-alpha起支持绝对路径引入静态资源,旧版本不支持此方式 css文件或style标签内引用的图片路径可以使用相对路径也可以使用绝对路径,需要注意的是,有些小程序端css文件不允许引用本地文件(请看注意事项)。
/* 绝对路径 */ background-image: url(/static/logo.png); background-image: url(@/static/logo.png); /* 相对路径 */ background-image: url(../../static/logo.png); 注意 l @开头的绝对路径以及相对路径会经过base64转换规则校验 l 不支持本地图片的平台,小于40kb,一定会转base64。(共四个平台mp-weixin, mp-qq, mp-toutiao, app v2) l h5平台,小于4kb会转base64,超出4kb时不转。 l 其余平台不会转base64 【uniapp参考资料】 (1)uni-app跨平台开发 入门到实战 https://ke.qq.com/course/package/26512 (2)uni-app 完整商城界面设计实战 https://ke.qq.com/course/2381059 (3)基于vue的uniapp商城完整项目源代码 https://ke.qq.com/course/3064977 (4)毕业设计网 (5)小程序编程网 (6)计算机编程网 |
|
上一篇: 1.5.2 js文件引入 | 下一篇: 1.6 使用Vue.js注意事项 |