perf: 封装动态标签

src/components/Article.vue

@@ -68,7 +68,7 @@
         >
           <div
             v-bind:class="[
-              { li_active: index === challenge_loc },
+              { li_active: index === activeChallengeIndex },
               li_errorClass,
             ]"
           >
@@ -154,7 +154,7 @@
         >
           <div
             v-bind:class="[
-              { li_active: index === challenge_loc },
+              { li_active: index === activeChallengeIndex },
               li_errorClass,
             ]"
           >
@@ -332,7 +332,7 @@ export default {
             weather_low: [],
             toTopIsShow: false,
             article_loc: 0,
-            challenge_loc: -1,
+            activeChallengeIndex: -1,
             topShow: false,
             userImg: '',
             username: '匿名',
@@ -490,7 +490,7 @@ export default {
         },
         li_errorClass: function () {},
         clickChallengeEvent: function (item, index) {
-            this.challenge_loc = index
+            this.activeChallengeIndex = index
             if (item.isJumpPath) {
                 this.$router
                     .push({

src/style/special.css

+

src/utils/aesEncode.js

+import CryptoJS from 'crypto-js'
+
+export default {
+    // 随机生成指定数量的16进制key
+    generatekey (num) {
+        let library = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'
+        let key = ''
+        for (let i = 0; i < num; i++) {
+            let randomPoz = Math.floor(Math.random() * library.length)
+            key += library.substring(randomPoz, randomPoz + 1)
+        }
+        return key
+    },
+
+    // 加密
+    encrypt (word, keyStr) {
+    // 判断是否存在ksy，不存在就用定义好的key
+        keyStr = keyStr || 'abcdsxyzhkj12345'
+        const key = CryptoJS.enc.Utf8.parse(keyStr)
+        const srcs = CryptoJS.enc.Utf8.parse(word)
+        const encrypted = CryptoJS.AES.encrypt(srcs, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7})
+        return encrypted.toString()
+    },
+    // 解密
+    decrypt (word, keyStr) {
+        keyStr = keyStr || 'abcdsxyzhkj12345'
+        const key = CryptoJS.enc.Utf8.parse(keyStr)
+        const decrypt = CryptoJS.AES.decrypt(word, key, {mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7})
+        return CryptoJS.enc.Utf8.stringify(decrypt).toString()
+    }
+}