jufubao-mall 2.0.20-beta2 → 2.0.20-beta3

package/package.json

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

package/src/components/JfbMallBrandWall/JfbMallBrandWall.vue

@@ -22,12 +22,13 @@
           <scroll-view
             :scroll-x="layout==='v1'"
             :scroll-y="layout==='v2'"
-            :style="{height:layout==='v2'?tabStyleComp.height:'auto'}"
+            :style="{height:layout==='v2'? tabStyleComp.height:'auto'}"
             :class="{'tab-linex':layout==='v1' && hStyle ==='v3'}"
           >
             <view
               class="tab_list"
               :class="{hStyle: layout === 'v1'}"
+              :style="[tabListComp]"
               v-if="loaded"
             >
               <view
@@ -46,7 +47,7 @@
                   || (layout === 'v1' && ['v2','v3'].includes(hStyle))"
                   class="lineCom"
                   :class="{lineSmall: ['v3'].includes(hStyle)}"
-                  :style="{backgroundColor: i === tabIndex?tabActItemStyleComp.color:'rgba(0,0,0,0)'}"
+                  :style="{backgroundColor: i === tabIndex?tabActItemNameStyle.color:'rgba(0,0,0,0)'}"
                 ></view>
                 <view :style="[i === tabIndex?tabActItemNameStyle:tabItemNameStyle]">{{tab.input}}</view>
               </view>
@@ -199,14 +200,15 @@
 
         //选项卡信息
         titleBgc: '',
-        tabPadding:{},
+        tabPadding:{},//选项卡填充
         titleStyle:{},
         titleRadius:0,
         titleShadow:'',
         titleBorder:0,
         titleBorderWidth:0,
         titleBgcActColor:'',
-        titlePadding: 0,
+        titlePadding: 0, //内容与选项卡填充
+        titleSp: 0, //选项卡间距
 
 
         //内容
@@ -245,7 +247,7 @@
       skeletonStyle(){
         let margin = 0;
         if(this.layout === 'v1') {
-           margin = '24rpx 24rpx 24rpx 0';
+           margin = '0rpx 24rpx 0rpx 0';
         }
         if(this.layout === 'v2') {
           margin = '12rpx'
@@ -263,7 +265,10 @@
         }
       },
       showTabs(){
-        let tabs = this.$xdUniHelper.cloneDeep(this.newLabel).filter(item=>item.check);
+        let tabs = this.$xdUniHelper.cloneDeep(this.newLabel).filter(item=>{
+          return item.check === true
+        });
+
         //线下签是否展示通过后台控制
         if(this.has_sell) return tabs;
         else return tabs.filter(item => item.value !== 'sell');
@@ -351,9 +356,6 @@
           if(['v1', 'v2'].includes(this.vStyle)) {
             style['height'] = `${this.layoutInfo.bodyMinHeightPx - outHeight}px`;
           }
-          // if(['v2', 'v4'].includes(this.vStyle)) {
-          //   style['max-height'] = `${this.layoutInfo.bodyMinHeightPx - outHeight}px`;
-          // }
           style['overflowY'] = 'auto';
           style['overflowX'] = 'hidden';
         }
@@ -366,7 +368,7 @@
         let style = {}
         //上下结构
         if(this.layout === 'v1') {
-          style['padding'] = this.getMarginAndPadding(this.tabPadding, 0);
+
           if(!this.isPreview) {
             style['position'] = 'fixed';
             style['zIndex'] = '10';
@@ -380,23 +382,36 @@
           style['width'] = '172rpx';
           style['flexShrink'] = 0;
           style['overflow'] = 'hidden';
-          style['padding'] = this.getMarginAndPadding(this.tabPadding, 0);
+          style['padding'] = 0;
 
           if(['v1', 'v2'].includes(this.vStyle)) {
             let tb = this.getPMValue(this.bodyPadding, 'TB', 0) * this.$rpxNum +  this.titleBorderWidth * 2 *this.$rpxNum;
-            tb +=  this.getPMValue(this.tabPadding, 'TB', 0) * this.$rpxNum
             style['height'] = `calc(${ this.layoutInfo.bodyMinHeightPx}px - ${tb}px)`;
             style['borderRadius'] = `0 ${this.titleRadius}rpx  ${this.titleRadius}rpx  0`;
           }
         }
         return style;
       },
