feat:修改样式

src/components/groupSwiper.vue

@@ -39,7 +39,7 @@ export default {
   data() {
     const vm = this;
     const isLoop = vm.avatorData.length < 7 ? false : true;
-    const autoplay = isLoop ? { delay: 5000, reverseDirection: true } : false;
+    const autoplay = isLoop ? { delay: 1500, reverseDirection: true } : false;
     return {
       isLoop,
       isAnimate: false,
@@ -50,8 +50,8 @@ export default {
         loop: true,
         initialSlide: 0,
         slidesPerView: 7,
-        spaceBetween: 4,
-        speed: 1700,
+        spaceBetween: 6,
+        speed: 600,
         centeredSlides: true,
         allowTouchMove: false,
         autoplay,
@@ -72,7 +72,7 @@ export default {
             const timer = setTimeout(() => {
               vm.$emit('animation-event-end', vm.avatorItem);
               clearTimeout(timer);
-            }, 1200);
+            }, 600);
           },
           transitionEnd: function() {
             vm.isAnimate = false;
@@ -119,7 +119,7 @@ export default {
 }
 .anileft {
   transform-origin: right;
-  animation: leftToRight 1s linear;
+  animation: leftToRight 0.6s linear;
 }
 
 .ani-opt {
@@ -131,7 +131,7 @@ export default {
   top: 0px;
 }
 .avator_right {
-  right: 1px;
+  right: 2px;
 }
 .avator_left {
   left: 0px;
@@ -144,13 +144,16 @@ export default {
     transition-timing-function: linear;
   }
   &_item {
-    transition: transform 0.2s linear;
-    padding-top: 2px;
+    height: 24px;
+    width: 24px;
+    box-sizing: border-box;
+    transition: transform 0 0.2s linear;
     img {
-      height: 25px;
-      width: 25px;
+      height: 24px;
+      width: 24px;
       border-radius: 50%;
       border: solid @white 1px;
+      box-sizing: border-box;
     }
   }
 }

src/views/goodsList/components/goodsCard.vue

@@ -17,7 +17,7 @@
       />
       <div class="group-item-already">已拼{{ goodsItem.groupBuySuccessCount }}团</div>
       <div class="group-item-price">成团价 ¥ <sup class="group-item-sup">0</sup></div>
-      <div class="group-item-delprice">售价 ￥{{ goodsItem.activityPrice }}</div>
+      <div class="group-item-delprice">售价￥{{ goodsItem.activityPrice }}</div>
       <!-- 立即开团 -->
       <!-- 已抢光 -->
       <!-- 未开始 -->
@@ -220,6 +220,7 @@ export default {
   }
   &-sup {
     font-size: @font-size-18;
+    font-weight: bold;
   }
 
   &-delprice {

src/views/goodsList/index.less

@@ -9,34 +9,25 @@
     right: 0;
     top: 10px;
     z-index: 1;
-    color: #e92615;
-    background-image: linear-gradient(180deg, #ffd545 0%, #ffcc79 100%);
-    border-radius: 16px 0 0 16px;
-    padding: 6px 12px 6px 16px;
+    // border-radius: 16px 0 0 16px;
+    // color: #e92615;
+    // background-image: linear-gradient(180deg, #ffd545 0%, #ffcc79 100%);
+    // padding: 6px 12px 6px 16px;
 
-    // padding: 12px 24px 12px 32px;  // 线上使用背景遮罩层
+    padding: 24px; // 线上使用背景遮罩层
+    opacity: 0;
   }
   &-share {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-evenly;
-    align-items: center;
     width: 44px;
     height: 44px;
     position: fixed;
     right: 12px;
     bottom: 60px;
     z-index: 1;
-    background-color: #ffffff;
-    border: #ebebeb 1px solid;
+    background: #fff url(~@/assets/images/share.png) no-repeat center;
+    background-size: 100%;
     border-radius: 50%;
-    &-icon {
-      width: 16px;
-      height: 16px;
-    }
-    &-text {
-      font-size: @font-size-12;
-    }
+    overflow: hidden;
   }
   &-bottom {
     padding-left: 12px;

src/views/goodsList/index.vue

@@ -26,7 +26,7 @@
             />
           </div>
         </div>
-        <div class="group-portrait-num">已有 {{ goodsTemp.groupBuyUserCount }}人 参与拼单</div>
+        <div class="group-portrait-num">已有 {{ goodsTemp.groupBuyUserCount }}人 参与拼团</div>
       </div>
       <div class="group-list">
         <div class="list-title">
@@ -62,12 +62,12 @@
       </div>
       <!-- 下方列表展示信息 end -->
     </div>
-    <dl v-if="!isShowShare" class="group-share" @click="openShareEvent">
-      <dt class="group-share-icon">
+    <div v-if="!isShowShare" class="group-share" @click="openShareEvent">
+      <!-- <dt class="group-share-icon">
         <cr-image src="@/assets/images/share.png" />
       </dt>
-      <dd class="group-share-text">分享</dd>
-    </dl>
+      <dd class="group-share-text">分享</dd> -->
+    </div>
   </div>
 </template>
 <script>

src/views/orderList/components/List.vue

@@ -117,7 +117,7 @@ export default {
       },
       showButtonMethod: {
         0: {
-          text: '重新拼团',
+          text: '重新开团',
           click: 'goGroupBuyList'
         },
         1: {