页面目录结构

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设置相对路径的时候,是根据主页面的文件所在路径来设置相对路径的。

Logo

前往低代码交流专区

更多推荐