元宇宙身份优化

src/components/level/Level.vue

@@ -34,7 +34,7 @@
         </div>
         <div class="medal-text">
             <div
-                class="text1"
+                class="text1 medal-text1"
                 :style="{
                     color: levelInfo.color1 || levelInfo.color,
                     backgroundColor: (levelInfo.color1 || levelInfo.color) + '33'
@@ -219,6 +219,10 @@ export default {
                 background-color: #fff;
             }
         }
+        .medal-text1 {
+            display: block;
+            width: 60px;
+        }
     }
 }
 .van-overlay {

src/views/Mine.vue

@@ -58,10 +58,14 @@
                                 <img :src="require('@assets/icon-yirenzheng@3x.png')" alt="" />
                                 <span>个人已认证</span>
                             </div>
-                            <div class="auth-imgs autheds" @click="illuminateShow = true">
+                            <div class="auth-imgs autheds" @click="illuminateShow = true" v-if="light == false">
                                 <img :src="require('@assets/icon-weidianliang@3x.png')" alt="" />
                                 <span>去点亮</span>
                             </div>
+                            <div class="auth-imgs autheds_con" v-else>
+                                <img :src="require('@assets/icon-yidianliang@3x.png')" alt="" />
+                                <span>元宇宙身份</span>
+                            </div>
                             <level ref="level"></level>
                         </div>
                     </div>
@@ -261,7 +265,7 @@
             <div class="wrapper_division"></div>
             <div class="wrapper_btn">
                 <div class="wrapper_btn_left" @click="turnPrivacy = false">保持关闭</div>
-                <div class="wrapper_btn_right" @click="changeShow(false)">开启主页</div>
+                <div class="wrapper_btn_right" @click="changeShow(true)">开启主页</div>
             </div>
         </div>
         <template #footer> </template>
@@ -281,7 +285,7 @@
             <div class="wrapper_tip">关闭后，他人将无法查看你主页的任何信息。</div>
             <div class="wrapper_division"></div>
             <div class="wrapper_btn">
-                <div class="wrapper_btn_left" @click="changeShow(true)">关闭主页</div>
+                <div class="wrapper_btn_left" @click="changeShow(false)">关闭主页</div>
                 <div class="wrapper_btn_right" @click="turnOffPrivacy = false">保持开启</div>
             </div>
         </div>
@@ -311,7 +315,8 @@ export default {
             illuminateShow: false,
             info: {},
             turnPrivacy: false,
-            turnOffPrivacy: false
+            turnOffPrivacy: false,
+            light: null
         };
     },
     components: { Level, Post, TuanRank },
@@ -327,6 +332,9 @@ export default {
                 this.info = res;
             });
         }
+        this.$http.get('/userDetail/light/' + this.userInfo.id).then(res => {
+            this.light = res
+        });
     },
     methods: {
         getInit(refresh) {
@@ -452,8 +460,8 @@ export default {
                 });
         },
         changeShow(isPublicShow) {
-            this.turnPrivacy = false
-            this.turnOffPrivacy = false
+            this.turnPrivacy = false;
+            this.turnOffPrivacy = false;
             this.updateUser({ isPublicShow: isPublicShow });
             // this.$dialog
             //     .confirm({
@@ -461,7 +469,7 @@ export default {
             //         message: isPublicShow ? '关闭后，他人将看到你的主页信息' : '开启后，他人将无法查看你的主页信息'
             //     })
             //     .then(() => {
-                    
+
             //     });
         }
     }
