商品图片

hdApp/src/admin/goods/add.vue

@@ -37,7 +37,7 @@
         </tui-list-cell>
 
         <tui-list-cell class="line-cell category-wrap" :hover="false">
-          <view class="tui-title">分类</view>
+          <view class="tui-title required">分类</view>
           <view class="tui-input">
             <block v-for="(item, index) in categoryData" :key="index">
               <button class="admin-button-com" :class="[(form.catIds.includes(item.id + '')||form.catIds.includes(item.id*1)) ? '' : 'default']" 
@@ -54,8 +54,8 @@
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">价格类型</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.priceType === '0' ? 'active' : '']" @click="setPriceType('0')">无价格</button>
-            <button class="option-btn" :class="[form.priceType === '1' ? 'active' : '']" @click="setPriceType('1')">有价格</button>
+            <button class="admin-button-com middle" :class="[form.priceType === '0' ? '' : 'default']" @click="setPriceType('0')">无价格</button>
+            <button class="admin-button-com middle" :class="[form.priceType === '1' ? '' : 'default']" @click="setPriceType('1')">有价格</button>
           </view>
         </tui-list-cell>
 
@@ -67,8 +67,8 @@
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">库存状态</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.stockSet === '0' ? 'active' : '']" @click="setstockSet('0')">充足</button>
-            <button class="option-btn" :class="[form.stockSet === '1' ? 'active' : '']" @click="setstockSet('1')">自定义</button>
+            <button class="admin-button-com middle" :class="[form.stockSet === '0' ? '' : 'default']" @click="setstockSet('0')">充足</button>
+            <button class="admin-button-com middle" :class="[form.stockSet === '1' ? '' : 'default']" @click="setstockSet('1')">自定义</button>
           </view>
         </tui-list-cell>
 
@@ -78,7 +78,7 @@
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
-          <view class="tui-title">用花支数</view>
+          <view class="tui-title required">用花支数</view>
           <input v-model="form.flowerNum" placeholder-class="phcolor" @focus="onFlowerNumFocus" @blur="onFlowerNumBlur" class="tui-input" name="flowerNum" placeholder="用于判断花束大小" maxlength="5" type="number" />
         </tui-list-cell>
 
@@ -95,32 +95,32 @@
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">节日涨价设置</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.autoRise === '1' ? 'active' : '']" @click="autoRiseChange('1')">参与涨价</button>
-            <button class="option-btn" :class="[form.autoRise === '0' ? 'active' : '']" @click="autoRiseChange('0')">不要涨价</button>
+            <button class="admin-button-com middle" :class="[form.autoRise === '1' ? '' : 'default']" @click="autoRiseChange('1')">参与涨价</button>
+            <button class="admin-button-com middle" :class="[form.autoRise === '0' ? '' : 'default']" @click="autoRiseChange('0')">不要涨价</button>
           </view>
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">包运费</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.freightType === '0' ? 'active' : '']" @click="freightChange({detail:{value:'0'}})">否</button>
-            <button class="option-btn" :class="[form.freightType === '1' ? 'active' : '']" @click="freightChange({detail:{value:'1'}})">是</button>
+            <button class="admin-button-com middle" :class="[form.freightType === '0' ? '' : 'default']" @click="freightChange({detail:{value:'0'}})">不包运费</button>
+            <button class="admin-button-com middle" :class="[form.freightType === '1' ? '' : 'default']" @click="freightChange({detail:{value:'1'}})">包运费</button>
           </view>
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">商城上面</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.status === 1 ? 'active' : '']" @click="statusChange({detail:{value:'1'}})">展示</button>
-            <button class="option-btn" :class="[form.status === 0 ? 'active' : '']" @click="statusChange({detail:{value:'0'}})">隐藏</button>
+            <button class="admin-button-com middle" :class="[form.status === 1 ? '' : 'default']" @click="statusChange({detail:{value:'1'}})">展示</button>
+            <button class="admin-button-com middle" :class="[form.status === 0 ? '' : 'default']" @click="statusChange({detail:{value:'0'}})">隐藏</button>
           </view>
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">到店自取商品</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.needSend === '0' ? 'active' : '']" @click="needSendChange('0')">否</button>
-            <button class="option-btn" :class="[form.needSend === '1' ? 'active' : '']" @click="needSendChange('1')">是</button>
+            <button class="admin-button-com middle" :class="[form.needSend === '0' ? '' : 'default']" @click="needSendChange('0')">不是</button>
+            <button class="admin-button-com middle" :class="[form.needSend === '1' ? '' : 'default']" @click="needSendChange('1')">是的</button>
           </view>
         </tui-list-cell>
 
