当前阅读教程:Uni-app入门到精通教程 > 1.5.1 模板内引入静态资源 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 1.5 资源路径说明 | 下一篇: 1.5.2 js文件引入 |
1.5.1 模板内引入静态资源template内引入静态资源,如image、video等标签的src属性时,可以使用相对路径或者绝对路径,形式如下 <!-- 绝对路径,/static指根目录下的static目录,在cli项目中/static指src目录下的static目录 --> <image src="/static/logo.png"></image> <image src="@/static/logo.png"></image> <!-- 相对路径 --> <image src="../../static/logo.png"></image> 注意 l @开头的绝对路径以及相对路径会经过base64转换规则校验 l 引入的静态资源在非h5平台,均不转为base64。 l H5平台,小于4kb的资源会被转换成base64,其余不转。 l 自HBuilderX 2.6.6-alpha起template内支持@开头路径引入静态资源,旧版本不支持此方式 l App平台自HBuilderX 2.6.9-alpha起template节点中引用静态资源文件时(如:图片),调整查找策略为【基于当前文件的路径搜索】,与其他平台保持一致 l 支付宝小程序组件内 image 标签不可使用相对路径 【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 资源路径说明 | 下一篇: 1.5.2 js文件引入 |