From 8d2565127c27bbdb75aec94891cea4d9f9c736ec Mon Sep 17 00:00:00 2001
From: 77 <270260644@qq.com>
Date: Thu, 8 Aug 2024 13:40:17 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BE=AE=E4=BF=A1=E5=B0=8F=E7=A8=8B=E5=BA=8F?=
 =?UTF-8?q?=E6=96=B0=E9=97=BB=E8=AF=A6=E6=83=85=E9=A1=B5=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=BC=95=E7=94=A8=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                         |  3 +-
 pages/mulu/detail-content-card.vue | 52 ++++++++++++++++++++++++++++++
 pages/mulu/mulu.vue                |  7 ++--
 3 files changed, 58 insertions(+), 4 deletions(-)
 create mode 100644 pages/mulu/detail-content-card.vue

diff --git a/pages.json b/pages.json
index 1c50963..ee0d71d 100644
--- a/pages.json
+++ b/pages.json
@@ -88,7 +88,8 @@
 			"style" : 
 			{
 				"navigationBarTitleText" : "详情",
-				"enablePullDownRefresh" : false
+				"enablePullDownRefresh" : true,
+				"navigationStyle": "default"
 			}
 		}
 	],
diff --git a/pages/mulu/detail-content-card.vue b/pages/mulu/detail-content-card.vue
new file mode 100644
index 0000000..eaacc82
--- /dev/null
+++ b/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>
diff --git a/pages/mulu/mulu.vue b/pages/mulu/mulu.vue
index 356ade9..3ab3e7c 100644
--- a/pages/mulu/mulu.vue
+++ b/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 AddressApi from '@/sheep/api/member/address';
+	import { ref, reactive, unref, createApp } from 'vue';
+	import AddressApi from '../../sheep/api/member/address';
+	import detailContentCard from './detail-content-card.vue';
+	
 	const state = reactive({
 	  model: [],
 	});