feat:测试webpp线上

src/components/sharePic.vue

@@ -13,8 +13,8 @@
           >
             <img
               class="avator"
-              style="width: 84px;
-                      height: 84px;"
+              style="width: 94px;
+                      height: 94px;"
               :src="item"
               alt=""
             />
@@ -27,7 +27,7 @@
               </div>
               <div class="leaderBorder">
                 <img
-                  src="https://img.lkbang.net/activity/share/default/leaderBorder.png?i=1"
+                  src="https://img.lkbang.net/activity/share/default/leaderBorder.png?i=9"
                   alt=""
                 />
               </div>
@@ -44,7 +44,10 @@
           />
         </template>
         <template v-else>
-          <div class="item leader bg" style="width: 94px;height: 94px;margin: 0 21px;">
+          <div
+            class="item leader bg"
+            style="width: 94px;height: 94px;margin: 0 21px; font-size: 34px;"
+          >
             <div
               class="leaderName"
               style="width: 76px;height: 36px;border-radius: 8px;font-size: 24px;bottom: -18px;"
@@ -53,12 +56,12 @@
             </div>
             <div class="leaderBorder">
               <img
-                src="https://img.lkbang.net/activity/share/default/leaderBorder.png?i=1"
+                src="https://img.lkbang.net/activity/share/default/leaderBorder.png?i=9"
                 alt=""
               />
             </div>
             <div class="crown" style="top: -18px;right: -5px;width: 49px;height: 43px;">
-              <img src="https://img.lkbang.net/activity/share/default/crown.png?i=1" alt="" />
+              <img src="https://img.lkbang.net/activity/share/default/crown.png?i=9" alt="" />
             </div>
           </div>
           <div
@@ -273,6 +276,10 @@ body {
 .groupInfo .avatorGroup .normal,
 .groupInfo .avatorGroup .leader.bg {
   background-color: #ffe1e1;
+  color: #ec1500;
+}
+.groupInfo .avatorGroup .leader.bg::after {
+  content: '?';
 }
 .groupInfo .avatorGroup .leader {
   background: transparent;
@@ -299,6 +306,7 @@ body {
 }
 .groupInfo .avatorGroup .leader .crown {
   position: absolute;
+  z-index: 3;
 }
 .groupInfo .avatorGroup .leader .crown img {
   width: 100%;
@@ -342,6 +350,9 @@ body {
 .groupInfo .avatorGroup .placeholder::after {
   content: '?';
 }
+.groupInfo .avatorGroup .placeholder .crown {
+  z-index: 3;
+}
 .groupInfo .groupProcess .desc {
   width: 100%;
   height: 100%;

src/views/goodsDetail/smallPic.vue

@@ -37,8 +37,8 @@
               <cr-progress
                 class="group-item-progress"
                 stroke-width="5"
-                color="#F7F8F9"
-                track-color="#EC1500"
+                color="#EC1500"
+                track-color="#F7F8F9"
                 :show-pivot="false"
                 :percentage="stockPercentage"
               />
@@ -215,7 +215,7 @@ export default {
         this.groupId = +res.groupBuyInfo.groupId || '';
       }
       if (res.saleCount && res.activitySkuTotalCount) {
-        const percentage = +res.saleCount / +res.activitySkuTotalCount;
+        const percentage = +res.activitySkuTotalCount - +res.saleCount / +res.activitySkuTotalCount;
         if (isNaN(percentage)) {
           this.stockPercentage = 0;
         } else {

src/views/goodsList/components/goodsCard.vue

@@ -82,10 +82,12 @@ export default {
       let percentage = 0;
       // saleCount / activitySkuTotalCount
       const { saleCount, activitySkuTotalCount } = item;
-      percentage = ((activitySkuTotalCount - saleCount) / activitySkuTotalCount) * 100;
-      percentage = percentage < 0 ? 0 : percentage;
-      percentage = this.btnByStatus.d ? 0 : percentage;
-      return Math.round(percentage * 100) / 100;
+      percentage = +activitySkuTotalCount - +saleCount / +activitySkuTotalCount;
+      if (isNaN(percentage)) {
+        return 0;
+      } else {
+        return Math.floor(percentage) >= 1 ? 100 : Math.floor(percentage * 100);
+      }
     },
     onButtonClick() {
       try {