| | |
| | | import { defineMixin } from '../../libs/vue' |
| | | import defProps from '../../libs/config/props.js' |
| | | import { defineMixin } from '../../libs/vue.js' |
| | | import defProps from './box.js' |
| | | |
| | | export const propsBox = defineMixin({ |
| | | props: { |
| | | // 背景色 |
| | | bgColors: { |
| | | type: [Array], |
| | | default: ['#EEFCFF', '#FCF8FF', '#FDF8F2'] |
| | | default: () => defProps.box.bgColors |
| | | }, |
| | | // 高度 |
| | | height: { |
| | | type: [String], |
| | | default: "160px" |
| | | default: () => defProps.box.height |
| | | }, |
| | | // 圆角 |
| | | borderRadius: { |
| | | type: [String], |
| | | default: "6px" |
| | | default: () => defProps.box.borderRadius |
| | | }, |
| | | // 间隔 |
| | | gap: { |
| | | type: [String], |
| | | default: "15px" |
| | | default: () => defProps.box.gap |
| | | }, |
| | | // 左侧图标 |
| | | leftIcon: { |
| | | type: [String], |
| | | default: () => defProps.box.leftIcon |
| | | }, |
| | | // 左侧文案 |
| | | leftTitle: { |
| | | type: [String], |
| | | default: () => defProps.box.leftTitle |
| | | }, |
| | | // 右上图标 |
| | | rightTopIcon: { |
| | | type: [String], |
| | | default: () => defProps.box.rightTopIcon |
| | | }, |
| | | // 右上文案 |
| | | rightTopTitle: { |
| | | type: [String], |
| | | default: () => defProps.box.rightTopTitle |
| | | }, |
| | | // 右下图标 |
| | | rightBottomIcon: { |
| | | type: [String], |
| | | default: () => defProps.box.rightBottomIcon |
| | | }, |
| | | // 右下文案 |
| | | rightBottomTitle: { |
| | | type: [String], |
| | | default: () => defProps.box.rightBottomTitle |
| | | }, |
| | | } |
| | | }) |
| | | }) |