style(表单): 为家庭格言输入框添加占位符样式
在EditFamily和CreateFamily页面中,为家庭格言输入框添加placeholder-style属性,设置占位符文字颜色为#d1d5db以改善视觉效果
Showing
2 changed files
with
4 additions
and
2 deletions
| 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)" | ... | ... |
-
Please register or login to post a comment