uniapp 图片路径拼接

在uniapp中，图片路径的拼接可以使用相对路径和绝对路径两种方式。

1. 相对路径：

相对路径是相对于当前页面或组件的路径，可以通过以下方式进行拼接：

<template>
  <img :src="imgUrl" />
</template>

<script>
export default {
  data() {
    return {
      imgUrl: '../../static/img/logo.png'
    }
  }
}
</script>

上述代码中，`imgUrl` 是相对于当前页面的路径。如果当前页面的路径为 `pages/index/index.vue`，那么 `../../static/img/logo.png` 就是相对于该路径的路径。

2. 绝对路径：

绝对路径是相对于项目根目录的路径，可以通过以下方式进行拼接：

<template>
  <img :src="imgUrl" />
</template>

<script>
export default {
  data() {
    return {
      imgUrl: '/static/img/logo.png'
    }
  }
}
</script>

上述代码中，`imgUrl` 是相对于项目根目录的路径，以 `/` 开头表示是绝对路径。无论当前页面的路径是什么，都可以通过绝对路径来访问图片。

需要注意的是，如果项目使用了uniCloud，图片的路径可能与普通uniapp项目有所不同，需要根据实际情况进行调整。