|
@@ -4,7 +4,7 @@
|
|
|
:title="activeCount > 0 ? `正在下载 ${activeCount} 个文件` : '下载管理'"
|
|
:title="activeCount > 0 ? `正在下载 ${activeCount} 个文件` : '下载管理'"
|
|
|
@click="openModal(true)"
|
|
@click="openModal(true)"
|
|
|
>
|
|
>
|
|
|
- <span class="dl-trigger__icon"><Icon icon="i-mdi:download-outline" /></span>
|
|
|
|
|
|
|
+ <span class="dl-trigger__icon"><Icon icon="i-mdi:download-outline" :size="20" /></span>
|
|
|
<span v-if="activeCount > 0" class="dl-trigger__badge">{{ activeCount }}</span>
|
|
<span v-if="activeCount > 0" class="dl-trigger__badge">{{ activeCount }}</span>
|
|
|
<span v-else-if="items.length" class="dl-trigger__dot"></span>
|
|
<span v-else-if="items.length" class="dl-trigger__dot"></span>
|
|
|
</div>
|
|
</div>
|
|
@@ -346,6 +346,14 @@
|
|
|
.@{prefix-cls}-trigger {
|
|
.@{prefix-cls}-trigger {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
+ /* 图标盒自带字号与行高(不继承外层),保证传统壳与智能壳下大小、垂直居中一致 */
|
|
|
|
|
+ .dl-trigger__icon {
|
|
|
|
|
+ display: inline-flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ font-size: 20px;
|
|
|
|
|
+ line-height: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
/* 下载中:箭头上下轻跳,提示还有任务在跑 */
|
|
/* 下载中:箭头上下轻跳,提示还有任务在跑 */
|
|
|
&.is-busy .dl-trigger__icon {
|
|
&.is-busy .dl-trigger__icon {
|
|
|
animation: dl-trigger-bob 1.1s ease-in-out infinite;
|
|
animation: dl-trigger-bob 1.1s ease-in-out infinite;
|