From e0f96cd5d14b65c2a77b0b8a915101fba388abd5 Mon Sep 17 00:00:00 2001
From: Hefeng <1057605508@qq.com>
Date: Wed, 18 Oct 2023 11:32:50 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20fui-preview=E5=A2=9E=E5=8A=A0section?=
 =?UTF-8?q?=E6=A0=87=E9=A2=98=E6=A0=8F=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/firstui/fui-preview/fui-preview.vue |  6 ++++++
 pages/component/layout/preview/preview.vue     | 11 ++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/components/firstui/fui-preview/fui-preview.vue b/components/firstui/fui-preview/fui-preview.vue
index c0d6eca..8648120 100644
--- a/components/firstui/fui-preview/fui-preview.vue
+++ b/components/firstui/fui-preview/fui-preview.vue
@@ -158,6 +158,10 @@ export default {
       type: [Number, String],
       default: 8,
     },
+    isSection: {
+      type: Boolean,
+      default: false,
+    },
     
   },
   emits: ['click', 'valueClick'],
@@ -253,7 +257,9 @@ export default {
       :style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx` }"
     >
       <view class="fui-preview__item">
+        <fui-section v-if="isSection" :title="pvd[label] || ''" is-line line-width="8rpx" :padding="['0','0']" line-color="#0082ff" />
         <text
+        v-else
           class="fui-preview__label" style="color: #333;font-weight:600"
           :style="{ color: labelColor, fontSize: `${hdLabelSize}rpx`, width: hdLabelWidth > 0 ? `${hdLabelWidth}rpx` : 'auto', marginRight: `${labelRight}rpx` }"
         >
diff --git a/pages/component/layout/preview/preview.vue b/pages/component/layout/preview/preview.vue
index 6bd61c1..3ac8ec1 100644
--- a/pages/component/layout/preview/preview.vue
+++ b/pages/component/layout/preview/preview.vue
@@ -1,3 +1,12 @@
+<!--
+ * @Author: Hefeng 1057605508@qq.com
+ * @Date: 2023-08-23 13:21:50
+ * @LastEditors: Hefeng 1057605508@qq.com
+ * @LastEditTime: 2023-10-18 11:28:33
+ * @FilePath: \FirstUI-vue\pages\component\layout\preview\preview.vue
+ * @Description: 
+ * 
+-->
 <!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186  1 407    254   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
 <template>
 	<view class="fui-wrap">
@@ -8,7 +17,7 @@
 			<view class="fui-page__desc">Preview 表单预览，常用的布局组件。</view>
 		</view>
 		<view class="fui-page__bd">
-			<fui-preview :previewData="previewData"></fui-preview>
+			<fui-preview :previewData="previewData" isSection></fui-preview>
 			<!-- 标签文本两端对齐 -->
 			<fui-preview labelAlign="justify" labelWidth="112" :previewData="previewData2" marginTop="24"
 				@click="btnClick"></fui-preview>