+      tabListComp(){
+        let temp = {};
+        if(this.layout === 'v1') {
+          temp['paddingLeft'] =  (this.tabPadding.left || 0) + 'rpx';
+          temp['paddingRight'] =  (this.tabPadding.right || 0) + 'rpx';
+          temp['paddingBottom'] =  (this.tabPadding.bottom || 0) + 'rpx';
+          temp['paddingTop'] =  (this.tabPadding.top || 0) + 'rpx';
+        }
+        return temp
+      },
       tabStyleComp(){
+        let border = {};
+        if(this.layout === 'v2') border = {border: this.titleBorder}
+        else border = {borderBottom: this.titleBorder}
         return {
           boxShadow: this.titleShadow,
-          borderBottom: this.titleBorder,
+          ...border,
           backgroundColor: this.titleBgc,
-          marginBottom: this.titlePadding + 'rpx',
+          //在模版二不使用内容与选项卡直接间距
+          marginBottom: this.layout === 'v2'?0:this.titlePadding + 'rpx',
           ...this.getTabHeight,
         };
       },
@@ -421,9 +436,10 @@
       getTabItemHeight(){
         if(this.layout === 'v1'){
           return  {
-            height:['v1'].includes(this.hStyle) ?'60rpx' : '108rpx',
-            lineHeight: ['v1'].includes(this.hStyle) ?'60rpx' : '108rpx',
+            height: '60rpx',
+            lineHeight:'60rpx',
             marginRight: this.titleSp + 'rpx',
+            minWidth: '80rpx'
           }
         }
 
@@ -433,7 +449,7 @@
             lineHeight: '100rpx',
             borderRadius:'0',
             fontSize:'24rpx',
-            marginBottom: this.titlePadding + 'rpx'
+            marginBottom: this.titleSp + 'rpx'
           }
         }
 
@@ -475,10 +491,35 @@
         }
       },
       tabActItemNameStyle(){
-        if(this.layout === 'v2') return {}
         let bgColor = '';
         let bgImage = 'none';
+        let color = this.mainColor;
+        if(this.layout === 'v2') {
+          if(['v2'].includes(this.vStyle)) {
+            //选项卡标签文字颜色
+            if(this.titleStyle.actColor) color = this.titleStyle.actColor;
+            else color = '#fff';
+
+            //选项卡标签背景颜色
+            if(this.titleStyle.actBgColor) bgColor = this.titleStyle.actBgColor;
+            else {
+              if(this.mainGradient && this.mainGradient.indexOf('gradient') !== -1)  bgImage = this.mainGradient;
+              else bgColor = this.mainColor;
+            }
+          }
+
+          return {
+            backgroundColor: bgColor,
+            color: color,
+          }
+        }
+
         if(['v1'].includes(this.hStyle)) {
+          //选项卡标签文字颜色
+          if(this.titleStyle.actColor) color = this.titleStyle.actColor;
+          else color = '#fff';
+
+          //选项卡标签背景颜色
           if(this.titleStyle.actBgColor) bgColor = this.titleStyle.actBgColor;
           else {
             if(this.mainGradient && this.mainGradient.indexOf('gradient') !== -1)  bgImage = this.mainGradient;
@@ -490,7 +531,7 @@
           backgroundColor: bgColor,
           backgroundImage: bgImage,
           padding: '0 32rpx',
-          color: this.titleStyle.actColor,
+          color: color,
           fontSize: this.titleStyle.actFontSize + 'rpx',
           fontWeight: this.titleStyle.actFontWeight,
         }
@@ -514,9 +555,6 @@
       this.$nextTick()
     },
     methods: {
-      tr() {
-        return tr
-      },
       onJfbLoad(options) {
         //设置业务请求代码
         this.setNameSpace(options);
@@ -562,7 +600,8 @@
         ]
         let newLabel = this.$xdUniHelper.cloneDeep(gCPVal(container, 'newLabel', []))
           .filter(item=>{
-            return item['isShow'] !== undefined
+            //更古老数据，相对新数据
+            return item['isShow'] === undefined || item['isShow'] === true
           })
           .sort((a,b)=>Number(a.sort)-Number(b.sort))
           .map(item=>{
@@ -572,6 +611,7 @@
               item['check'] = item['isShow'];
               delete item['isShow'];
             }
+            else item['check'] = true;
             if(item['newLabel'] !== undefined || item['label'] !== undefined) {
               item['input'] = item['newLabel'] || item['label'];
               delete item['newLabel'];
@@ -579,8 +619,20 @@
             }
             return item
           });
-        this.newLabel = gCPVal(container, 'tabContent', [newLabel.length > 0 ? newLabel: defNewLabel]);
+        let defValues = {
+          all: '全部',
+          sell:'线下',
+          code:'电子码',
+          stod:'线上',
+          'stod-samecity':'同城配送',
+          "stod-logistics":'快递配送',
+          'stod-takeout':'门店自提'
+        }
 
+        this.newLabel = gCPVal(container, 'tabContent', newLabel.length > 0 ? newLabel: defNewLabel).map(item=>{
+          if(item.input === '') item.input = defValues[item.value];
+          return item
+        });
 
         //常规
         let defBodyPadding= 0;
@@ -616,12 +668,10 @@
           else defListPadding = {top:40,left:40, right:40, bottom:40};
         }
 
