style&feat: 优化表单提示语与提交按钮样式
1. 调整默认提示语字号从24rpx改为32rpx,颜色改为纯黑,背景设为透明 2. 新增提交按钮顶部外边距配置项,支持自定义表单与按钮间距 3. 同步更新diy-form组件的提示语样式与提交按钮外层布局
This commit is contained in:
@@ -427,10 +427,11 @@ export default {
|
||||
// 提交按钮
|
||||
submitColor: '#ffffff',
|
||||
submitBgColor: '#ff4544',
|
||||
submitMarginTop: 0, // 提交按钮顶部外边距(rpx):调整表单与按钮之间的距离
|
||||
// 提示语
|
||||
tipFontSize: 24,
|
||||
tipColor: '#666666',
|
||||
tipBgColor: '#ffffff'
|
||||
tipFontSize: 32,
|
||||
tipColor: '#000000',
|
||||
tipBgColor: 'transparent'
|
||||
};
|
||||
// 全局配置(中间优先级)
|
||||
const globalCfg = this.formConfig || {};
|
||||
@@ -492,6 +493,7 @@ export default {
|
||||
'--checked-color': cfg.checkedColor,
|
||||
'--submit-color': cfg.submitColor,
|
||||
'--submit-bg-color': cfg.submitBgColor,
|
||||
'--submit-margin-top': `${cfg.submitMarginTop || 0}rpx`,
|
||||
// 分割线显隐
|
||||
'--show-row-divider': cfg.showRowDivider === false ? '0' : '1'
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user