商品价格展示

package-lock.json

@@ -23,6 +23,7 @@
         "js-cookie": "^3.0.5",
         "js-sha256": "^0.11.0",
         "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
         "nprogress": "^0.2.0",
         "pinia": "^2.1.7",
         "pinia-plugin-persistedstate": "^3.2.1",

package.json

@@ -25,6 +25,7 @@
     "js-cookie": "^3.0.5",
     "js-sha256": "^0.11.0",
     "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.7",
     "pinia-plugin-persistedstate": "^3.2.1",

src/views/mall/home/components/hotGoods.vue

@@ -11,7 +11,7 @@
           <p class="ellipsis color-333 text-center">{{ val.name }}</p>
           <p class="color-999 ellipsis font-size-14 mt-1">{{ val.introduction }}</p>
           <div class="mt-1">
-            <div class="goods-box-item-price float-left">￥{{ val.price }}</div>
+            <div class="goods-box-item-price float-left">￥{{ isArray(val.price) ? fen2yuan(val.price[0]) : fen2yuan(val.price) }}</div>
             <div class="float-right font-size-15 mt-1" style="color: #c4c4c4">{{ salesAndStock(val) }}</div>
           </div>
         </div>
@@ -25,7 +25,8 @@ defineOptions({ name: 'mall-home-hotGoods'})
 import { ref, computed } from 'vue'
 import { useMallStore } from '@/store/mall'
 import { getProductByIds } from '@/api/mall/index'
-import { formatSales } from '@/hooks/web/useGoods.js'
+import { formatSales, fen2yuan } from '@/hooks/web/useGoods'
+import { isArray } from 'lodash-es'
 
 let template = ref(JSON.parse(localStorage.getItem('mallTemplate')) || {})
 useMallStore().$subscribe((mutation, state) => {