+        let defListMargin = 0;
+        if(this.layout === 'v2' && this.vStyle === 'v2') defListMargin = 24;
+
         this.listPadding = gCPVal(container, 'listPadding', [defListPadding,24], {sKey: 'listPaddingStatus', fields: ['listPadding'], isPMR: true});
-        let defListMargin= 0;
-        if(this.layout === 'v2'){
-          //if(['v3', 'v4'].includes(this.vStyle)) defListMargin = {top:0,left:24, right:0, bottom:0}
-          if(['v2'].includes(this.vStyle)) defListMargin = {top:24,left:24, right:24, bottom:24}
-        }
         this.listMargin = gCPVal(container, 'listMargin', [defListMargin,0], {sKey: 'listMarginStatus', fields: ['listMargin'], isPMR: true});
         this.contRadius = gCPVal(container, 'contRadius', [this.gStyleValue.radius,0],{sKey: 'contRadiusStatus', fields: ['contRadius']})||0;
 
@@ -631,18 +681,11 @@
         let defTabPadding = 0;
         let oldTabPadding = 0;
         if(this.layout === 'v2') {
-          if(['v2', 'v1'].includes(this.vStyle)) defTabPadding = {top:0,left:0, right:0, bottom:0};
           if(['v1'].includes(this.vStyle)) defTitleBgc = '#f8f8f8';
         }
         if(this.layout === 'v1') {
-          defTabPadding =  {top:0,left:32, right:0, bottom:0};
-          oldTabPadding = {top:0,left:32, right:0, bottom:0};
-
-          if(['v1'].includes(this.hStyle)) {
-            defTabPadding =  {top:24,left:32, right:0, bottom:24};
-            oldTabPadding = {top:24,left:32, right:0, bottom:24};
-          }
-
+          defTabPadding =  {top:24,left:32, right:32, bottom:24};
+          oldTabPadding = {top:40,left:40, right:40, bottom:40};
         }
         this.tabPadding = gCPVal(container, 'tabPadding', [defTabPadding,oldTabPadding], {sKey: 'tabPaddingStatus', fields: ['tabPadding'], isPMR: true});
         this.titleBgc = gCPVal(container, 'titleBgc', [defTitleBgc,'#fff'],{sKey: 'titleBgcStatus', fields: ['titleBgc']});
@@ -653,7 +696,7 @@
         let titleStyleStatus =  gCPVal(container, 'titleStyleStatus', '');
         if(titleStyleStatus === 'D') titleActColor = '';
         let mainColor = titleActColor || this.mainColor;
