初始化
This commit is contained in:
砂糖
255
frontend/packages/BorderComponents/GcBorder15/setting.js
Normal file
255
frontend/packages/BorderComponents/GcBorder15/setting.js
Normal file
@@ -0,0 +1,255 @@
|
||||
|
||||
const type = 'GcBorder15'
|
||||
|
||||
const name = '边框15'
|
||||
|
||||
const isTitle = true
|
||||
|
||||
const padding =[0,0,0,0]
|
||||
// 右侧配置项
|
||||
const setting = [
|
||||
|
||||
{
|
||||
label:'标题区域背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'gradual',
|
||||
// 字段
|
||||
field: 'fontGradientColor',
|
||||
optionField: 'fontGradientColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: [],
|
||||
},
|
||||
// 背景色
|
||||
// {
|
||||
// label:'标题区域背景色一',
|
||||
// // 设置组件类型， select / input / colorPicker
|
||||
// type: 'colorPicker',
|
||||
// // 字段
|
||||
// field: 'fontGradientColor0',
|
||||
// optionField: 'fontGradientColor0', // 对应options中的字段
|
||||
// // 是否多选
|
||||
// multiple: false,
|
||||
// // 绑定的值
|
||||
// value: '',
|
||||
// },
|
||||
// {
|
||||
// label:'标题区域背景色二',
|
||||
// // 设置组件类型， select / input / colorPicker
|
||||
// type: 'colorPicker',
|
||||
// // 字段
|
||||
// field: 'fontGradientColor1',
|
||||
// optionField: 'fontGradientColor1', // 对应options中的字段
|
||||
// // 是否多选
|
||||
// multiple: false,
|
||||
// // 绑定的值
|
||||
// value: '',
|
||||
// },
|
||||
{
|
||||
label:'标题左侧颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontLeftColor',
|
||||
optionField: 'fontLeftColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '#007aff',
|
||||
},
|
||||
{
|
||||
label:'标题左侧宽度',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'inputNumber',
|
||||
// 字段
|
||||
field: 'fontLeftWidth',
|
||||
optionField: 'fontLeftWidth', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: 4,
|
||||
},
|
||||
{
|
||||
label:'标题底部分割线颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'fontBottomColor',
|
||||
optionField: 'fontBottomColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
{
|
||||
label:'外边框线颜色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'colorPicker',
|
||||
// 字段
|
||||
field: 'borderColor',
|
||||
optionField: 'borderColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: '',
|
||||
},
|
||||
{
|
||||
label:'外边框线宽度',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'inputNumber',
|
||||
// 字段
|
||||
field: 'borderWidth',
|
||||
optionField: 'borderWidth', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: 0,
|
||||
},
|
||||
{
|
||||
label:'背景色',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'gradual',
|
||||
// 字段
|
||||
field: 'gradientColor',
|
||||
optionField: 'gradientColor', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: [],
|
||||
},
|
||||
// {
|
||||
// label:'背景色一',
|
||||
// // 设置组件类型， select / input / colorPicker
|
||||
// type: 'colorPicker',
|
||||
// // 字段
|
||||
// field: 'gradientColor0',
|
||||
// optionField: 'gradientColor0', // 对应options中的字段
|
||||
// // 是否多选
|
||||
// multiple: false,
|
||||
// // 绑定的值
|
||||
// value: '',
|
||||
// },
|
||||
// {
|
||||
// label:'背景色二',
|
||||
// // 设置组件类型， select / input / colorPicker
|
||||
// type: 'colorPicker',
|
||||
// // 字段
|
||||
// field: 'gradientColor1',
|
||||
// optionField: 'gradientColor1', // 对应options中的字段
|
||||
// // 是否多选
|
||||
// multiple: false,
|
||||
// // 绑定的值
|
||||
// value: '',
|
||||
// },
|
||||
{
|
||||
label: '渐变色方向',
|
||||
// 设置组件类型
|
||||
type: 'select',
|
||||
// 字段
|
||||
field: 'gradientDirection',
|
||||
// 对应options中的字段
|
||||
optionField: 'gradientDirection',
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
value: 'to right',
|
||||
options: [
|
||||
{
|
||||
label: '从左到右',
|
||||
value: 'to right'
|
||||
},
|
||||
{
|
||||
label: '从右到左',
|
||||
value: 'to left'
|
||||
},
|
||||
{
|
||||
label: '从上到下',
|
||||
value: 'to bottom'
|
||||
},
|
||||
{
|
||||
label: '从下到上',
|
||||
value: 'to top'
|
||||
},
|
||||
{
|
||||
label: '从左上到右下',
|
||||
value: 'to bottom right'
|
||||
},
|
||||
{
|
||||
label: '从右上到左下',
|
||||
value: 'to bottom left'
|
||||
},
|
||||
{
|
||||
label: '从左下到右上',
|
||||
value: 'to top right'
|
||||
},
|
||||
{
|
||||
label: '从右下到左上',
|
||||
value: 'to top left'
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
label:'左上圆角值',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'inputNumber',
|
||||
// 字段
|
||||
field: 'radiusLeftTop',
|
||||
optionField: 'radiusLeftTop', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
label:'左下圆角值',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'inputNumber',
|
||||
// 字段
|
||||
field: 'radiusLeftBottom',
|
||||
optionField: 'radiusLeftBottom', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
label:'右上圆角值',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'inputNumber',
|
||||
// 字段
|
||||
field: 'radiusRightTop',
|
||||
optionField: 'radiusRightTop', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: 2,
|
||||
},
|
||||
{
|
||||
label:'右下圆角值',
|
||||
// 设置组件类型， select / input / colorPicker
|
||||
type: 'inputNumber',
|
||||
// 字段
|
||||
field: 'radiusRightBottom',
|
||||
optionField: 'radiusRightBottom', // 对应options中的字段
|
||||
// 是否多选
|
||||
multiple: false,
|
||||
// 绑定的值
|
||||
value: 2,
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
]
|
||||
|
||||
|
||||
|
||||
|
||||
export default {
|
||||
setting,
|
||||
type,
|
||||
name,
|
||||
isTitle,
|
||||
padding
|
||||
}
|
||||
Reference in New Issue
Block a user