Hooke / lls_program

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
c1e1cca7 1 parent b37b9a53

style: 使用CSS变量统一占位文本颜色 

将硬编码的颜色值#d1d5db替换为CSS变量--secondary-color-text，提高样式可维护性
Inline Side-by-side
Showing 3 changed files with 5 additions and 4 deletions
...@@ -13,6 +13,7 @@ ...@@ -13,6 +13,7 @@
13 --color-text: #9CA3AF; 13 --color-text: #9CA3AF;
14 --primary-color-rgb: 84, 171, 174; 14 --primary-color-rgb: 84, 171, 174;
15 --secondary-color-bg: #E7E7E7; 15 --secondary-color-bg: #E7E7E7;
16 + --secondary-color-text: #d1d5db;
16 } 17 }
17 18
18 .bg-blue-500 { 19 .bg-blue-500 {
......
1 <!-- 1 <!--
2 * @Date: 2025-08-27 17:44:53 2 * @Date: 2025-08-27 17:44:53
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-09-22 10:51:07 4 + * @LastEditTime: 2025-09-22 10:53:04
5 * @FilePath: /lls_program/src/pages/CreateFamily/index.vue 5 * @FilePath: /lls_program/src/pages/CreateFamily/index.vue
6 * @Description: 创建家庭 6 * @Description: 创建家庭
7 --> 7 -->
...@@ -79,7 +79,7 @@ ...@@ -79,7 +79,7 @@
79 type="text" 79 type="text"
80 v-model="familyMotto[index]" 80 v-model="familyMotto[index]"
81 :placeholder="familyMottoPlaceholder[index]" 81 :placeholder="familyMottoPlaceholder[index]"
82 - placeholder-style="color: #d1d5db;" 82 + placeholder-style="color: var(--secondary-color-text);"
83 @input="(e) => handleInputChange(index, e.target.value)" 83 @input="(e) => handleInputChange(index, e.target.value)"
84 @focus="focusedIndex = index" 84 @focus="focusedIndex = index"
85 @blur="handleBlur(index)" 85 @blur="handleBlur(index)"
......
1 <!-- 1 <!--
2 * @Date: 2025-08-27 17:44:53 2 * @Date: 2025-08-27 17:44:53
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-09-22 10:51:28 4 + * @LastEditTime: 2025-09-22 10:53:14
5 * @FilePath: /lls_program/src/pages/EditFamily/index.vue 5 * @FilePath: /lls_program/src/pages/EditFamily/index.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 type="text" 77 type="text"
78 v-model="familyMotto[index]" 78 v-model="familyMotto[index]"
79 :placeholder="familyMottoPlaceholder[index]" 79 :placeholder="familyMottoPlaceholder[index]"
80 - placeholder-style="color: #d1d5db;" 80 + placeholder-style="color: var(--secondary-color-text);"
81 @input="(e) => handleInputChange(index, e.target.value)" 81 @input="(e) => handleInputChange(index, e.target.value)"
82 @focus="focusedIndex = index" 82 @focus="focusedIndex = index"
83 @blur="handleBlur(index)" 83 @blur="handleBlur(index)"
......