From 0489e10abffd2458de83a21ef1ee17414f5eceb8 Mon Sep 17 00:00:00 2001
From: Hefeng <1057605508@qq.com>
Date: Mon, 23 Oct 2023 18:26:37 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20fui-preview=20=E5=A2=9E=E5=8A=A0tag?=
 =?UTF-8?q?=E5=8F=B3=E8=BE=B9=E4=BD=8D=E7=BD=AE=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../firstui/fui-preview/fui-preview.vue       | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/components/firstui/fui-preview/fui-preview.vue b/components/firstui/fui-preview/fui-preview.vue
index 8648120..5fbf405 100644
--- a/components/firstui/fui-preview/fui-preview.vue
+++ b/components/firstui/fui-preview/fui-preview.vue
@@ -154,15 +154,26 @@ export default {
       type: Boolean,
       default: true,
     },
+    // tag上下padding
     tagPadding: {
       type: [Number, String],
       default: 8,
     },
+    // 标题是否显示蓝色竖线条
     isSection: {
       type: Boolean,
       default: false,
     },
-    
+    // tag是否在右边
+    isTagRight: {
+      type: Boolean,
+      default: false,
+    },
+    // 组件上边距
+    topPadding: {
+      type: [Number, String],
+      default: 0,
+    },
   },
   emits: ['click', 'valueClick'],
   data() {
@@ -254,10 +265,10 @@ export default {
   >
     <view
       v-if="pvd[label] || pvd[value]" class="fui-preview__hd"
-      :style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx` }"
+      :style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx`,paddingTop: `${topPadding}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" />
+        <fui-section v-if="isSection" :title="pvd[label] || ''" is-line line-width="8rpx" :padding="['0','0']" :line-color="fuiColor.primary" />
         <text
         v-else
           class="fui-preview__label" style="color: #333;font-weight:600"
@@ -279,7 +290,7 @@ export default {
         :class="{ 'fui-preview__border-color': !borderColor }"
       />
     </view>
-    <view :style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx`,paddingTop: `${tagPadding}rpx`,paddingBottom: `${tagPadding}rpx`}">
+    <view :style="{ paddingLeft: `${padding}rpx`, paddingRight: `${padding}rpx`,paddingTop: `${tagPadding}rpx`,paddingBottom: `${tagPadding}rpx`}" :class="{'tag-right':isTagRight}">
       <slot name="tag" />
     </view>
 
@@ -607,6 +618,11 @@ export default {
   transform-origin: 100% 0;
   transform: scaleX(.5)
 }
+.tag-right{
+  position: absolute;
+    right: 0;
+    top: 0;
+}
 
 /* #endif */