From a72c68ce87731d3837176329ffe663a9361ffa60 Mon Sep 17 00:00:00 2001
From: sfmind <130201237@qq.com>
Date: Wed, 23 Nov 2022 00:20:35 +0800
Subject: [PATCH] 微调组件显示

---
 yudao-ui-app/components/yd-text-price/yd-text-price.vue | 31 +++++++++++++++++++++++++------
 yudao-ui-app/pages/index/index.vue                      |  2 +-
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/yudao-ui-app/components/yd-text-price/yd-text-price.vue b/yudao-ui-app/components/yd-text-price/yd-text-price.vue
index fab0339..be32b13 100644
--- a/yudao-ui-app/components/yd-text-price/yd-text-price.vue
+++ b/yudao-ui-app/components/yd-text-price/yd-text-price.vue
@@ -1,6 +1,6 @@
 <template>
   <view>
-    <text v-for="(item, index) in textArray" :key="index" :style="{ 'font-size': (index === 1 ? integerSize : size) + 'px', 'color': color }">
+    <text v-for="(item, index) in textArray" :key="index" :style="{ fontSize: (index === 1 ? integerSize : size) + 'px', color, textDecoration }">
       {{ item }}
     </text>
   </view>
@@ -8,15 +8,20 @@
 
 <script>
 /**
- * 此组件简单的显示特定样式的(人名币)价格数字
+ * 此组件简单的显示（驼峰式）的价格
  */
 export default {
   name: 'yd-text-price',
   components: {},
   props: {
+    //货币符号
+    symbol: {
+      type: String,
+      default: '￥'
+    },
     price: {
       type: [String, Number],
-      default: '0.00'
+      default: ''
     },
     color: {
       type: String,
@@ -30,14 +35,28 @@ export default {
     //整形部分字体大小可单独定义
     intSize: {
       type: [String, Number],
-      default: 15
+      default: ''
+    },
+    //文字装饰，下划线，中划线等
+    decoration: {
+      type: String,
+      default: 'none'
+    }
+  },
+  data() {
+    return {
+      textDecoration: this.decoration
     }
   },
   computed: {
     textArray() {
-      let array = ['￥']
+      let array = []
+      if (this.price === '' || this.price === undefined) {
+        return []
+      }
+      array.push(this.symbol)
       if (!/^\d+(\.\d+)?$/.test(this.price)) {
-        console.error('组件<custom-text-price :text="???" 此处参数应为金额数字')
+        console.error('组件<yd-text-price :text="???" 此处参数应为金额数字')
       } else {
         let arr = parseFloat(this.price).toFixed(2).split('.')
         array.push(arr[0])
diff --git a/yudao-ui-app/pages/index/index.vue b/yudao-ui-app/pages/index/index.vue
index 137de3b..202a7e7 100644
--- a/yudao-ui-app/pages/index/index.vue
+++ b/yudao-ui-app/pages/index/index.vue
@@ -28,7 +28,7 @@
     <!--商品展示栏-->
     <yd-product-box :product-list="productList" :title="'每日上新'" show-type="normal"></yd-product-box>
     <yd-product-box :product-list="productList" :title="'热卖商品'" show-type="half"></yd-product-box>
-    <yd-product-more :product-list="productList" more-status="moreStatus"></yd-product-more>
+    <yd-product-more :product-list="productList" :more-status="moreStatus"></yd-product-more>
 
     <u-gap height="5px"></u-gap>
   </view>
--
libgit2 0.21.4