perf: 🎨 改善促销部分荣誉代码 封装为组件使用 更加便捷以及好看。 优化部分页面显示问题

删除部分原有的老样式  更新新版促销样式 页面更加好看 删除冗余代码 封装多种方法以及组件

pages/tabbar/home/template/tpl_goods.vue

@@ -24,7 +24,9 @@
             {{ item.title }}
           </div>
           <div class="goods-bottom">
-            <div class="goods-price">￥{{ item.price | unitPrice }}</div>
+            <div class="goods-price">	¥<span>{{ formatPrice(item.price )[0] }} </span>.{{
+										formatPrice(item.price )[1]
+									}}</div>
           </div>
         </div>
       </div>
@@ -56,8 +58,15 @@ export default {
   },
   mounted() {},
   methods: {
+    	// 格式化金钱  1999 --> [1999,00]
+			formatPrice(val) {
+				if (typeof val == "undefined") {
+					return val;
+				}
+				return val.toFixed(2).split(".");
+			},
     handleClick(item) {
-      this.$navigateTo({
+      uni.navigateTo({
         url: `/pages/product/goods?id=${item.id}&goodsId=${item.goodsId}`,
       });
     },
@@ -163,13 +172,11 @@ $w_94: 94%;
     > .goods-price {
       line-height: 2;
       color: $main-color;
+      >span{
+        font-size: 42rpx;
+      }
     }
   }
 }
 
-.goods-icon {
-  right: 10rpx;
-  top: 10rpx;
-  position: absolute;
-}
 </style>