开发实践:在uniapp中使用绝对路径

追格官方小助手/ 2022年08月03日/ 小程序/ 浏览 8463

在 uniapp 开发中是用绝对路径,一是可以省去计算相对路径的层级;二是代码拷贝到任何地方,都不用考虑修改路径。与使用相对路径比较,使用绝对路径可以达到省时省力的目的。


在模板内使用绝对路径:


<!-- 绝对路径,/static指根目录下的static目录,在cli项目中/static指src目录下的static目录 -->
<image class="logo" src="/static/logo.png"></image>
<image class="logo" src="@/static/logo.png"></image>
<!-- 相对路径 -->
<image class="logo" src="../../static/logo.png"></image>


在css中使用绝对路径:


/* 绝对路径 */
@import url('/common/uni.css');
@import url('@/common/uni.css');
/* 相对路径 */
@import url('../../common/uni.css');

/* 绝对路径 */
background-image: url(/static/logo.png);
background-image: url(@/static/logo.png);
/* 相对路径 */
background-image: url(../../static/logo.png);

发表评论

暂无评论,抢个沙发...

客服 工单