udpate: 第四套模板

src/views/game/cmh/gameTemplate.vue

@@ -17,7 +17,7 @@
       </div>
       <div class="points-count-box">
         <div class="text-box">
-          <div class="text">1500</div>
+          <div class="text" :style="textColor[templateId]">1500</div>
           <img class="text-shadow" :src="'https://pic01-10001430.cos.ap-shanghai.myqcloud.com/game/template' + templateId + '/circle_bg.png'" />
           <img class="title-image" src="https://pic01-10001430.cos.ap-shanghai.myqcloud.com/game/template1/我的积分.png" />
         </div>
@@ -25,7 +25,7 @@
           <img :src="noticeImageUrl" style="height: 17px;" />
         </div>
         <div class="text-box">
-          <div class="text" style="font-size:40px">55</div>
+          <div class="text fontSize" :style="textColor[templateId]">55</div>
           <img class="text-shadow" :src="'https://pic01-10001430.cos.ap-shanghai.myqcloud.com/game/template' + templateId + '/circle_bg.png'" />
           <img class="title-image" src="https://pic01-10001430.cos.ap-shanghai.myqcloud.com/game/template1/剩余次数.png" />
         </div>
@@ -273,6 +273,12 @@ export default {
         3: 'background: #27292B;opacity: 0.5;',
         2: 'background: #27292B;opacity: 0.75;',
         1: 'background: ##27292B;opacity: 0.5;'
+      },
+      textColor: {
+        1: 'color:#38BCCC',
+        2: 'color:#000000',
+        3: 'color:#D8FCFA',
+        5: 'color:#000000'
       }
     };
   },
@@ -496,7 +502,9 @@ img {
   position: relative;
   z-index: 2;
 }
-
+.font-size {
+  font-size: 40px;
+}
 .text-box .text-shadow {
   position: absolute;
   left: 50%;