@@ -624,21 +624,8 @@ export default {
 .btn-group {
   display: flex;
   justify-content: flex-start;
-  .option-btn {
+  .admin-button-com {
     margin-right: 35rpx;
-    background-color: #ffffff;
-    color: #999999;
-    font-size: 26rpx;
-    padding: 12rpx 18rpx;
-    line-height: 1.5;
-    min-width: 120rpx;
-    text-align: center;
-    
-    &.active {
-      background-color: #09C567;
-      color: #ffffff;
-      border-color: #09C567;
-    }
     
     &:last-child {
       margin-right: 0;

hdApp/src/admin/goods/detail.vue

@@ -24,7 +24,7 @@
         </view>
 
         <tui-list-cell class="line-cell category-wrap" :hover="false">
-          <view class="tui-title">封面</view>
+          <view class="tui-title required">封面</view>
           <view class="tui-input">
             <block v-if="coverImgData.length > 0">
               <button class="admin-button-com"
@@ -38,7 +38,7 @@
         </tui-list-cell>
 
         <tui-list-cell class="line-cell category-wrap" :hover="false">
-          <view class="tui-title">商城分类</view>
+          <view class="tui-title required">分类</view>
           <view class="tui-input">
             <block v-for="(item, index) in categoryData" :key="index">
               <button
@@ -58,8 +58,8 @@
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">价格类型</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.priceType === '0' ? 'active' : '']" @click="setPriceType('0')">无价格</button>
-            <button class="option-btn" :class="[form.priceType === '1' ? 'active' : '']" @click="setPriceType('1')">有价格</button>
+            <button class="admin-button-com middle" :class="[form.priceType === '0' ? '' : 'default']" @click="setPriceType('0')">无价格</button>
+            <button class="admin-button-com middle" :class="[form.priceType === '1' ? '' : 'default']" @click="setPriceType('1')">有价格</button>
           </view>
         </tui-list-cell>
 
@@ -77,8 +77,8 @@
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">库存状态</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.stockSet === '0' ? 'active' : '']" @click="setstockSet('0')">充足</button>
-            <button class="option-btn" :class="[form.stockSet === '1' ? 'active' : '']" @click="setstockSet('1')">自定义</button>
+            <button class="admin-button-com middle" :class="[form.stockSet === '0' ? '' : 'default']" @click="setstockSet('0')">充足</button>
+            <button class="admin-button-com middle" :class="[form.stockSet === '1' ? '' : 'default']" @click="setstockSet('1')">自定义</button>
           </view>
         </tui-list-cell>
 
@@ -88,12 +88,12 @@
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
-          <view class="tui-title">用花支数</view>
+          <view class="tui-title required">用花支数</view>
           <input v-model="form.flowerNum" @focus="onFlowerNumFocus" @blur="onFlowerNumBlur" placeholder-class="phcolor" class="tui-input" name="flowerNum" placeholder="用于判断花束大小" maxlength="5" type="number" />
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
-          <view class="tui-title">重量</view>
+          <view class="tui-title required">重量</view>
           <input v-model="form.weight" @focus="onWeightFocus" @blur="onWeightBlur" placeholder-class="phcolor" class="tui-input" name="weight" placeholder="公斤，可输入小数" maxlength="10" type="digit" />
         </tui-list-cell>
 
@@ -105,32 +105,32 @@
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">节日涨价设置</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.autoRise === '1' ? 'active' : '']" @click="autoRiseChange('1')">参与涨价</button>
-            <button class="option-btn" :class="[form.autoRise === '0' ? 'active' : '']" @click="autoRiseChange('0')">不要涨价</button>
+            <button class="admin-button-com middle" :class="[form.autoRise === '1' ? '' : 'default']" @click="autoRiseChange('1')">参与涨价</button>
+            <button class="admin-button-com middle" :class="[form.autoRise === '0' ? '' : 'default']" @click="autoRiseChange('0')">不要涨价</button>
           </view>
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">包运费</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.freightType === '0' ? 'active' : '']" @click="freightChange({detail:{value:'0'}})">否</button>
-            <button class="option-btn" :class="[form.freightType === '1' ? 'active' : '']" @click="freightChange({detail:{value:'1'}})">是</button>
+            <button class="admin-button-com middle" :class="[form.freightType === '0' ? '' : 'default']" @click="freightChange({detail:{value:'0'}})">不包运费</button>
+            <button class="admin-button-com middle" :class="[form.freightType === '1' ? '' : 'default']" @click="freightChange({detail:{value:'1'}})">包运费</button>
           </view>
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">商城上面</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.status === '1' ? 'active' : '']" @click="statusChange({detail:{value:'1'}})">显示</button>
-            <button class="option-btn" :class="[form.status === '0' ? 'active' : '']" @click="statusChange({detail:{value:'0'}})">隐藏</button>
+            <button class="admin-button-com middle" :class="[form.status === '1' ? '' : 'default']" @click="statusChange({detail:{value:'1'}})">显示</button>
+            <button class="admin-button-com middle" :class="[form.status === '0' ? '' : 'default']" @click="statusChange({detail:{value:'0'}})">隐藏</button>
           </view>
         </tui-list-cell>
 
         <tui-list-cell class="line-cell" :hover="false">
           <view class="tui-title">到店自取商品</view>
           <view class="btn-group">
-            <button class="option-btn" :class="[form.needSend === '0' ? 'active' : '']" @click="needSendChange('0')">否</button>
-            <button class="option-btn" :class="[form.needSend === '1' ? 'active' : '']" @click="needSendChange('1')">是</button>
+            <button class="admin-button-com middle" :class="[form.needSend === '0' ? '' : 'default']" @click="needSendChange('0')">不是</button>
+            <button class="admin-button-com middle" :class="[form.needSend === '1' ? '' : 'default']" @click="needSendChange('1')">是的</button>
           </view>
         </tui-list-cell>
 
@@ -715,21 +715,8 @@ export default {
 .btn-group {
   display: flex;
   justify-content: flex-start;
-  .option-btn {
+  .admin-button-com {
     margin-right: 35rpx;
-    background-color: #ffffff;
-    color: #999999;
-    font-size: 26rpx;
-    padding: 12rpx 18rpx;
-    line-height: 1.5;
-    min-width: 120rpx;
-    text-align: center;
-    
-    &.active {
-      background-color: #09C567;
-      color: #ffffff;
-      border-color: #09C567;
-    }
     
     &:last-child {
       margin-right: 0;