@@ -1034,7 +1042,7 @@ export default {
             .flex();
             .auth-imgs {
                 .flex();
-                // transform: translateX(15px);
+                transform: translateX(15px);
                 img {
                     width: 28px;
                     height: 28px;
@@ -1042,13 +1050,15 @@ export default {
                     z-index: 1;
                 }
                 span {
+                    display: block;
+                    width: 60px;
                     font-size: 12px;
                     color: @text3;
                     line-height: 18px;
                     background: #373b3e;
                     border-radius: 2px;
                     padding: 0 4px 0 10px;
-                    transform: scale(0.8) translateX(-24px);
+                    transform: scale(0.8) translateX(-20px);
                     position: relative;
                     z-index: 0;
                 }
@@ -1062,10 +1072,21 @@ export default {
                 }
                 &.autheds {
                     span {
+                        display: block;
+                        width: 40px;
                         color: #939599;
                         background: #373b3e;
                         position: relative;
                         transform: scale(0.8) translateX(-15px);
+                        margin-right: 15px;
+                    }
+                }
+                &.autheds_con {
+                    margin-right: 7px;
+                    span {
+                        color: #39af00;
+                        background: #f3ffed;
+                        position: relative;
                     }
                 }
             }

src/views/account/Setting.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="setting">
         <div class="setting_top">
-            <div class="setting_top_left" @click="$router.go(-1)">
+            <div class="setting_top_left" @click="toMine">
                 <img :src="require('@assets/icon_fanhui@3x.png')" alt="" class="setting_top_left_img" />
             </div>
             <van-image
@@ -39,7 +39,7 @@
                     <van-uploader class="avatar" :after-read="afterRead" result-type="file" />
                 </div>
                 <div class="setting_listOne_text2">
-                    <span>ID:{{ userInfo.id }}</span>
+                    <span @click="showConsoleEve">ID:{{ userInfo.id }}</span>
                     <img @click="copy" src="@assets/svgs/copy_icon.svg" alt="" style="margin-left: 2px" />
                 </div>
                 <div class="setting_list_con" @click="$router.push('/changeText?type=nickname')">
@@ -148,6 +148,22 @@
                     <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
                 </div>
             </div>
+            <div class="setting_listThree" v-if="showConsole">
+                <div class="setting_list_con" v-if="showConsole" @click="goReview">
+                    <div class="setting_list_con_left">
+                        <img :src="require('@assets/icon-shenghebanben@3x.png')" alt="" class="setting_list_con_left_img" />
+                        <van-field label="审核版本" readonly />
+                    </div>
+                    <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
+                </div>
+                <div class="setting_list_con" v-if="showConsole" @click="goTest">
+                    <div class="setting_list_con_left">
+                        <img :src="require('@assets/icon-ceshiapp@3x.png')" alt="" class="setting_list_con_left_img" />
+                        <van-field label="测试app" readonly />
+                    </div>
+                    <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
+                </div>
+            </div>
         </div>
         <!-- <van-cell-group :border="false">
             <van-cell title="头像" is-link>
@@ -271,6 +287,9 @@ export default {
                 this.info = res;
             });
         },
+        toMine() {
+            this.$router.push('/mine');
+        },
         goAuth() {
             if (this.authStatus === '认证中' || this.authStatus === '认证失败') {
                 this.$router.push('/waiting');
@@ -456,6 +475,7 @@ export default {
 <style lang="less" scoped>
 .setting {
     // padding: 10px 0 100px;
+    padding-top: var(--safe-top);
     background: #272b2e;
     padding-bottom: 100px;
     .setting_top {
@@ -543,6 +563,10 @@ export default {
                 border-radius: 50%;
                 overflow: hidden;
                 transform: translateY(-60px);
+                -webkit-backface-visibility: hidden;
+                -webkit-transform: translate3d(0,0,0);
+                -webkit-mask-image: -webkit-radial-gradient(white,black);
+                -webkit-transform: translateY(-60px);
                 .setting_listOne_imgTwo {
                     vertical-align: bottom;
                 }
@@ -555,6 +579,9 @@ export default {
                     background: rgba(0, 0, 0, 0.4);
                     display: flex;
                     justify-content: center;
+                    overflow: hidden;
+                    -webkit-backface-visibility: hidden;
+                    -webkit-transform: translate3d(0,0,0);
                     .setting_listOne_top_con_img {
                         width: 18px;
                         height: 18px;

src/views/account/SettingComplete.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="setting">
         <div class="setting_top">
-            <div class="setting_top_left" @click="$router.go(-1)">
+            <div class="setting_top_left" @click="toMine">
                 <img :src="require('@assets/icon_fanhui@3x.png')" alt="" class="setting_top_left_img" />
             </div>
             <van-image
@@ -224,6 +224,9 @@ export default {
                     console.log(e);
                 }
             );
+        },
+        toMine(){
+            this.$router.push('/mine')
         }
     }
 };
@@ -231,6 +234,7 @@ export default {
 
 <style lang="less" scoped>
 .setting {
+    padding-top: var(--safe-top);
     background: #272b2e;
     padding-bottom: 100px;
     // padding: 10px 0 100px;
@@ -320,10 +324,11 @@ export default {
             }
             .icons {
                 margin-top: 4px;
-                .flex();
+                display: flex;
+                // .flex();
                 .auth-imgs {
                     .flex();
-                    // transform: translateX(15px);
+                    transform: translateX(15px);
                     img {
                         width: 28px;
                         height: 28px;
@@ -331,13 +336,15 @@ export default {
                         z-index: 1;
                     }
                     span {
+                        display: block;
+                        width: 60px;
                         font-size: 12px;
                         color: @text3;
                         line-height: 18px;
                         background-color: rgba(113, 113, 113, 0.2);
                         border-radius: 2px;
                         padding: 0 4px 0 10px;
-                        transform: scale(0.8) translateX(-24px);
+                        transform: scale(0.8) translateX(-20px);
                         position: relative;
                         z-index: 0;
                     }
@@ -350,6 +357,7 @@ export default {
                         }
                     }
                     &.autheds {
+                        margin-right: 7px;
                         span {
                             color: #39af00;
                             background: #f3ffed;
@@ -473,7 +481,7 @@ export default {
                     }
                 }
                 .setting_listThree_con_right {
-                    width: calc(50vw + 50px);
+                    width: calc(50vw);
                     overflow: hidden;
                     text-overflow: ellipsis;
                     white-space: nowrap;