-        if(this.layout === 'v1' && this.hStyle === 'v1')  mainColor = '#fff';
+        //if(this.layout === 'v1' && this.hStyle === 'v1')  mainColor = '#fff';
         if(this.layout === 'v2' && this.vStyle === 'v2')  mainColor = '#fff';
         this.titleStyle = gCPVal(
           container,
@@ -663,10 +706,10 @@
             bgColor: titleBgcColor || '#fff' ,
             fontSize: '32',
             fontWeight: '400',
-            actColor: mainColor,
+            actColor: titleActColor || '',
             actFontWeight: '400',
             actFontSize: '32',
-            actBgColor: "",
+            actBgColor:this.titleBgcActColor || '',
           }],
           {sKey:'titleStyleStatus',fields:['titleStyle'],isMerge: true},
         );
@@ -679,16 +722,16 @@
           if(['v1','v2'].includes(this.vStyle)) defTitleRadius = '0';
         }
         this.titleRadius = gCPVal(container, 'titleRadius', [defTitleRadius,this.gStyleValue.radius,'0'],{sKey: 'titleRadiusStatus', fields: ['titleRadius']})||0;
-        this.titlePadding = gCPVal(container, 'titlePadding', '0',{sKey: 'titlePaddingStatus', fields: ['titlePadding']});
-        this.titleSp = gCPVal(container, 'titleSp', [48, 0],{sKey: 'titleSpStatus', fields: ['titleSp']});
+        this.titlePadding = gCPVal(container, 'titlePadding', 0,{sKey: 'titlePaddingStatus', fields: ['titlePadding']});
+        this.titleSp = gCPVal(container, 'titleSp', [(this.layout === 'v2'?0:48), 0],{sKey: 'titleSpStatus', fields: ['titleSp']});
 
         //内容
         this.contentBgc = gCPVal(container, 'contentBgc', '#fff',{sKey: 'contentBgcStatus', fields: ['contentBgc']} );
         let contentPadding = gCPVal(container, 'contentPadding',''), bindSize = 68;
         if(this.layout === 'v1' && this.contentCell === 3) bindSize = 28;
         if(this.layout === 'v1' && this.contentCell === 5) bindSize = 60;
-        if(contentPadding) bindSize = 100 - Number(contentPadding);
-        this.bindSize = 100 - Number(gCPVal(container, 'bindSize', [bindSize,68],{sKey: 'bindSizeStatus', fields: ['bindSize']}));
+        if(contentPadding) bindSize = 112 - Number(contentPadding);
+        this.bindSize = 112 - Number(gCPVal(container, 'bindSize', [bindSize,68],{sKey: 'bindSizeStatus', fields: ['bindSize']}));
         this.radius = gCPVal(container, 'radius', [this.gStyleValue.radius,0],{sKey: 'radiusStatus', fields: ['radius']})||0;
         this.brandShadow = gCPVal(container, 'brandShadow', [this.gStyleValue.shadow,'none'], {isShadow:true, bsOld:['isContShadow','isContShadowBgcW','isContShadowBgc']});
         this.brandBorder = gCPVal(container, 'brandBorder', [{color: '#f8f8f8', width: '2', style: 'solid'},{color: '#eee', width: '0', style: 'solid'}], {isBorder:true, bsOld:['isContBorder','isContBorderW','isContBorderColor']});
@@ -696,8 +739,8 @@
           container,
           "brandStyle",
           [{
-            color: gCPVal(container, 'brandNameColor', '') || '#333',
-            fontSize: '24',
+            color: gCPVal(container, 'brandNameColor', '') || '#666',
+            fontSize: '28rpx',
             fontWeight: '400',
           }],
           {sKey:'brandStyleStatus',fields:['brandStyle'],isMerge: true},
@@ -856,7 +899,7 @@
                   left: 50%;
                   width: 64rpx;
                   transform: translateX(-50%);
-                  bottom: 16rpx;
+                  bottom: -16rpx;
                   height: 6rpx;
                   border-radius: 4rpx;
                 }

