Feat(登录)：UI调整（100%）

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-align-center v12-justify-between v12-mb-3 v12-mt-6" style="width:550rpx">
-          <view class="v12-dark-text v12-mr-3">
+          <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-align-center v12-justify-between v12-my-4" style="width:550rpx">
-          <view class="v12-dark-text v12-mr-3">
+          <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;