返回

src/views/account/ChangeText.vue

@@ -1,6 +1,9 @@
 <template>
     <div class="change" v-if="type === 'nickname'">
-        <div class="title">昵称</div>
+        <div class="title" @click="$router.back()">
+            <img :src="require('@assets/goback.png')" alt="" class="title_img" />
+            <div>昵称</div>
+        </div>
         <van-field
             v-model="message"
             :rows="1"
@@ -23,7 +26,10 @@
         </div>
     </div>
     <div class="change" v-else-if="type === 'autograph'">
-        <div class="title">简介</div>
+        <div class="title" @click="$router.back()">
+            <img :src="require('@assets/goback.png')" alt="" class="title_img" />
+            <div>简介</div>
+        </div>
         <van-field
             v-model="info.autograph"
             :rows="4"
@@ -46,7 +52,10 @@
         </div>
     </div>
     <div class="change" v-else-if="type === 'school'">
-        <div class="title">学校</div>
+        <div class="title" @click="$router.back()">
+            <img :src="require('@assets/goback.png')" alt="" class="title_img" />
+            <div>学校</div>
+        </div>
         <van-field
             v-model="info.school"
             :rows="1"
@@ -69,7 +78,10 @@
         </div>
     </div>
     <div class="change" v-else-if="type === 'occupation'">
-        <div class="title">职业</div>
+        <div class="title" @click="$router.back()">
+            <img :src="require('@assets/goback.png')" alt="" class="title_img" />
+            <div>职业</div>
+        </div>
         <van-field
             v-model="info.occupation"
             :rows="1"
@@ -92,7 +104,10 @@
         </div>
     </div>
     <div class="change" v-else-if="type === 'company'">
-        <div class="title">公司</div>
+        <div class="title" @click="$router.back()">
+            <img :src="require('@assets/goback.png')" alt="" class="title_img" />
+            <div>公司</div>
+        </div>
         <van-field
             v-model="info.company"
             :rows="1"
@@ -115,7 +130,10 @@
         </div>
     </div>
     <div class="change" v-else-if="type === 'mailbox'">
-        <div class="title">邮箱</div>
+        <div class="title" @click="$router.back()">
+            <img :src="require('@assets/goback.png')" alt="" class="title_img" />
+            <div>邮箱</div>
+        </div>
         <van-field
             v-model="info.mail"
             :rows="1"
@@ -269,6 +287,14 @@ export default {
 }
 .title {
     padding: 23px 16px;
+    display: flex;
+    align-items: center;
+    .title_img {
+        margin-top: 2px;
+        width: 24px;
+        height: 24px;
+        margin-right: 10px;
+    }
 }
 .btn {
     padding: 100px 50px;