页面目录结构
pages/页面.nvue
pages/custom-details/custom-details.nvue
页面.vue
<template>
<view>
<custom-details v-if="careDetailFlag"> </custom-details>
</view>
</template>
<script>
import customDetails from './custom-details/custom-details.nvue'
export default {
components: {
customDetails
},
data() {
return {
}
}
}
</script>
子组件: custom-details.nvue
<template>
<view>
<image class="title-pview-iamge" src="../../static/zengjia.png"></image>
</view>
</template>
<script>
export default {
data() {
return {
}
}
}
</script>
<style lang="scss">
.title-pview-iamge{
width: 17px;
height: 17px;
}
</style>
图片就是显示不出来,,
src="../../static/zengjia.png"
改成这样就可以显示了
src="../static/zengjia.png"
src设置相对路径的时候,是根据主页面的文件所在路径来设置相对路径的。