im-ui-mobile 0.1.35 → 0.1.36
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.
|
@@ -59,15 +59,7 @@
|
|
|
59
59
|
<im-badge v-if="badge" :value="badgeText" :dot="badgeDot" :class="[`im-avatar__badge`]" :size="badgeSize" />
|
|
60
60
|
|
|
61
61
|
<!-- 加载状态 -->
|
|
62
|
-
<
|
|
63
|
-
<im-loading v-if="loading" :size="32" text="" :mask="true" :class="[
|
|
64
|
-
{
|
|
65
|
-
'im-avatar__loading--square': shape === 'square',
|
|
66
|
-
'im-avatar__loading--rounded': shape === 'rounded',
|
|
67
|
-
'im-avatar__loading--circle': shape === 'circle'
|
|
68
|
-
}
|
|
69
|
-
]" />
|
|
70
|
-
</view>
|
|
62
|
+
<im-loading v-if="loading" class="im-avatar__loading" :size="32" text="" :mask="true" />
|
|
71
63
|
</view>
|
|
72
64
|
</template>
|
|
73
65
|
|
|
@@ -202,25 +194,6 @@ const textStyle = computed(() => {
|
|
|
202
194
|
return style
|
|
203
195
|
})
|
|
204
196
|
|
|
205
|
-
// const iconStyle = computed(() => {
|
|
206
|
-
// const style: Record<string, string> = {
|
|
207
|
-
// color: props.iconColor
|
|
208
|
-
// }
|
|
209
|
-
|
|
210
|
-
// if (props.iconSize) {
|
|
211
|
-
// style.fontSize = `${props.iconSize}rpx`
|
|
212
|
-
// }
|
|
213
|
-
|
|
214
|
-
// return style
|
|
215
|
-
// })
|
|
216
|
-
|
|
217
|
-
// const badgeClass = computed(() => {
|
|
218
|
-
// if (props.badgeColor) {
|
|
219
|
-
// return ''
|
|
220
|
-
// }
|
|
221
|
-
// return 'im-avatar__badge--default'
|
|
222
|
-
// })
|
|
223
|
-
|
|
224
197
|
const badgeSize = computed(() => {
|
|
225
198
|
switch (props.size) {
|
|
226
199
|
case 'mini':
|
|
@@ -520,28 +493,40 @@ const handleImageError = (error: any) => {
|
|
|
520
493
|
|
|
521
494
|
// 加载状态
|
|
522
495
|
&__loading {
|
|
523
|
-
position: absolute;
|
|
524
|
-
top: 0;
|
|
525
|
-
left: 0;
|
|
526
|
-
width: 100%;
|
|
527
|
-
height: 100%;
|
|
528
|
-
display: flex;
|
|
529
|
-
align-items: center;
|
|
530
|
-
justify-content: center;
|
|
531
|
-
z-index: 2;
|
|
496
|
+
// position: absolute;
|
|
497
|
+
// top: 0;
|
|
498
|
+
// left: 0;
|
|
499
|
+
// width: 100%;
|
|
500
|
+
// height: 100%;
|
|
501
|
+
// display: flex;
|
|
502
|
+
// align-items: center;
|
|
503
|
+
// justify-content: center;
|
|
504
|
+
// z-index: 2;
|
|
532
505
|
|
|
533
506
|
// 形状
|
|
534
|
-
|
|
507
|
+
.im-avatar--circle & {
|
|
535
508
|
border-radius: 50%;
|
|
536
509
|
}
|
|
537
510
|
|
|
538
|
-
&--
|
|
511
|
+
// &--circle {
|
|
512
|
+
// border-radius: 50%;
|
|
513
|
+
// }
|
|
514
|
+
|
|
515
|
+
.im-avatar--square & {
|
|
539
516
|
border-radius: 8rpx;
|
|
540
517
|
}
|
|
541
518
|
|
|
542
|
-
&--
|
|
519
|
+
// &--square {
|
|
520
|
+
// border-radius: 8rpx;
|
|
521
|
+
// }
|
|
522
|
+
|
|
523
|
+
.im-avatar--rounded & {
|
|
543
524
|
border-radius: 20%;
|
|
544
525
|
}
|
|
526
|
+
|
|
527
|
+
// &--rounded {
|
|
528
|
+
// border-radius: 20%;
|
|
529
|
+
// }
|
|
545
530
|
}
|
|
546
531
|
}
|
|
547
532
|
|