标签样式

.env.development

@@ -1,4 +1,4 @@
-VUE_APP_BASE_URL=https://www.raex.vip/
+VUE_APP_BASE_URL=https://text.raex.vip/
 NODE_ENV=development
 VUE_APP_PUBLIC_PATH=/
 ASSETS_PATH=raex

src/components/level/Level.vue

@@ -222,6 +222,8 @@ export default {
         .medal-text1 {
             display: block;
             width: 60px;
+            flex-shrink: 0;
+            white-space: nowrap;
         }
     }
 }

src/views/Mine.vue

@@ -333,7 +333,7 @@ export default {
             });
         }
         this.$http.get('/userDetail/light/' + this.userInfo.id).then(res => {
-            this.light = res
+            this.light = res;
         });
     },
     methods: {
@@ -460,7 +460,7 @@ export default {
                 });
         },
         changeShow(isPublicShow) {
-            console.log("qeeqwe",isPublicShow)
+            console.log('qeeqwe', isPublicShow);
             this.turnPrivacy = false;
             this.turnOffPrivacy = false;
             this.updateUser({ isPublicShow: isPublicShow });
@@ -1062,6 +1062,8 @@ export default {
                     transform: scale(0.8) translateX(-20px);
                     position: relative;
                     z-index: 0;
+                    flex-shrink: 0;
+                    white-space: nowrap;
                 }
 
                 &.authed {
@@ -1069,6 +1071,8 @@ export default {
                         color: #418bff;
                         background: #e8f3ff;
                         position: relative;
+                        flex-shrink: 0;
+                        white-space: nowrap;
                     }
                 }
                 &.autheds {
@@ -1080,6 +1084,8 @@ export default {
                         position: relative;
                         transform: scale(0.8) translateX(-15px);
                         margin-right: 15px;
+                        flex-shrink: 0;
+                        white-space: nowrap;
                     }
                 }
                 &.autheds_con {
@@ -1088,6 +1094,8 @@ export default {
                         color: #39af00;
                         background: #f3ffed;
                         position: relative;
+                        flex-shrink: 0;
+                        white-space: nowrap;
                     }
                 }
             }

src/views/account/Setting.vue

@@ -151,7 +151,11 @@
             <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" />
