jufubao-mall 2.0.45 → 2.0.46-beta10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jufubao-mall",
-  "version": "2.0.45",
+  "version": "2.0.46-beta10",
   "private": false,
   "description": "聚福宝商城业务组件插件包",
   "main": "index.js",

package/src/components/JfbMallSpecialHome/JfbMallSpecialHome.vue

@@ -92,11 +92,16 @@
                   :style="[{
                     height: product.category.imgHeight + 'px',
                   },categoryCompStyle]"
-                  v-if="product.category.category_img && product.category['imgStatus'] === 'ok'"
+                  v-if="product.category.category_img && product.category['imgStatus'] === 'ok'&&product.category.show_method==='picture'"
                 >
                   <image :src="product.category.category_img" mode="widthFix"></image>
-                </view>
+                </view> 
                 <!--分类图片-->
+                <!--分类文字+背景-->
+                <view v-if="product.category.show_method==='text'&&product.category.show_config">
+                  <view :style="[fontStyle(product.category.show_config)]">{{product.category.category_name}}</view>
+                </view>
+                <!--分类文字+背景-->
                 <!--商品显示-->
                 <view
                   class="productsBox"
@@ -467,6 +472,24 @@ export default {
         bgColor: this.contBrandBgColor,
       }
     },
+    fontStyle(){
+      return(config)=>{
+      let copyConfig = JSON.parse(config)
+      console.log(config,config['contBorder'],'config')
+        return {
+          height:'80rpx',
+          lineHeight:'80rpx',
+          textAlign:'center',
+          // width:'100%',
+          fontSize:copyConfig.fontSize+'rpx',
+          color:copyConfig.fontColorStatus==='custom' ? copyConfig.fontColor : this.mainColor,
+          backgroundColor:copyConfig.backgroundColorStatus==='custom' ? copyConfig.backgroundColor : this.mainColor,
+          borderRadius:copyConfig.backgroundRadius?copyConfig.backgroundRadius+'rpx':0,
+          border:copyConfig.contBorder.type==='Y'?`${copyConfig.contBorder.value.width}rpx ${copyConfig.contBorder.value.style} ${copyConfig.contBorder.value.color}`:'none',
+          boxShadow: copyConfig.contShadow.type==='Y' ? `${copyConfig.contShadow.value.color} 0 0 ${copyConfig.contShadow.value.width}rpx`:''
+        }
+      }
+    },
   },
   created() {
     this.nodataSp = getServiceUrl('/component/sp_nodata.png')
@@ -817,6 +840,11 @@ export default {
               return prod;
             })
           }
+          if(item.category.show_method==='text'){
+            if(item.category.show_config){
+              item.category.show_config = JSON.parse(item.category.show_config);
+            }
+          }
           this.$set(this.prdductsOrgFitler,key, this.$xdUniHelper.cloneDeep(item.items));
           this.getPaginationData(item);
           return item;