package/src/components/JfbMallBrandWall/cusAttr/brand.js

@@ -55,13 +55,13 @@ export default (data, gValue, gColor, oldData)=>{
       groupKey: 'style',
       ele: 'xd-slider',
       valueKey: "bindSize",
-      value: dataVal({data, key:'bindSize', dValue: gValue.isAdd && gValue.isFirst?bindSize: 68, gValue}),
+      value: dataVal({data, key:'bindSize', dValue: gValue.isAdd && gValue.isFirst ? bindSize: 68, gValue}),
       hidden: !statusShow({data, key: 'bindSizeStatus', fields:['bindSize'], gValue}),
       className: "input100",
       labelInline: true,
       setting:{
-        min: 0,//最小值
-        max: 100, //最小值
+        min: 50,//最小值
+        max: 90, //最小值
         step:1, //步长
         showStops:false,//显示间断点
         showInput:false,//显示输入框
@@ -97,7 +97,7 @@ export default (data, gValue, gColor, oldData)=>{
         selected:false,
         default:{
           color: data['brandNameColor'] || '#666',
-          fontSize:'24',
+          fontSize:'28rpx',
           fontWeight: '400'
         },
       },

package/src/components/JfbMallBrandWall/cusAttr/content.js

@@ -10,8 +10,10 @@ export default (data, gValue, gColor, oldData={})=>{
   //老数据
   let tabContent = [];
   if(data['newLabel'] !== undefined) {
-    let newLabel = clone(data['newLabel']).filter(item=>{
-      return item['isShow'] !== undefined
+    let newLabel = clone(data['newLabel']).map(item=>{
+      if(typeof item.isShow === 'boolean') item.check = item.isShow;
+      else  item.check = true;
+      return item
     });
     tabContent = newLabel.sort((a,b)=>Number(a.sort)-Number(b.sort)).map(item=>{
       item['placeholder'] = '自定义名称';
@@ -86,13 +88,13 @@ export default (data, gValue, gColor, oldData={})=>{
       inline: false,
       handleCustom({action, data}) {
         data.cb([
-          {value:'all', label: '全部',input:'',check: true,placeholder:'自定义名称'},
-          {value:'sell', label: '线下',input:'',check: true, placeholder:'自定义名称'},
-          {value:'code', label: '电子码',input:'',check: true,placeholder:'自定义名称'},
-          {value:'stod', label: '线上',input:'',check: true,placeholder:'自定义名称'},
-          {value:'stod-samecity', label: '同城配送',input:'',check: false,placeholder:'自定义名称'},
-          {value:'stod-logistics', label: '快递配送',input:'',check: false,placeholder:'自定义名称'},
-          {value:'stod-takeout', label: '门店自提',input:'',check: false,placeholder:'自定义名称'},
+          {value:'all', label: '全部',input:'', def: '全部', check: true,placeholder:'自定义名称'},
+          {value:'sell', label: '线下',input:'', def: '线下',check: true, placeholder:'自定义名称'},
+          {value:'code', label: '电子码',input:'', def: '电子码',check: true,placeholder:'自定义名称'},
+          {value:'stod', label: '线上',input:'', def: '线上',check: true,placeholder:'自定义名称'},
+          {value:'stod-samecity', label: '同城配送',input:'', def: '同城配送',check: false,placeholder:'自定义名称'},
+          {value:'stod-logistics', label: '快递配送',input:'', def: '快递配送',check: false,placeholder:'自定义名称'},
+          {value:'stod-takeout', label: '门店自提',input:'', def: '门店自提',check: false,placeholder:'自定义名称'},
         ])
       },
     },
@@ -146,7 +148,7 @@ export default (data, gValue, gColor, oldData={})=>{
       value: dataVal({data, key:'layout', dValue:'v1', gValue}),
       multiple: false,
       groupKey: 'content',
-      className: 'input50',
+      className: 'input100',
       labelInline:true,
       list: [
         {label: '上下布局', value: 'v1'},
@@ -211,7 +213,7 @@ export default (data, gValue, gColor, oldData={})=>{
       placeholder: '请选择显示列',
       multiple: false,
       groupKey: 'content',
-      className: 'input50',
+      className: 'input100',
       labelInline:true,
       hidden: !(['v1'].includes(dataVal({data, key:'layout', dValue:'v2', gValue}) )),
       list: [

package/src/components/JfbMallBrandWall/cusAttr/tab.js

@@ -27,48 +27,38 @@ export default (datas, gValue, gColor, oldData={})=>{
   let defTitleShadow = cRaBorShadow( data, 'titleShadow', {old:['isTitleShadow','isTitleShadowBgcW','isTitleShadowBgc']},gValue);
   let titleStyleFields = ['titleBgcColor','titleBgcActColor','titleColor','titleActColor'];
 
-  function handle(isBtn, isChange=false){
-    if(isBtn) {
-      if(data['titleStyle'] !== undefined) {
-        data['titleStyle']['color'] = '#333';
-        data['titleStyle']['actColor'] = '#fff';
-        data['titleStyle']['bgColor'] = '#fff';
-        data['titleStyle']['actBgColor'] = '';
-      }
-      if(isChange && statusDataVal({data, key:'tabPaddingStatus', fields:['tabPadding'],gValue}) === 'C') {
-        data['tabPadding'] = {top:24,left:32, right:32, bottom:24}
-      }
-    }
-    else {
-      if(data['titleStyle'] !== undefined) {
-        data['titleStyle']['color'] = '#333';
-        data['titleStyle']['actColor'] = gColor.mainColor;
-        data['titleStyle']['bgColor'] = '';
-        data['titleStyle']['actBgColor'] = '';
-        if(isChange && statusDataVal({data, key:'tabPaddingStatus', fields:['tabPadding'],gValue}) === 'C') {
-          data['tabPadding'] = {top:0,left:0, right:0, bottom:0}
-        }
-      }
-    }
-  }
-
-  //切换左右
-  if(data['layout'] !== oldData.layout) {
-    handle(data['layout'] === 'v1'?data.hStyle === 'v1': data.vStyle === 'v2', data['layout'] === 'v1');
-  }
-
-  //上下结构，切换Tab样式
-  if(data['layout'] === 'v1' && data.hStyle && oldData.hStyle && data.hStyle !== oldData.hStyle) {
-    handle(data.hStyle === 'v1', true);
-  }
-  //左右结构，切换Tab样式
-  if(data['layout'] === 'v2' && data.vStyle && oldData.vStyle && data.vStyle !== oldData.vStyle) {
-    handle(data.vStyle === 'v2');
-  }
-  if(statusDataVal({data, key:'tabPaddingStatus', fields:['tabPadding'],gValue}) === 'C') {
-    if(data['layout'] === 'v2') data['tabPadding'] = {top:20,left:0, right:0, bottom:0};
-    else data['tabPadding'] = {top:24,left:32, right:0, bottom:24}
-  }
+  // function handle(isBtn, isChange=false){
+  //   if(isBtn) {
+  //     if(data['titleStyle'] !== undefined) {
+  //       data['titleStyle']['color'] = '#333';
+  //       data['titleStyle']['actColor'] = '#fff';
+  //       data['titleStyle']['bgColor'] = '#fff';
+  //       data['titleStyle']['actBgColor'] = '';
+  //     }
+  //   }
+  //   else {
+  //     if(data['titleStyle'] !== undefined) {
+  //       data['titleStyle']['color'] = '#333';
+  //       data['titleStyle']['actColor'] = gColor.mainColor;
+  //       data['titleStyle']['bgColor'] = '';
+  //       data['titleStyle']['actBgColor'] = '';
+  //     }
+  //   }
+  // }
+  //
+  // //切换左右
+  // if(data['layout'] !== oldData.layout) {
+  //   handle(data['layout'] === 'v1'?data.hStyle === 'v1': data.vStyle === 'v2', data['layout'] === 'v1');
+  // }
+  //
+  // //上下结构，切换Tab样式
+  // if(data['layout'] === 'v1' && data.hStyle && oldData.hStyle && data.hStyle !== oldData.hStyle) {
+  //   handle(data.hStyle === 'v1', true);
+  // }
+  // //左右结构，切换Tab样式
+  // if(data['layout'] === 'v2' && data.vStyle && oldData.vStyle && data.vStyle !== oldData.vStyle) {
+  //   handle(data.vStyle === 'v2');
+  // }
 
 
   return [
@@ -106,7 +96,7 @@ export default (datas, gValue, gColor, oldData={})=>{
         selected:true,
         default:{
           color: data['titleColor'] || '#333',
-          bgColor:data['titleBgcColor'] || '#fff',
+          bgColor: data['titleBgcColor'] || '#fff',
           fontSize:'32',
           fontWeight: '400',
           actFontSize:'32',
@@ -145,7 +135,7 @@ export default (datas, gValue, gColor, oldData={})=>{
       groupKey: 'style',
       ele: 'xd-slider',
       valueKey: "titleSp",
-      value:  dataVal({data, key:'titleSp', dValue:gValue.isAdd && gValue.isFirst ?48: 0, gValue}),
+      value:  dataVal({data, key:'titleSp', dValue:gValue.isFirst && gValue.isAdd?(data.layout === 'v2'?0:48):0}),
       hidden: !statusShow({data, key: 'titleSpStatus', fields:['titleSp'], gValue}),
       className: "input100",
       labelInline: true,
@@ -166,6 +156,7 @@ export default (datas, gValue, gColor, oldData={})=>{
       valueKey: 'titlePaddingStatus',
       value: statusDataVal({data, key: 'titlePaddingStatus', fields:['titlePadding'], gValue}),
       labelInline:true,
+      hidden: data['layout'] ==='v2',
       list: [
         {label: '默认', value: 'D'},
         {label: '自定义', value: 'C'},
@@ -178,7 +169,7 @@ export default (datas, gValue, gColor, oldData={})=>{
       ele: 'xd-slider',
       valueKey: "titlePadding",
       value:  dataVal({data, key:'titlePadding', dValue:0, gValue}),
-      hidden: !statusShow({data, key: 'titlePaddingStatus', fields:['titlePadding'], gValue}),
+      hidden: !statusShow({data, key: 'titlePaddingStatus', fields:['titlePadding'], gValue}) || data['layout'] ==='v2',
       className: "input100",
       labelInline: true,
       setting:{
@@ -336,7 +327,7 @@ export default (datas, gValue, gColor, oldData={})=>{
       value: dataVal({
         data,
         key:'tabPadding',
-        dValue:[gValue.isAdd&&gValue.isFirst ? 0: {top:24,left:32, right:0, bottom:24}],
+        dValue:[gValue.isAdd && gValue.isFirst?{top:24,left:32, right:32, bottom:24}: 40],
         gValue,
         isPM: true,
       }),
@@ -357,7 +348,7 @@ export default (datas, gValue, gColor, oldData={})=>{
       groupKey: 'style',
       placeholder: '请选择未选中文字颜色',
       classNmae: 'input80',
-      hidden: true
+      hidden: false
     },
     {
       label: '选中标签背景颜色:',
@@ -367,7 +358,7 @@ export default (datas, gValue, gColor, oldData={})=>{
       groupKey: 'style',
       placeholder: '请选择选中标签背景颜色',
       classNmae: 'input80',
-      hidden: true
+      hidden: false
     },
     {
       label: '未选中文字颜色:',
@@ -377,7 +368,7 @@ export default (datas, gValue, gColor, oldData={})=>{
       groupKey: 'style',
       placeholder: '请选择未选中文字颜色',
       classNmae: 'input80',
-      hidden: true
+      hidden: false
     },
     {
       label: '选中文字颜色:',
@@ -387,7 +378,7 @@ export default (datas, gValue, gColor, oldData={})=>{
       groupKey: 'style',
       placeholder: '请选择选中文字颜色',
       classNmae: 'input80',
-      hidden: true
+      hidden: false
     },
 
     {