From 43aca09ca6e5cb1ee42e3aa59918d89d4a7d3a38 Mon Sep 17 00:00:00 2001
From: modendeveloper <modendeveloper@163.com>
Date: Mon, 9 Sep 2024 22:22:24 +0800
Subject: [PATCH] =?UTF-8?q?Feat(=E7=99=BB=E5=BD=95)=EF=BC=9AUI=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=EF=BC=88100%=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/authorization/index.vue | 73 +++++++++++++++++++++--------------
 1 file changed, 44 insertions(+), 29 deletions(-)

diff --git a/pages/authorization/index.vue b/pages/authorization/index.vue
index 0251731..89fefcf 100644
--- a/pages/authorization/index.vue
+++ b/pages/authorization/index.vue
@@ -51,34 +51,45 @@
         <view class="v12-dark-text v12-font-40 v12-mt-3  v12-font-bold" style="width:550rpx">
           获取你的昵称、头像
         </view>
-        <view class="v12-align-center v12-justify-start v12-mt-3" style="width:550rpx">
-          <view class="v12-dark-text v12-mr-3">
-            头像
+        <view class="v12-align-center v12-justify-between v12-mb-3 v12-mt-6" style="width:550rpx">
+          <view class="v12-align-center">
+            <view class="v12-dark-text v12-mr-3">
+              头像
+            </view>
+            <button
+              class="avatar-wrapper v12-ma-0"
+              open-type="chooseAvatar"
+              @chooseavatar="onChooseAvatar"
+            >
+              <image
+                :src="avatarUrl"
+                class="avatar"
+              />
+            </button>
+          </view>
+          <view>
+            <u-icon name="arrow-right"></u-icon>
           </view>
-          <button
-            class="avatar-wrapper v12-ma-0"
-            open-type="chooseAvatar"
-            @chooseavatar="onChooseAvatar"
-          >
-            <image
-              :src="avatarUrl"
-              class="avatar"
-            />
-          </button>
         </view>
-        <view class="v12-align-baseline v12-justify-between" style="width:550rpx">
-          <view class="v12-dark-text v12-mr-3">
-            昵称
+        <view class="v12-align-center v12-justify-between v12-my-4" style="width:550rpx">
+          <view class="v12-align-center">
+            <view class="v12-dark-text v12-mr-3">
+              昵称
+            </view>
+            <input
+              type="nickname"
+              maxlength="12"
+              class="input-wrapper "
+              placeholder="请填写您的昵称"
+              v-model="nickname"
+              @input="inputName"
+              @confirm="inputName"
+              @blur="inputName"
+            />
+          </view>
+          <view>
+            <u-icon name="close" @click="clearName"></u-icon>
           </view>
-          <input
-            type="nickname"
-            maxlength="12"
-            class="input-wrapper "
-            placeholder="请填写您的昵称"
-            @input="inputName"
-            @confirm="inputName"
-            @blur="inputName"
-          />
         </view>
         <!-- <view class="input-wrapper">
           <picker
@@ -117,7 +128,7 @@
     </view>
     <view class="app-logo v12-align-center v12-flex-column">
       <image class="app-logo__image" :src="webUrl+'/orderIcon/applogo.png'" mode="aspectFit|aspectFill|widthFix" lazy-load="true"></image>
-      <view class="v12-mt-3 v12-font-32 v12-dark-text v12-font-weight-500">发现家乡好物</view>
+      <view class="v12-mt-3 v12-font-32 v12-dark-text v12-font-weight-600">发现家乡好物</view>
     </view>
     <view class="btn-box">
       <button class="btn-yes v12-primary" type="mini" v-if="canIUseGetUserProfile" @tap="getUserInfoProfile">快捷登录</button>
@@ -164,7 +175,7 @@ export default {
       agreeInfo: {},
       isAgree: false,
       show: false,
-      showFillOut: false,
+      showFillOut: true,
       nickname: '',
       avatarUrl: this.$VUE_APP_RESOURCES_URL + '/20230506100714762257.png',
       form: {
@@ -200,6 +211,9 @@ export default {
     changeAgree(event) {
       // this.isAgree = event.detail.value.length > 0
     },
+    clearName() {
+      this.nickname = ''
+    },
     toLogin() {
       this.$yrouter.push({
         path: '/pages/user/Login/index',
@@ -331,6 +345,9 @@ export default {
 </script>
 
 <style lang="less">
+.app-logo{
+  margin-top: 70rpx;
+}
 .app-logo__image--inner{
   width: 100rpx;
   height: 100rpx;
@@ -469,9 +486,7 @@ export default {
       }
 
       .input-wrapper {
-        width: 460rpx;
         height: 72rpx;
-        margin-top: 32rpx;
         background: rgba(248, 249, 251, 1);
         color: #999;
         font-size: 32rpx;