Kaynağa Gözat

样式优化

yanghao 1 hafta önce
ebeveyn
işleme
62e4c6f96b

+ 21 - 0
src/styles/var.css

@@ -64,6 +64,27 @@
   --el-color-primary-light-9: #e3edff;
   --el-color-primary-dark-2: #0d4fd6;
   --el-border-radius-base: 4px !important; /* 把默认的基础圆角改成 8px */
+
+  --el-input-bg-color: #f5f5f5 !important; /* 背景色 */
+  --el-input-border-color: transparent !important; /* 边框透明 */
+  --el-input-hover-border-color: transparent !important;
+  --el-input-focus-border-color: transparent !important;
+  --el-input-border-radius: 2px !important; /* 小圆角 */
+  --el-input-box-shadow: none !important; /* 去掉阴影 */
+}
+
+.el-input__wrapper,
+.el-select__wrapper {
+  background-color: #f5f5f5 !important;
+  box-shadow: none !important;
+  border: none !important;
+  font-weight: 400 !important;
+}
+
+.el-input__wrapper.is-focus,
+.el-select__wrapper.is-focused {
+  background-color: #f0f0f0 !important;
+  box-shadow: none !important;
 }
 
 .dark {

+ 14 - 32
src/views/expert/list/index.vue

@@ -4,19 +4,12 @@
       <section class="filter-panel">
         <div class="filter-fields">
           <div class="filter-field filter-field-name">
-            <span class="filter-label">按姓名搜索</span>
-            <el-input
-              v-model="queryParams.expertName"
-              class="expert-name-input"
-              placeholder="输入专家姓名..."
-              clearable
-            >
+            <el-input v-model="queryParams.expertName" placeholder="输入专家姓名..." clearable>
               <template #prefix><Icon icon="ep:search" /></template>
             </el-input>
           </div>
 
           <div class="filter-field">
-            <span class="filter-label">按学历搜索</span>
             <el-select v-model="queryParams.education" placeholder="请选择专家学历" clearable>
               <el-option
                 v-for="dict in getStrDictOptions(DICT_TYPE.RD_EXPERT_EDUCATION)"
@@ -28,7 +21,6 @@
           </div>
 
           <div class="filter-field">
-            <span class="filter-label">按梯队搜索</span>
             <el-select v-model="queryParams.echelon" placeholder="请选择专家梯队" clearable>
               <el-option
                 v-for="dict in getStrDictOptions(DICT_TYPE.RD_EXPERT_ECHELON)"
@@ -40,7 +32,6 @@
           </div>
 
           <div class="filter-field">
-            <span class="filter-label">按专业搜索</span>
             <el-select
               v-model="queryParams.specialDirection"
               placeholder="请选择专业方向"
@@ -56,7 +47,7 @@
           </div>
 
           <div class="filter-actions">
-            <el-button color="#1e3a8a" type="primary" @click="handleAdd">
+            <el-button type="primary" @click="handleAdd">
               <Icon icon="ep:plus" class="mr-5px" />新增专家
             </el-button>
             <el-button @click="getList"> <Icon icon="ep:search" class="mr-5px" />搜索 </el-button>
@@ -1416,7 +1407,7 @@ onMounted(async () => {
 .expert-carousel {
   margin: 0 0 18px;
   padding: 18px 22px 20px;
-  border: 1px solid #dfe6ef;
+
   border-radius: 10px;
   background: #fff;
   box-shadow: 0 2px 4px rgba(34, 57, 86, 0.06);
@@ -1529,7 +1520,7 @@ onMounted(async () => {
 .filter-panel {
   min-width: 0;
   padding: 28px 29px 26px;
-  border: 1px solid #dfe6ef;
+
   border-radius: 10px;
   box-sizing: border-box;
   background: #fff;
@@ -1574,15 +1565,6 @@ onMounted(async () => {
   width: 100%;
 }
 
-.filter-fields :deep(.el-input__wrapper),
-.filter-fields :deep(.el-select__wrapper) {
-  min-height: 32px;
-  border-radius: 8px;
-  background: #fff;
-  box-shadow: 0 0 0 1px #dce4ee inset;
-  transition: box-shadow 180ms ease;
-}
-
 .filter-fields :deep(.el-input__wrapper:hover),
 .filter-fields :deep(.el-select__wrapper:hover),
 .filter-fields :deep(.el-input__wrapper.is-focus),
@@ -2339,17 +2321,17 @@ onMounted(async () => {
   gap: 10px;
 }
 
-.profile-actions :deep(.el-button) {
-  height: 42px;
-  border-radius: 10px;
-  font-size: 14px;
-  font-weight: 700;
-}
+// .profile-actions :deep(.el-button) {
+//   height: 42px;
+//   border-radius: 10px;
+//   font-size: 14px;
+//   font-weight: 700;
+// }
 
-.profile-actions :deep(.el-button--success) {
-  background: #237b63;
-  border-color: #237b63;
-}
+// .profile-actions :deep(.el-button--success) {
+//   background: #237b63;
+//   border-color: #237b63;
+// }
 
 .record-panel {
   margin: 0 20px 26px;

+ 1 - 1
src/views/researchProject/list/index.vue

@@ -30,7 +30,7 @@
           <Icon icon="ep:search" class="mr-5px" />搜索
         </el-button>
         <el-button @click="resetQuery"> <Icon icon="ep:refresh" class="mr-5px" />重置 </el-button>
-        <el-button type="primary" plain @click="openForm()" v-hasPermi="['rd:project:create']">
+        <el-button type="primary" @click="openForm()" v-hasPermi="['rd:project:create']">
           <Icon icon="ep:plus" class="mr-5px" />新增项目
         </el-button>
       </el-form-item>