svg统一管理
This commit is contained in:
@@ -3,12 +3,8 @@
|
||||
<!-- 小圆点指示器 -->
|
||||
<div class="widget-indicator" @click="toggleExpanded" :class="indicatorClass">
|
||||
<div class="indicator-icon">
|
||||
<svg v-if="activeTasks.length === 0" viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
|
||||
</svg>
|
||||
<svg v-else viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
|
||||
</svg>
|
||||
<SvgIcon v-if="activeTasks.length === 0" name="bookmark-empty" />
|
||||
<SvgIcon v-else name="bookmark-empty" />
|
||||
</div>
|
||||
<div v-if="activeTasks.length > 0" class="task-count">{{ activeTasks.length }}</div>
|
||||
</div>
|
||||
@@ -18,9 +14,7 @@
|
||||
<div class="panel-header">
|
||||
<h3>下载进度</h3>
|
||||
<button @click="toggleExpanded" class="close-btn">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor">
|
||||
<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />
|
||||
</svg>
|
||||
<SvgIcon name="close" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@@ -31,9 +25,7 @@
|
||||
</div>
|
||||
|
||||
<div v-else-if="activeTasks.length === 0" class="empty-section">
|
||||
<svg viewBox="0 0 24 24" fill="currentColor" class="empty-icon">
|
||||
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" />
|
||||
</svg>
|
||||
<SvgIcon name="bookmark-empty" class="empty-icon" />
|
||||
<span>暂无下载任务</span>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user