From 0cf4bf14c30f068165a31f918b741947e0133525 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Mon, 17 Mar 2025 21:08:03 +0800
Subject: [PATCH] =?UTF-8?q?style(css):=20=E4=BC=98=E5=8C=96=E4=B8=BB?=
 =?UTF-8?q?=E9=A2=98=E9=A2=9C=E8=89=B2=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 更新 primary color 为 #71b73c- 调整输入框焦点边框颜色
- 优化下拉菜单样式
- 统一选择框样式
- 调整按钮样式
---
 src/assets/css/base.scss                               |  6 +++++-
 src/assets/css/public.scss                             |  8 +++-----
 src/components/YLSelect.vue                            | 10 +++++-----
 .../QuestionItemAction/CompletionQuestionAction.vue    |  3 ++-
 src/views/Survey/Index.vue                             |  4 ++--
 5 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/assets/css/base.scss b/src/assets/css/base.scss
index 23c4789..ef453cc 100644
--- a/src/assets/css/base.scss
+++ b/src/assets/css/base.scss
@@ -1,6 +1,6 @@
 /* color palette from <https://github.com/vuejs/theme> */
 :root {
-  --primary-color: rgb(111, 185, 55);
+  --primary-color: #71b73c;
   --vt-c-white: #fff;
   --vt-c-white-soft: #f8f8f8;
   --vt-c-white-mute: #f2f2f2;
@@ -16,6 +16,9 @@
   --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
   --vt-c-text-dark-1: var(--vt-c-white);
   --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
+  --van-picker-confirm-action-color: var(--primary-color);
+  --van-calendar-range-edge-background: var(--primary-color);
+  --van-cascader-active-color: var(--primary-color);
   --status-bar-height: 20px;
 }
 
@@ -29,6 +32,7 @@
   --color-heading: var(--vt-c-text-light-1);
   --color-text: var(--vt-c-text-light-1);
   --section-gap: 160px;
+  --el-select-input-focus-border-color: var(--primary-color);
 }
 
 @media (prefers-color-scheme: dark) {
diff --git a/src/assets/css/public.scss b/src/assets/css/public.scss
index db24ef4..2e8d309 100644
--- a/src/assets/css/public.scss
+++ b/src/assets/css/public.scss
@@ -209,6 +209,9 @@
   color: $theme-color;
 }
 
+input {
+  outline-color: transparent;
+}
 .el-input__wrapper,
 .el-select__wrapper {
   box-shadow: none;
@@ -224,8 +227,3 @@
     color: $theme-color;
   }
 }
-.el-dropdown-menu__item:not(.is-disabled):focus,
-.el-dropdown-menu__item:not(.is-disabled):hover {
-  background-color: #fff !important;
-  color: #2dc26b !important;
-}
diff --git a/src/components/YLSelect.vue b/src/components/YLSelect.vue
index 8d4d700..a477355 100644
--- a/src/components/YLSelect.vue
+++ b/src/components/YLSelect.vue
@@ -83,14 +83,14 @@ export default defineComponent({
 <style scoped lang="scss">
 .yl-select-wrapper {
   position: relative;
-  display: inline-block;
-  padding: 2px 0;
-  border-color: transparent;
-  border-radius: 12px;
-  background: #fafbfc;
   outline-color: transparent;
+  border-color: transparent;
+  display: inline-block;
   font-size: 16px; /* 增加字体大小 */
   line-height: 1.5; /* 增加行高 */
+  padding: 2px 0;
+  background: #fafbfc;
+  border-radius: 12px;
 }
 
 .yl-select-label {
diff --git a/src/views/Design/components/ActionCompoents/components/QuestionItemAction/CompletionQuestionAction.vue b/src/views/Design/components/ActionCompoents/components/QuestionItemAction/CompletionQuestionAction.vue
index f50262e..30c7051 100644
--- a/src/views/Design/components/ActionCompoents/components/QuestionItemAction/CompletionQuestionAction.vue
+++ b/src/views/Design/components/ActionCompoents/components/QuestionItemAction/CompletionQuestionAction.vue
@@ -235,7 +235,8 @@ const textTypeList = [
 const emit = defineEmits(['update:modelValue', 'saveOption']);
 //
 const selectText = (textType) => {
-  return textTypeList.filter((item) => item.value === textType)[0].text;
+  let item = textTypeList.filter((item) => item.value === textType)[0];
+  return item ? item.text : '';
 };
 const confirm = ({ selectedValues }) => {
   actionQuestion.value.config.text_type = Number(selectedValues[0]);
diff --git a/src/views/Survey/Index.vue b/src/views/Survey/Index.vue
index cacd92b..4440f70 100644
--- a/src/views/Survey/Index.vue
+++ b/src/views/Survey/Index.vue
@@ -59,10 +59,10 @@
           <div>
             <el-button @click="deleteItem(item)"> 删除</el-button>
             <el-button @click="copyItem(item)"> 复制</el-button>
-            <el-button @click="toPreview(item)" style="border: 2px solid #71b73c">
+            <el-button style="border: 2px solid #71b73c" @click="toPreview(item)">
               <el-text style="color: #71b73c">预览</el-text>
             </el-button>
-            <el-button @click="toPublish(item)" color="#6fb937">
+            <el-button color="#6fb937" @click="toPublish(item)">
               <el-text style="color: white">开启投放</el-text>
             </el-button>
           </div>