+                        <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" />
@@ -517,6 +521,8 @@ export default {
         font-family: PingFangSC-Regular, PingFang SC;
         font-weight: 400;
         color: #ffffff;
+        flex-shrink: 0;
+        white-space: nowrap;
         .setting_top_right_img {
             width: 18px;
             height: 18px;
@@ -564,8 +570,8 @@ export default {
                 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: translate3d(0, 0, 0);
+                -webkit-mask-image: -webkit-radial-gradient(white, black);
                 -webkit-transform: translateY(-60px);
                 .setting_listOne_imgTwo {
                     vertical-align: bottom;
@@ -581,7 +587,7 @@ export default {
                     justify-content: center;
                     overflow: hidden;
                     -webkit-backface-visibility: hidden;
-                    -webkit-transform: translate3d(0,0,0);
+                    -webkit-transform: translate3d(0, 0, 0);
                     .setting_listOne_top_con_img {
                         width: 18px;
                         height: 18px;

src/views/account/SettingComplete.vue

@@ -98,7 +98,7 @@
                         />
                         <div class="setting_listThree_con_left_title">性别</div>
                     </div>
-                    <div class="setting_listThree_con_right">{{ info.sex || '暂未设置'}}</div>
+                    <div class="setting_listThree_con_right">{{ info.sex || '暂未设置' }}</div>
                 </div>
                 <div class="setting_listThree_con">
                     <div class="setting_listThree_con_left">
@@ -109,7 +109,7 @@
                         />
                         <div class="setting_listThree_con_left_title">生日</div>
                     </div>
-                    <div class="setting_listThree_con_right">{{ info.birthday || '暂未设置'}}</div>
+                    <div class="setting_listThree_con_right">{{ info.birthday || '暂未设置' }}</div>
                 </div>
                 <div class="setting_listThree_con">
                     <div class="setting_listThree_con_left">
@@ -120,7 +120,7 @@
                         />
                         <div class="setting_listThree_con_left_title">血型</div>
                     </div>
-                    <div class="setting_listThree_con_right">{{ info.blood || '暂未设置'}}</div>
+                    <div class="setting_listThree_con_right">{{ info.blood || '暂未设置' }}</div>
                 </div>
                 <div class="setting_listThree_con">
                     <div class="setting_listThree_con_left">
@@ -131,14 +131,14 @@
                         />
                         <div class="setting_listThree_con_left_title">星座</div>
                     </div>
-                    <div class="setting_listThree_con_right">{{ info.constellation || '暂未设置'}}</div>
+                    <div class="setting_listThree_con_right">{{ info.constellation || '暂未设置' }}</div>
                 </div>
                 <div class="setting_listThree_con">
                     <div class="setting_listThree_con_left">
                         <img :src="require('@assets/icon-diqu@3x.png')" alt="" class="setting_listThree_con_left_img" />
                         <div class="setting_listThree_con_left_title">地区</div>
                     </div>
-                    <div class="setting_listThree_con_right">{{ info.home || '暂未设置'}}</div>
+                    <div class="setting_listThree_con_right">{{ info.home || '暂未设置' }}</div>
                 </div>
                 <div class="setting_listThree_con">
                     <div class="setting_listThree_con_left">
@@ -149,7 +149,7 @@
                         />
                         <div class="setting_listThree_con_left_title">学校</div>
                     </div>
-                    <div class="setting_listThree_con_right">{{ info.school || '暂未设置'}}</div>
+                    <div class="setting_listThree_con_right">{{ info.school || '暂未设置' }}</div>
                 </div>
             </div>
             <div class="setting_listThree">
@@ -162,7 +162,7 @@
                         />
                         <div class="setting_listThree_con_left_title">职业</div>
                     </div>
-                    <div class="setting_listThree_con_right">{{ info.occupation || '暂未设置'}}</div>
+                    <div class="setting_listThree_con_right">{{ info.occupation || '暂未设置' }}</div>
                 </div>
                 <div class="setting_listThree_con">
                     <div class="setting_listThree_con_left">
@@ -173,7 +173,7 @@
                         />
                         <div class="setting_listThree_con_left_title">公司</div>
                     </div>
-                    <div class="setting_listThree_con_right">{{ info.company || '暂未设置'}}</div>
+                    <div class="setting_listThree_con_right">{{ info.company || '暂未设置' }}</div>
                 </div>
                 <div class="setting_listThree_con">
                     <div class="setting_listThree_con_left">
@@ -184,7 +184,7 @@
                         />
                         <div class="setting_listThree_con_left_title">邮箱</div>
                     </div>
-                    <div class="setting_listThree_con_right">{{ info.mail || '暂未设置'}}</div>
+                    <div class="setting_listThree_con_right">{{ info.mail || '暂未设置' }}</div>
                 </div>
             </div>
         </div>
@@ -225,8 +225,8 @@ export default {
                 }
             );
         },
-        toMine(){
-            this.$router.push('/mine')
+        toMine() {
+            this.$router.push('/mine');
         }
     }
 };
@@ -347,6 +347,8 @@ export default {
                         transform: scale(0.8) translateX(-20px);
                         position: relative;
                         z-index: 0;
+                        flex-shrink: 0;
+                        white-space: nowrap;
                     }
 
                     &.authed {
@@ -354,6 +356,8 @@ export default {
                             color: #418bff;
                             background: #e8f3ff;
                             position: relative;
+                            flex-shrink: 0;
+                            white-space: nowrap;
                         }
                     }
                     &.autheds {
@@ -362,6 +366,8 @@ export default {
                             color: #39af00;
                             background: #f3ffed;
                             position: relative;
+                            flex-shrink: 0;
+                            white-space: nowrap;
                         }
                     }
                 }