Commit 3896456e authored by chenqikuai's avatar chenqikuai

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

parent 235ffa65
...@@ -12,7 +12,6 @@ ...@@ -12,7 +12,6 @@
<template #button> <template #button>
<img <img
:src="arrowDownIcon" :src="arrowDownIcon"
alt
ref="arrowImg" ref="arrowImg"
class="ml-2 transform transition-all" class="ml-2 transform transition-all"
:class="{ 'rotate-180': !arrowDown }" :class="{ 'rotate-180': !arrowDown }"
...@@ -23,7 +22,7 @@ ...@@ -23,7 +22,7 @@
<div class="w-full relative mt-px"> <div class="w-full relative mt-px">
<div <div
class="absolute left-0 right-0 overflow-auto h-0 transition-all z-10 text-white bg-font-light-black" 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" style="background: #f6f6f6"
> >
<div <div
...@@ -85,6 +84,17 @@ export default defineComponent({ ...@@ -85,6 +84,17 @@ export default defineComponent({
arrowDown: true, 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: { methods: {
handleClickPhoneItem(item: iRememberPhonePwd) { handleClickPhoneItem(item: iRememberPhonePwd) {
this.$emit("selectItem", item); this.$emit("selectItem", item);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment