fix: 显示滚动条

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

@@ -21,7 +21,7 @@
     </Input>
     <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="absolute left-0 right-0 overflow-auto h-0 transition-all z-10 text-white bg-font-light-black rememberPhoneBoxContainer"
         :class="{ [classOfRememberedPhoneBoxContainer]: !arrowDown }"
         style="background: #f6f6f6"
       >
@@ -144,4 +144,21 @@ export default defineComponent({
 </script>
 
 <style scoped lang="less">
+.rememberPhoneBoxContainer {
+  /* 设置滚动条的样式 */
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  /* 滚动条滑块 */
+  &::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: #ccc;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    background: rgb(117, 117, 117);
+  }
+}
 </style>
\ No newline at end of file