alter

pages/welfare-community/list.vue

@@ -16,8 +16,8 @@
     <van-popup v-model="showVideoSuccess" position="top" style="background: transparent;color: #999;" :close-on-click-overlay="false">
       <div class="w290h215 dialog-view">
         <div class="txt3">恭喜您获得礼包</div>
-        <van-icon name="cross" color="#999999" size="15" class="icon-close" @click="showVideoSuccess         =         false" />
-        <div class="txt4">请在游戏中兑换<br />激活码为：{{ gameActivationCode }}。<span class="c3B86FF" @click="copyCode()">复制</span></div>
+        <van-icon name="cross" color="#999999" size="15" class="icon-close" @click="showVideoSuccess=false" />
+        <div class="txt4">请在游戏中兑换<br />激活码为：{{ gameActivationCode | activationCodeMask }}。<span class="c3B86FF" @click="copyCode()">复制</span></div>
         <div class="buy-btn" @click="order('showVideoSuccess')">购买云机</div>
       </div>
     </van-popup>
@@ -33,7 +33,7 @@
     <van-popup v-model="showBuy" style="background: transparent;color: #999;" position="top" :close-on-click-overlay="false">
       <div class="w290h276 dialog-view">
         <div class="txt3">平台内下1单，立得惊喜礼包</div>
-        <van-icon name="cross" color="#999999" size="15" class="icon-close" @click="showBuy         =         false" />
+        <van-icon name="cross" color="#999999" size="15" class="icon-close" @click="showBuy=false" />
         <img class="w100h107" src="~/assets/image/activity/welfare-community/gift.png" alt="">
         <div class="buy-btn" style="margin:15px auto 0;" @click="order('showBuy')">下单得惊喜礼包</div>
       </div>
@@ -42,7 +42,7 @@
       <div class="w290h233 dialog-view">
         <div class="txt3">恭喜您获得礼包</div>
         <van-icon name="cross" color="#999999" size="15" class="icon-close" @click="showBuySuccess         =         false" />
-        <div class="txt4">请在游戏中兑换<br />激活码为：{{ gameActivationCode }}。<span class="c3B86FF" @click="copyCode()">复制</span></div>
+        <div class="txt4">请在游戏中兑换<br />激活码为：{{ gameActivationCode | activationCodeMask }}。<span class="c3B86FF" @click="copyCode()">复制</span></div>
         <div class="fsc mt20">
           <div class="fcc">
             <img class="wh40" src="~/assets/image/activity/welfare-community/icon_iphone@2x.png" alt="" />
@@ -56,7 +56,7 @@
           <img class="w12h10 mt15" src="~/assets/image/activity/welfare-community/arrow@2x.png" alt="">
           <div class="fcc">
             <img class="wh40" src="~/assets/image/activity/welfare-community/icon_xiazai@2x.png" alt="">
-            <span class="txt5">下载{{ gameName }}游戏</span>
+            <span class="txt5">下载游戏</span>
           </div>
         </div>
       </div>
@@ -98,6 +98,14 @@ export default {
   head: {
     title: '福利社区',
   },
+  filters: {
+    activationCodeMask(value) {
+      // 微信环境不支持零宽断言
+      // return value.replace(/(?<=^.{4})(.*)(?=.{4}$)/, '***');
+
+      return value.replace(/(.{4})(.*)(.{4}$)/, '$1***$3');
+    },
+  },
   computed: {
     iconURL() {
       return (key) => {
@@ -357,6 +365,7 @@ export default {
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  min-width: 72px;
 }
 
 .w100h107 {