微信小程序新闻详情页组件引用问题

pages.json

@@ -88,7 +88,8 @@
 			"style" : 
 			{
 				"navigationBarTitleText" : "详情",
-				"enablePullDownRefresh" : false
+				"enablePullDownRefresh" : true,
+				"navigationStyle": "default"
 			}
 		}
 	],

pages/mulu/detail-content-card.vue

@@ -0,0 +1,52 @@
+<!-- 商品详情：描述卡片 -->
+<template>
+  <view class="detail-content-card bg-white ss-m-x-20 ss-p-t-20">
+    <view class="card-header ss-flex ss-col-center ss-m-b-30 ss-m-l-20">
+      <view class="line"></view>
+      <view class="title ss-m-l-20 ss-m-r-20">详情</view>
+    </view>
+    <view class="card-content">
+      <mp-html :content="content" />
+    </view>
+  </view>
+</template>
+
+<script setup>
+  import sheep from '@/sheep';
+  const { safeAreaInsets } = sheep.$platform.device;
+
+  const props = defineProps({
+    content: {
+      type: String,
+      default: '',
+    },
+  });
+</script>
+
+<style lang="scss" scoped>
+  .detail-content-card {
+    .card-header {
+      .line {
+        width: 6rpx;
+        height: 30rpx;
+        background: linear-gradient(180deg, var(--ui-BG-Main) 0%, var(--ui-BG-Main-gradient) 100%);
+        border-radius: 3rpx;
+      }
+
+      .title {
+        font-size: 30rpx;
+        font-weight: bold;
+      }
+
+      .des {
+        font-size: 24rpx;
+        color: $dark-9;
+      }
+
+      .more-btn {
+        font-size: 24rpx;
+        color: var(--ui-BG-Main);
+      }
+    }
+  }
+</style>

pages/mulu/mulu.vue

@@ -10,10 +10,11 @@
 </template>
 
 <script setup>
-	import detailContentCard from '@/pages/goods/components/detail/detail-content-card.vue';
 	import { onLoad, onPageScroll } from '@dcloudio/uni-app';
-	import { ref, reactive, unref } from 'vue';
+	import { ref, reactive, unref, createApp } from 'vue';
-	import AddressApi from '@/sheep/api/member/address';
+	import AddressApi from '../../sheep/api/member/address';
+	import detailContentCard from './detail-content-card.vue';
+	
 	const state = reactive({
 	  model: [],
 	});