feat(widget): 优化评论表单 UI 细节
- 移除表单字段中的冗余星号后缀,优化标签显示文案。 - 更新评论内容的占位符文本。
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -46,11 +46,11 @@ export class CommentForm extends Component {
|
|||||||
className: 'cwd-form-row',
|
className: 'cwd-form-row',
|
||||||
children: [
|
children: [
|
||||||
// 昵称
|
// 昵称
|
||||||
this.createFormField('昵称 *', 'text', 'author', localForm.author, formErrors.author, '昵称 *'),
|
this.createFormField('昵称 *', 'text', 'author', localForm.author, formErrors.author),
|
||||||
// 邮箱
|
// 邮箱
|
||||||
this.createFormField('邮箱 *', 'email', 'email', localForm.email, formErrors.email, '邮箱 *'),
|
this.createFormField('邮箱 *', 'email', 'email', localForm.email, formErrors.email),
|
||||||
// 网址
|
// 网址
|
||||||
this.createFormField('网址', 'url', 'url', localForm.url, formErrors.url, '网址'),
|
this.createFormField('网址', 'url', 'url', localForm.url, formErrors.url),
|
||||||
],
|
],
|
||||||
}),
|
}),
|
||||||
|
|
||||||
@@ -58,11 +58,11 @@ export class CommentForm extends Component {
|
|||||||
this.createElement('div', {
|
this.createElement('div', {
|
||||||
className: 'cwd-form-field',
|
className: 'cwd-form-field',
|
||||||
children: [
|
children: [
|
||||||
this.createTextElement('label', '评论内容', 'cwd-form-label'),
|
this.createTextElement('label', '写下你的评论...', 'cwd-form-label'),
|
||||||
this.createElement('textarea', {
|
this.createElement('textarea', {
|
||||||
className: `cwd-form-textarea ${formErrors.content ? 'cwd-input-error' : ''}`,
|
className: `cwd-form-textarea ${formErrors.content ? 'cwd-input-error' : ''}`,
|
||||||
attributes: {
|
attributes: {
|
||||||
placeholder: '写下你的评论...',
|
placeholder: '',
|
||||||
rows: 4,
|
rows: 4,
|
||||||
disabled: submitting,
|
disabled: submitting,
|
||||||
onInput: (e) => this.handleFieldChange('content', e.target.value),
|
onInput: (e) => this.handleFieldChange('content', e.target.value),
|
||||||
|
|||||||
Reference in New Issue
Block a user