@zkwq/business 0.0.59 → 0.0.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/css/Annex.css +23 -23
  2. package/dist/css/Annex.min.css +1 -1
  3. package/dist/css/AuthorX.css +17 -14
  4. package/dist/css/AuthorX.min.css +1 -1
  5. package/dist/css/Cover.css +8 -8
  6. package/dist/css/Cover.min.css +1 -1
  7. package/dist/index.css +1 -1
  8. package/dist/index.js +73 -73
  9. package/dist/index.min.css +1 -1
  10. package/dist/index.min.js +5 -5
  11. package/dist/index.umd.cjs +9 -9
  12. package/dist/index.umd.min.cjs +2 -2
  13. package/package.json +1 -1
package/dist/css/Annex.css CHANGED
@@ -31,7 +31,7 @@
31
31
 
32
32
 
33
33
 
34
- [data-v-a4d71f3c]:export {
34
+ [data-v-150b087a]:export {
35
35
  primary: #2F3A91;
36
36
  success: #67C23A;
37
37
  warning: #FF791A;
@@ -94,29 +94,29 @@
94
94
 
95
95
 
96
96
 
97
- .FruitUploaderContainer[data-v-a4d71f3c] {
97
+ .FruitUploaderContainer[data-v-150b087a] {
98
98
  display: flex;
99
99
  align-items: flex-start;
100
100
  flex-wrap: wrap;
101
101
  margin-top: 6px;
102
102
  }
103
- .FruitUploaderContainer .FruitUploader[data-v-a4d71f3c] {
103
+ .FruitUploaderContainer .FruitUploader[data-v-150b087a] {
104
104
  margin-bottom: 10px;
105
105
  }
106
- .FruitUploaderContainer .FruitUploader[data-v-a4d71f3c]:first-child {
106
+ .FruitUploaderContainer .FruitUploader[data-v-150b087a]:first-child {
107
107
  margin-right: 10px;
108
108
  }
109
- .FruitUploaderContainer .CoverMask[data-v-a4d71f3c] {
109
+ .FruitUploaderContainer .CoverMask[data-v-150b087a] {
110
110
  width: 120px;
111
111
  height: 120px;
112
112
  position: absolute;
113
113
  background: #FFFFFF;
114
114
  }
115
- .FruitUploaderContainer .CoverMask img[data-v-a4d71f3c] {
115
+ .FruitUploaderContainer .CoverMask img[data-v-150b087a] {
116
116
  border-radius: 4px;
117
117
  cursor: pointer;
118
118
  }
119
- .FruitUploaderContainer .CoverMask .CoverMask__actions[data-v-a4d71f3c] {
119
+ .FruitUploaderContainer .CoverMask .CoverMask__actions[data-v-150b087a] {
120
120
  width: 120px;
121
121
  height: 120px;
122
122
  position: absolute;
@@ -132,16 +132,16 @@
132
132
  justify-content: center;
133
133
  font-size: 18px;
134
134
  }
135
- .FruitUploaderContainer .CoverMask .CoverMask__actions i[data-v-a4d71f3c] {
135
+ .FruitUploaderContainer .CoverMask .CoverMask__actions i[data-v-150b087a] {
136
136
  cursor: pointer;
137
137
  }
138
- .FruitUploaderContainer .CoverMask .CoverMask__actions i + i[data-v-a4d71f3c] {
138
+ .FruitUploaderContainer .CoverMask .CoverMask__actions i + i[data-v-150b087a] {
139
139
  margin-left: 16px;
140
140
  }
141
- .FruitUploaderContainer .CoverMask.is-hover .CoverMask__actions[data-v-a4d71f3c] {
141
+ .FruitUploaderContainer .CoverMask.is-hover .CoverMask__actions[data-v-150b087a] {
142
142
  opacity: 1;
143
143
  }
144
- .FruitUploaderContainer .FileMask[data-v-a4d71f3c] {
144
+ .FruitUploaderContainer .FileMask[data-v-150b087a] {
145
145
  width: 120px;
146
146
  height: 120px;
147
147
  background: #F3F5F8;
@@ -149,16 +149,16 @@
149
149
  margin-right: 10px;
150
150
  margin-bottom: 10px;
151
151
  }
152
- .FruitUploaderContainer .FileMask.is-active[data-v-a4d71f3c] {
152
+ .FruitUploaderContainer .FileMask.is-active[data-v-150b087a] {
153
153
  background-color: transparent;
154
154
  }
155
- .FruitUploaderContainer .FileMask__content[data-v-a4d71f3c] {
155
+ .FruitUploaderContainer .FileMask__content[data-v-150b087a] {
156
156
  width: 100%;
157
157
  height: 100%;
158
158
  padding: 10px;
159
159
  position: relative;
160
160
  }
161
- .FruitUploaderContainer .FileMask__content .FileMask__actions[data-v-a4d71f3c] {
161
+ .FruitUploaderContainer .FileMask__content .FileMask__actions[data-v-150b087a] {
162
162
  width: 120px;
163
163
  height: 120px;
164
164
  position: absolute;
@@ -174,16 +174,16 @@
174
174
  justify-content: center;
175
175
  font-size: 18px;
176
176
  }
177
- .FruitUploaderContainer .FileMask__content .FileMask__actions i[data-v-a4d71f3c] {
177
+ .FruitUploaderContainer .FileMask__content .FileMask__actions i[data-v-150b087a] {
178
178
  cursor: pointer;
179
179
  }
180
- .FruitUploaderContainer .FileMask__content .FileMask__actions i + i[data-v-a4d71f3c] {
180
+ .FruitUploaderContainer .FileMask__content .FileMask__actions i + i[data-v-150b087a] {
181
181
  margin-left: 16px;
182
182
  }
183
- .FruitUploaderContainer .FileMask__content.is-hover .FileMask__actions[data-v-a4d71f3c] {
183
+ .FruitUploaderContainer .FileMask__content.is-hover .FileMask__actions[data-v-150b087a] {
184
184
  opacity: 1;
185
185
  }
186
- .FruitUploaderContainer .FileMask__title[data-v-a4d71f3c] {
186
+ .FruitUploaderContainer .FileMask__title[data-v-150b087a] {
187
187
  font-size: 13px;
188
188
  line-height: 1.2;
189
189
  max-height: 64px;
@@ -195,23 +195,23 @@
195
195
  -webkit-box-orient: vertical;
196
196
  -webkit-line-clamp: 3;
197
197
  }
198
- .FruitUploaderContainer .FileMask__meta[data-v-a4d71f3c] {
198
+ .FruitUploaderContainer .FileMask__meta[data-v-150b087a] {
199
199
  position: absolute;
200
200
  bottom: 26px;
201
201
  line-height: 1.2;
202
202
  font-size: 12px;
203
203
  color: #8590a6;
204
204
  }
205
- .FruitUploader__tipItems[data-v-a4d71f3c] {
205
+ .FruitUploader__tipItems[data-v-150b087a] {
206
206
  line-height: 1.2;
207
207
  }
208
- .FruitUploader__tipItem[data-v-a4d71f3c] {
208
+ .FruitUploader__tipItem[data-v-150b087a] {
209
209
  font-size: 13px;
210
210
  color: #8590a6;
211
211
  }
212
- .FruitUploader__tipItem + .FruitUploader__tipItem[data-v-a4d71f3c] {
212
+ .FruitUploader__tipItem + .FruitUploader__tipItem[data-v-150b087a] {
213
213
  margin-top: 4px;
214
214
  }
215
- .FruitUploader__tipItem--error[data-v-a4d71f3c] {
215
+ .FruitUploader__tipItem--error[data-v-150b087a] {
216
216
  color: #F1403C;
217
217
  }
package/dist/css/Annex.min.css CHANGED
@@ -1 +1 @@
1
- .annex-uploader .base-upload{width:120px;height:120px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.annex-uploader .base-upload:hover{border-color:#409eff}.annex-uploader-icon{font-size:28px;color:#8c939d;width:120px;height:120px;display:flex!important;align-items:center;justify-content:center}[data-v-a4d71f3c]:export{primary:#2F3A91;success:#67C23A;warning:#FF791A;danger:#F1403C;info:#8590a6}.FruitUploaderContainer[data-v-a4d71f3c]{display:flex;align-items:flex-start;flex-wrap:wrap;margin-top:6px}.FruitUploaderContainer .FruitUploader[data-v-a4d71f3c]{margin-bottom:10px}.FruitUploaderContainer .FruitUploader[data-v-a4d71f3c]:first-child{margin-right:10px}.FruitUploaderContainer .CoverMask[data-v-a4d71f3c]{width:120px;height:120px;position:absolute;background:#fff}.FruitUploaderContainer .CoverMask img[data-v-a4d71f3c]{border-radius:4px;cursor:pointer}.FruitUploaderContainer .CoverMask .CoverMask__actions[data-v-a4d71f3c]{width:120px;height:120px;position:absolute;left:0;top:0;opacity:0;border-radius:4px;transition:all .3s;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.FruitUploaderContainer .CoverMask .CoverMask__actions i[data-v-a4d71f3c]{cursor:pointer}.FruitUploaderContainer .CoverMask .CoverMask__actions i+i[data-v-a4d71f3c]{margin-left:16px}.FruitUploaderContainer .CoverMask.is-hover .CoverMask__actions[data-v-a4d71f3c]{opacity:1}.FruitUploaderContainer .FileMask[data-v-a4d71f3c]{width:120px;height:120px;background:#f3f5f8;border-radius:4px;margin-right:10px;margin-bottom:10px}.FruitUploaderContainer .FileMask.is-active[data-v-a4d71f3c]{background-color:transparent}.FruitUploaderContainer .FileMask__content[data-v-a4d71f3c]{width:100%;height:100%;padding:10px;position:relative}.FruitUploaderContainer .FileMask__content .FileMask__actions[data-v-a4d71f3c]{width:120px;height:120px;position:absolute;left:0;top:0;opacity:0;border-radius:4px;transition:all .2s;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.FruitUploaderContainer .FileMask__content .FileMask__actions i[data-v-a4d71f3c]{cursor:pointer}.FruitUploaderContainer .FileMask__content .FileMask__actions i+i[data-v-a4d71f3c]{margin-left:16px}.FruitUploaderContainer .FileMask__content.is-hover .FileMask__actions[data-v-a4d71f3c]{opacity:1}.FruitUploaderContainer .FileMask__title[data-v-a4d71f3c]{font-size:13px;line-height:1.2;max-height:64px;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.FruitUploaderContainer .FileMask__meta[data-v-a4d71f3c]{position:absolute;bottom:26px;line-height:1.2;font-size:12px;color:#8590a6}.FruitUploader__tipItems[data-v-a4d71f3c]{line-height:1.2}.FruitUploader__tipItem[data-v-a4d71f3c]{font-size:13px;color:#8590a6}.FruitUploader__tipItem+.FruitUploader__tipItem[data-v-a4d71f3c]{margin-top:4px}.FruitUploader__tipItem--error[data-v-a4d71f3c]{color:#f1403c}
1
+ .annex-uploader .base-upload{width:120px;height:120px;border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.annex-uploader .base-upload:hover{border-color:#409eff}.annex-uploader-icon{font-size:28px;color:#8c939d;width:120px;height:120px;display:flex!important;align-items:center;justify-content:center}[data-v-150b087a]:export{primary:#2F3A91;success:#67C23A;warning:#FF791A;danger:#F1403C;info:#8590a6}.FruitUploaderContainer[data-v-150b087a]{display:flex;align-items:flex-start;flex-wrap:wrap;margin-top:6px}.FruitUploaderContainer .FruitUploader[data-v-150b087a]{margin-bottom:10px}.FruitUploaderContainer .FruitUploader[data-v-150b087a]:first-child{margin-right:10px}.FruitUploaderContainer .CoverMask[data-v-150b087a]{width:120px;height:120px;position:absolute;background:#fff}.FruitUploaderContainer .CoverMask img[data-v-150b087a]{border-radius:4px;cursor:pointer}.FruitUploaderContainer .CoverMask .CoverMask__actions[data-v-150b087a]{width:120px;height:120px;position:absolute;left:0;top:0;opacity:0;border-radius:4px;transition:all .3s;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.FruitUploaderContainer .CoverMask .CoverMask__actions i[data-v-150b087a]{cursor:pointer}.FruitUploaderContainer .CoverMask .CoverMask__actions i+i[data-v-150b087a]{margin-left:16px}.FruitUploaderContainer .CoverMask.is-hover .CoverMask__actions[data-v-150b087a]{opacity:1}.FruitUploaderContainer .FileMask[data-v-150b087a]{width:120px;height:120px;background:#f3f5f8;border-radius:4px;margin-right:10px;margin-bottom:10px}.FruitUploaderContainer .FileMask.is-active[data-v-150b087a]{background-color:transparent}.FruitUploaderContainer .FileMask__content[data-v-150b087a]{width:100%;height:100%;padding:10px;position:relative}.FruitUploaderContainer .FileMask__content .FileMask__actions[data-v-150b087a]{width:120px;height:120px;position:absolute;left:0;top:0;opacity:0;border-radius:4px;transition:all .2s;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.FruitUploaderContainer .FileMask__content .FileMask__actions i[data-v-150b087a]{cursor:pointer}.FruitUploaderContainer .FileMask__content .FileMask__actions i+i[data-v-150b087a]{margin-left:16px}.FruitUploaderContainer .FileMask__content.is-hover .FileMask__actions[data-v-150b087a]{opacity:1}.FruitUploaderContainer .FileMask__title[data-v-150b087a]{font-size:13px;line-height:1.2;max-height:64px;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.FruitUploaderContainer .FileMask__meta[data-v-150b087a]{position:absolute;bottom:26px;line-height:1.2;font-size:12px;color:#8590a6}.FruitUploader__tipItems[data-v-150b087a]{line-height:1.2}.FruitUploader__tipItem[data-v-150b087a]{font-size:13px;color:#8590a6}.FruitUploader__tipItem+.FruitUploader__tipItem[data-v-150b087a]{margin-top:4px}.FruitUploader__tipItem--error[data-v-150b087a]{color:#f1403c}
package/dist/css/AuthorX.css CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
 
11
11
 
12
- [data-v-059a6002]:export {
12
+ [data-v-a19fb32e]:export {
13
13
  primary: #2F3A91;
14
14
  success: #67C23A;
15
15
  warning: #FF791A;
@@ -72,63 +72,66 @@
72
72
 
73
73
 
74
74
 
75
- .Author__warp[data-v-059a6002] + .base-form-item__error.is-required {
75
+ .Author__warp[data-v-a19fb32e] + .base-form-item__error.is-required {
76
76
  top: 16px;
77
77
  right: 0px;
78
78
  width: auto;
79
79
  left: auto;
80
80
  text-align: right;
81
81
  }
82
- .Author__warp[data-v-059a6002] {
82
+ .Author__warp[data-v-a19fb32e] {
83
83
  width: 100%;
84
84
  height: auto;
85
85
  overflow: hidden;
86
86
  }
87
- .Form__item[data-v-059a6002] {
87
+ .Form__item[data-v-a19fb32e] {
88
88
  width: 100%;
89
89
  height: 80px;
90
90
  display: flex;
91
91
  align-items: flex-start;
92
92
  margin-top: 16px;
93
93
  }
94
- .Form__author[data-v-059a6002] {
94
+ .Form__author[data-v-a19fb32e] {
95
95
  position: relative;
96
96
  margin-right: 16px;
97
97
  width: 100%;
98
98
  }
99
- .FormItem__tip[data-v-059a6002] {
99
+ .FormItem__tip[data-v-a19fb32e] {
100
100
  position: absolute;
101
101
  top: 40px;
102
102
  color: #8590a6;
103
103
  }
104
- .Author__list[data-v-059a6002] {
104
+ .Author__list[data-v-a19fb32e] {
105
105
  width: auto;
106
106
  overflow: hidden;
107
107
  margin: 8px;
108
108
  padding: 8px;
109
- height: 30px;
109
+ height: auto;
110
110
  display: flex;
111
111
  align-items: center;
112
112
  }
113
- .Author__list[data-v-059a6002]:hover {
113
+ .Author__list *[data-v-a19fb32e] {
114
+ line-height: 30px;
115
+ }
116
+ .Author__list[data-v-a19fb32e]:hover {
114
117
  background-color: #f6f6f6;
115
118
  border-radius: 4px;
116
119
  }
117
- .Author__list--item[data-v-059a6002] {
120
+ .Author__list--item[data-v-a19fb32e] {
118
121
  margin: 0px 8px;
119
122
  }
120
- .Author__list--contro[data-v-059a6002] {
123
+ .Author__list--contro[data-v-a19fb32e] {
121
124
  margin-left: 16px;
122
125
  width: 40px;
123
126
  display: flex;
124
127
  justify-content: space-between;
125
128
  }
126
- .Author__list--contro span[data-v-059a6002] {
129
+ .Author__list--contro span[data-v-a19fb32e] {
127
130
  cursor: pointer;
128
131
  }
129
- .add_author[data-v-059a6002] {
132
+ .add_author[data-v-a19fb32e] {
130
133
  cursor: pointer;
131
134
  }
132
- .add_author[data-v-059a6002]:hover {
135
+ .add_author[data-v-a19fb32e]:hover {
133
136
  color: #2F3A91;
134
137
  }
package/dist/css/AuthorX.min.css CHANGED
@@ -1 +1 @@
1
- [data-v-059a6002]:export{primary:#2F3A91;success:#67C23A;warning:#FF791A;danger:#F1403C;info:#8590a6}.Author__warp[data-v-059a6002]+.base-form-item__error.is-required{top:16px;right:0;width:auto;left:auto;text-align:right}.Author__warp[data-v-059a6002]{width:100%;height:auto;overflow:hidden}.Form__item[data-v-059a6002]{width:100%;height:80px;display:flex;align-items:flex-start;margin-top:16px}.Form__author[data-v-059a6002]{position:relative;margin-right:16px;width:100%}.FormItem__tip[data-v-059a6002]{position:absolute;top:40px;color:#8590a6}.Author__list[data-v-059a6002]{width:auto;overflow:hidden;margin:8px;padding:8px;height:30px;display:flex;align-items:center}.Author__list[data-v-059a6002]:hover{background-color:#f6f6f6;border-radius:4px}.Author__list--item[data-v-059a6002]{margin:0 8px}.Author__list--contro[data-v-059a6002]{margin-left:16px;width:40px;display:flex;justify-content:space-between}.Author__list--contro span[data-v-059a6002]{cursor:pointer}.add_author[data-v-059a6002]{cursor:pointer}.add_author[data-v-059a6002]:hover{color:#2f3a91}
1
+ [data-v-a19fb32e]:export{primary:#2F3A91;success:#67C23A;warning:#FF791A;danger:#F1403C;info:#8590a6}.Author__warp[data-v-a19fb32e]+.base-form-item__error.is-required{top:16px;right:0;width:auto;left:auto;text-align:right}.Author__warp[data-v-a19fb32e]{width:100%;height:auto;overflow:hidden}.Form__item[data-v-a19fb32e]{width:100%;height:80px;display:flex;align-items:flex-start;margin-top:16px}.Form__author[data-v-a19fb32e]{position:relative;margin-right:16px;width:100%}.FormItem__tip[data-v-a19fb32e]{position:absolute;top:40px;color:#8590a6}.Author__list[data-v-a19fb32e]{width:auto;overflow:hidden;margin:8px;padding:8px;height:auto;display:flex;align-items:center}.Author__list [data-v-a19fb32e]{line-height:30px}.Author__list[data-v-a19fb32e]:hover{background-color:#f6f6f6;border-radius:4px}.Author__list--item[data-v-a19fb32e]{margin:0 8px}.Author__list--contro[data-v-a19fb32e]{margin-left:16px;width:40px;display:flex;justify-content:space-between}.Author__list--contro span[data-v-a19fb32e]{cursor:pointer}.add_author[data-v-a19fb32e]{cursor:pointer}.add_author[data-v-a19fb32e]:hover{color:#2f3a91}
package/dist/css/Cover.css CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
 
13
13
 
14
- [data-v-f63297c4]:export {
14
+ [data-v-b7afb416]:export {
15
15
  primary: #2F3A91;
16
16
  success: #67C23A;
17
17
  warning: #FF791A;
@@ -74,7 +74,7 @@
74
74
 
75
75
 
76
76
 
77
- .avatar-uploader[data-v-f63297c4] {
77
+ .avatar-uploader[data-v-b7afb416] {
78
78
  width: 314px;
79
79
  height: 130px;
80
80
  border: 1px dashed #DCDFE6;
@@ -83,7 +83,7 @@
83
83
  justify-content: center;
84
84
  position: relative;
85
85
  }
86
- .avatar-uploader .FileMask__actions[data-v-f63297c4] {
86
+ .avatar-uploader .FileMask__actions[data-v-b7afb416] {
87
87
  width: 100%;
88
88
  height: 100%;
89
89
  position: absolute;
@@ -99,19 +99,19 @@
99
99
  justify-content: center;
100
100
  font-size: 18px;
101
101
  }
102
- .avatar-uploader .FileMask__actions i[data-v-f63297c4] {
102
+ .avatar-uploader .FileMask__actions i[data-v-b7afb416] {
103
103
  cursor: pointer;
104
104
  }
105
- .avatar-uploader .FileMask__actions i + i[data-v-f63297c4] {
105
+ .avatar-uploader .FileMask__actions i + i[data-v-b7afb416] {
106
106
  margin-left: 16px;
107
107
  }
108
- .avatar-uploader:hover .FileMask__actions[data-v-f63297c4] {
108
+ .avatar-uploader:hover .FileMask__actions[data-v-b7afb416] {
109
109
  opacity: 1;
110
110
  }
111
- .avatar-uploader-icon[data-v-f63297c4] {
111
+ .avatar-uploader-icon[data-v-b7afb416] {
112
112
  font-size: 30px;
113
113
  }
114
- .avatar[data-v-f63297c4] {
114
+ .avatar[data-v-b7afb416] {
115
115
  width: 314px;
116
116
  height: 130px;
117
117
  }
package/dist/css/Cover.min.css CHANGED
@@ -1 +1 @@
1
- .avatar-uploader .base-upload{width:100%;height:100%;display:flex;align-items:center;justify-content:center}[data-v-f63297c4]:export{primary:#2F3A91;success:#67C23A;warning:#FF791A;danger:#F1403C;info:#8590a6}.avatar-uploader[data-v-f63297c4]{width:314px;height:130px;border:1px dashed #dcdfe6;display:flex;align-items:center;justify-content:center;position:relative}.avatar-uploader .FileMask__actions[data-v-f63297c4]{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;border-radius:4px;transition:all .2s;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.avatar-uploader .FileMask__actions i[data-v-f63297c4]{cursor:pointer}.avatar-uploader .FileMask__actions i+i[data-v-f63297c4]{margin-left:16px}.avatar-uploader:hover .FileMask__actions[data-v-f63297c4]{opacity:1}.avatar-uploader-icon[data-v-f63297c4]{font-size:30px}.avatar[data-v-f63297c4]{width:314px;height:130px}
1
+ .avatar-uploader .base-upload{width:100%;height:100%;display:flex;align-items:center;justify-content:center}[data-v-b7afb416]:export{primary:#2F3A91;success:#67C23A;warning:#FF791A;danger:#F1403C;info:#8590a6}.avatar-uploader[data-v-b7afb416]{width:314px;height:130px;border:1px dashed #dcdfe6;display:flex;align-items:center;justify-content:center;position:relative}.avatar-uploader .FileMask__actions[data-v-b7afb416]{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;border-radius:4px;transition:all .2s;background-color:rgba(0,0,0,.5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px}.avatar-uploader .FileMask__actions i[data-v-b7afb416]{cursor:pointer}.avatar-uploader .FileMask__actions i+i[data-v-b7afb416]{margin-left:16px}.avatar-uploader:hover .FileMask__actions[data-v-b7afb416]{opacity:1}.avatar-uploader-icon[data-v-b7afb416]{font-size:30px}.avatar[data-v-b7afb416]{width:314px;height:130px}