From 56d25805e1596593c2cbc22de63cd7724dff3b1c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E6=B4=81?= <209192278@qq.com>
Date: Thu, 25 Jan 2024 22:58:46 +0800
Subject: [PATCH] =?UTF-8?q?=E9=82=93=E6=B4=81:=20=E6=B5=8B=E8=AF=95select?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/styles/index.scss | 75 ++++++++++++++++++++++++++++++++++++
 src/views/user/index.vue     | 19 ++++++++-
 2 files changed, 93 insertions(+), 1 deletion(-)

diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index b46e794..ea57968 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -693,3 +693,78 @@ input[type="number"] {
     transform: rotate(360deg);
   }
 }
+.user-select {
+  .el-select__wrapper{
+    min-height: 75px;
+    height: auto !important;
+    background-color: transparent;
+    border: 1px solid #08B7B8;
+    font-size: 35px;
+    width: 476px;
+  }
+  .el-select__selected-item {
+    height: 54px;
+    line-height: 54px;
+  }
+  .el-select__caret{
+    font-size: 35px !important;
+  }
+  .el-input {
+    min-height: 75px;
+    height: auto !important;
+  }
+  .el-form-item.is-error .el-input__wrapper {
+    box-shadow: none;
+  }
+  .el-select__popper {
+    margin-top: -12px !important;
+    background: #072247 !important;
+    border: 1px solid #0F82AF !important;
+  }
+
+  .el-popper {
+    width: auto;
+    min-width: auto;
+    margin-left: 0;
+    box-sizing: border-box;
+  }
+
+  .el-popper__arrow::before {
+    display: none;
+  }
+
+  .el-select-dropdown__item {
+    font-size: 38px !important;
+    height: 60px !important;
+    line-height: 60px !important;
+
+    > span {
+      color: #FFFFFF;
+    }
+  }
+
+  .el-select .el-input .el-select__caret {
+    font-size: 35px !important;
+  }
+
+  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
+    background-color: #064B66 !important;
+  }
+
+  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
+    background-color: #064B66 !important;
+  }
+
+  .el-select-tags-wrapper {
+    .el-tag {
+      padding: 28px 20px !important;
+      font-size: 35px;
+
+      .el-icon {
+        width: 40px;
+        height: 40px;
+        font-size: 40px !important;
+      }
+    }
+  }
+}
diff --git a/src/views/user/index.vue b/src/views/user/index.vue
index 2cadfcd..e5033b6 100644
--- a/src/views/user/index.vue
+++ b/src/views/user/index.vue
@@ -343,11 +343,28 @@ const handleSelect = async (selection, row) => {
 </script>
 <style lang="scss">
 .user-select {
+  .el-select__wrapper{
+    min-height: 75px;
+    height: auto !important;
+    background-color: transparent;
+    border: 1px solid #08B7B8;
+    font-size: 35px;
+    width: 476px;
+  }
+  .el-select__selected-item {
+    height: 54px;
+    line-height: 54px;
+  }
+  .el-select__caret{
+    font-size: 35px !important;
+  }
   .el-input {
     min-height: 75px;
     height: auto !important;
   }
-
+  .el-form-item.is-error .el-input__wrapper {
+   box-shadow: none;
+  }
   .el-select__popper {
     margin-top: -12px !important;
     background: #072247 !important;