1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
| import { defineMixin } from '../../libs/vue'
| import defProps from '../../libs/config/props.js'
|
| export const propsCard = defineMixin({
| props: {
| // 与屏幕两侧是否留空隙
| full: {
| type: Boolean,
| default: false
| },
| // 标题
| title: {
| type: String,
| default: ''
| },
| // 标题颜色
| titleColor: {
| type: String,
| default: '#303133'
| },
| // 标题字体大小
| titleSize: {
| type: [Number, String],
| default: '15px'
| },
| // 副标题
| subTitle: {
| type: String,
| default: ''
| },
| // 副标题颜色
| subTitleColor: {
| type: String,
| default: '#909399'
| },
| // 副标题字体大小
| subTitleSize: {
| type: [Number, String],
| default: '13'
| },
| // 是否显示外部边框，只对full=false时有效(卡片与边框有空隙时)
| border: {
| type: Boolean,
| default: true
| },
| // 用于标识点击了第几个
| index: {
| type: [Number, String, Object],
| default: ''
| },
| // 用于隔开上下左右的边距，带单位的写法，如："30px 30px"，"20px 20px 30px 30px"
| margin: {
| type: String,
| default: '15px'
| },
| // card卡片的圆角
| borderRadius: {
| type: [Number, String],
| default: '8px'
| },
| // 头部自定义样式，对象形式
| headStyle: {
| type: Object,
| default() {
| return {};
| }
| },
| // 主体自定义样式，对象形式
| bodyStyle: {
| type: Object,
| default() {
| return {};
| }
| },
| // 底部自定义样式，对象形式
| footStyle: {
| type: Object,
| default() {
| return {};
| }
| },
| // 头部是否下边框
| headBorderBottom: {
| type: Boolean,
| default: true
| },
| // 底部是否有上边框
| footBorderTop: {
| type: Boolean,
| default: true
| },
| // 标题左边的缩略图
| thumb: {
| type: String,
| default: ''
| },
| // 缩略图宽高
| thumbWidth: {
| type: [String, Number],
| default: '30px'
| },
| // 缩略图是否为圆形
| thumbCircle: {
| type: Boolean,
| default: false
| },
| // 给head，body，foot的内边距
| padding: {
| type: [String, Number],
| default: '15px'
| },
| paddingHead: {
| type: [String, Number],
| default: ''
| },
| paddingBody: {
| type: [String, Number],
| default: ''
| },
| paddingFoot: {
| type: [String, Number],
| default: ''
| },
| // 是否显示头部
| showHead: {
| type: Boolean,
| default: true
| },
| // 是否显示尾部
| showFoot: {
| type: Boolean,
| default: true
| },
| // 卡片外围阴影，字符串形式
| boxShadow: {
| type: String,
| default: 'none'
| }
| }
| })
|
|
