修改活动页样式

wx_application/src/views/mainSale/active/main/index.vue

@@ -24,11 +24,11 @@
     </div>
     <div class="main-menus">
       <div class="menus-row">
-        <div class="menu" @click="menu02Click">
+        <div class="menu" @click="menu02Click" :style="flag == 1? '' : 'margin-right:10px;' "  >
           <img class="menu-logo" :src="test.menuInfo.icon['2']" />
           <div class="menu-text">任务列表</div>
         </div>
-        <div class="menu" @click="menu05Click">
+        <div class="menu" @click="menu05Click"  v-if="flag == 1">
           <img class="menu-logo" :src="test.menuInfo.icon['5']" />
           <div class="menu-text">活动模版</div>
         </div>
@@ -38,18 +38,18 @@
         </div>
       </div>
       <div class="menus-row">
-        <div class="menu" @click="menu04Click">
+        <div class="menu" @click="menu04Click" :style="flag == 1? '' : 'margin-right:10px;' ">
           <img class="menu-logo" :src="test.menuInfo.icon['4']" />
           <div class="menu-text">专柜维护</div>
         </div>
-        <div class="menu" @click="menu06Click">
-          <img class="menu-logo" :src="test.menuInfo.icon['6']" />
-          <div class="menu-text">商品管理</div>
-        </div>
         <div class="menu" @click="handleCoupon" v-if="flag == 1">
           <img class="menu-logo" :src="test.menuInfo.icon['1']" />
           <div class="menu-text">优惠券管理</div>
         </div>
+        <div class="menu" @click="menu06Click">
+          <img class="menu-logo" :src="test.menuInfo.icon['6']" />
+          <div class="menu-text">商品管理</div>
+        </div>       
       </div>
     </div>
     <div class="main-actives">
@@ -642,7 +642,6 @@ export default {
   /*border: 1px solid lightseagreen;*/
   width: 100%;
   height: 240px;
-
   display: flex;
   flex-direction: column;
   justify-content: start;
@@ -651,19 +650,17 @@ export default {
 .menus-row {
   width: 100%;
   height: 120px;
-
   padding: 12px 16px 0px 16px;
-
   display: flex;
   flex-direction: row;
-  justify-content: space-between;
+  justify-content: flex-start;
 }
 
 .menu {
   width: 108px;
   height: 108px;
   background-color: #f8f8f8;
-
+  flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -876,4 +873,10 @@ export default {
 .menuBar-title-ac {
   color: rgba(67, 119, 188, 1);
 }
+.margin1 {
+  margin: 0 10px;
+}
+.margin2 {
+  margin-right: 10px;
+}
 </style>