udpate: dist

src/views/game/cmh/gameTemplate.vue

@@ -6,9 +6,9 @@
     <div class="content">
       <div class="right-btn rule" :style="rightBtn[templateId]">游戏规则</div>
       <div class="right-btn award" :style="rightBtn[templateId]">我的奖品</div>
-      <div class="music-icon iconfont icon-yinfu" v-show="backMusicFlag"></div>
+      <div class="music-icon iconfont icon-yinfu" :style="rightBtn[templateId]" v-show="backMusicFlag"></div>
       <div class="integral" v-if="ruleData[0].type == 0">{{ ruleData[0].val }}积分/次</div>
-      <div class="swiper-item" v-if="bulletFlag == 1">
+      <div class="swiper-item" v-if="bulletFlag == 1" :style="bulletTop[templateId]">
         <img :src="bulletImageUrl" />
         <span>恭喜 张* 获得 100元优惠券</span>
       </div>
@@ -199,56 +199,56 @@ const template5Box = [
   {
     left: 'calc(24.4%)',
     top: '187px',
-    height: '90px',
-    width: '90px'
+    height: '85px',
+    width: '85px'
   },
   {
     left: 'calc(50%)',
     top: '187px',
-    height: '90px',
-    width: '90px'
+    height: '85px',
+    width: '85px'
   },
   {
     left: 'calc(76.6%)',
     top: '187px',
-    height: '90px',
-    width: '90px'
+    height: '85px',
+    width: '85px'
   },
   {
     left: 'calc(24.4%)',
     top: '295px',
-    height: '90px',
-    width: '90px'
+    height: '85px',
+    width: '85px'
   },
   {
     left: 'calc(50%)',
     top: '295px',
-    height: '90px',
-    width: '90px'
+    height: '85px',
+    width: '85px'
   },
   {
     left: 'calc(76.6%)',
     top: '295px',
-    height: '90px',
-    width: '90px'
+    height: '85px',
+    width: '85px'
   },
   {
     left: 'calc(24.4%)',
     top: '403px',
-    height: '90px',
-    width: '90px'
+    height: '85px',
+    width: '85px'
   },
   {
     left: 'calc(50%)',
     top: '403px',
-    height: '90px',
-    width: '90px'
+    height: '85px',
+    width: '85px'
   },
   {
     left: 'calc(76.6%)',
     top: '403px',
-    height: '90px',
-    width: '90px'
+    height: '85px',
+    width: '85px'
   }
 ];
 export default {
@@ -279,6 +279,12 @@ export default {
         2: 'color:#000000',
         3: 'color:#D8FCFA',
         5: 'color:#000000'
+      },
+      bulletTop: {
+        1: 'top: 129px;color: #FFFFFF;',
+        2: 'top: 129px;color: #FFFFFF;',
+        3: 'top: 129px;color: #FFFFFF;',
+        5: 'top: 148px;color: #000000;'
       }
     };
   },
@@ -412,7 +418,7 @@ img {
   display: flex;
   align-items: center;
   position: absolute;
-  top: 129px;
+
   left: 19px;
 }
 .swiper-item img {
@@ -424,7 +430,7 @@ img {
 }
 .swiper-item span {
   padding-left: 30px;
-  color: white;
+
   font-size: 12px;
   z-index: 2;
 }
@@ -554,7 +560,9 @@ img {
   -webkit-text-fill-color: transparent;
   font-size: 18px;
 }
-
+.fontSize {
+  font-size: 40px !important;
+}
 .share-box img {
   position: absolute;
   left: 50%;