hookehuyr

style(表单): 为家庭格言输入框添加占位符样式

在EditFamily和CreateFamily页面中,为家庭格言输入框添加placeholder-style属性,设置占位符文字颜色为#d1d5db以改善视觉效果
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-16 22:16:21 4 + * @LastEditTime: 2025-09-22 10:51:07
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,6 +79,7 @@ ...@@ -79,6 +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 @input="(e) => handleInputChange(index, e.target.value)" 83 @input="(e) => handleInputChange(index, e.target.value)"
83 @focus="focusedIndex = index" 84 @focus="focusedIndex = index"
84 @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-16 13:49:51 4 + * @LastEditTime: 2025-09-22 10:51:28
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,6 +77,7 @@ ...@@ -77,6 +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 @input="(e) => handleInputChange(index, e.target.value)" 81 @input="(e) => handleInputChange(index, e.target.value)"
81 @focus="focusedIndex = index" 82 @focus="focusedIndex = index"
82 @blur="handleBlur(index)" 83 @blur="handleBlur(index)"
......