【移动端-登录注册】红框框出来部分，要存了一个账户信息就显示一行，两个显示两行，三个及以上显示三行和下滑

src/views/Auth/Login/components/PhoneInput/index.vue

@@ -12,7 +12,6 @@
       <template #button>
         <img
           :src="arrowDownIcon"
-          alt
           ref="arrowImg"
           class="ml-2 transform transition-all"
           :class="{ 'rotate-180': !arrowDown }"
@@ -23,7 +22,7 @@
     <div class="w-full relative mt-px">
       <div
         class="absolute left-0 right-0 overflow-auto h-0 transition-all z-10 text-white bg-font-light-black"
-        :class="{ 'h-24': !arrowDown }"
+        :class="{ [classOfRememberedPhoneBoxContainer]: !arrowDown }"
         style="background: #f6f6f6"
       >
         <div
@@ -85,6 +84,17 @@ export default defineComponent({
       arrowDown: true,
     };
   },
+  computed: {
+    classOfRememberedPhoneBoxContainer() {
+      if (this.phonePwdList.length === 0 || this.phonePwdList.length > 3) {
+        return 'h-24'
+      } else if (this.phonePwdList.length <= 3) {
+        return 'h-' + 8 * this.phonePwdList.length;
+      } else {
+        return ''
+      }
+    }
+  },
   methods: {
     handleClickPhoneItem(item: iRememberPhonePwd) {
       this.$emit("selectItem", item);