huertian/ppms-uni-vue3-huertian
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加 tabler 图标库和 unocss preset-icons

Browse Source 
为项目添加了 "@iconify-json/tabler" 和 "@unocss/preset-icons" 依赖，用于引入 tabler 图标库和 unocss preset-icons 预设样式。
This commit is contained in:
Timothy Yin
2024-09-21 11:38:32 +08:00
parent 2d2ffc9fab
commit b62fe580af
5 changed files with 35 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/index/index.vue
View File

@ -100,15 +100,15 @@ onMounted(() => {
<div v-else v-for="(lesson, i) in courses" :key="i" @click="openLessonDetail(lesson.id)"
class="w-full py-2 flex justify-between items-center gap-20 border-b border-b-solid border-neutral-100 last:border-b-0 first:pt-0 last:pb-0">
<div class="flex items-center gap-1">
<wd-icon
:name="calcLessonProgress(lesson) === 100 ? 'check-circle' : (calcLessonProgress(lesson) === 0 ? 'circle1' : 'hourglass')"
size="16px"></wd-icon>
<div v-if="calcLessonProgress(lesson) === 100" class="i-tabler-circle-check"></div>
<div v-else-if="calcLessonProgress(lesson) === 0" class="i-tabler-circle-dashed"></div>
<div v-else class="i-tabler-hourglass-empty"></div>
<span>{{ lesson.m_lesson_name || '无标题视频' }}</span>
</div>
<div class="w-24 flex items-center gap-3">
<wd-progress :percentage="calcLessonProgress(lesson)"
:color="calcLessonProgress(lesson) === 100 ? '#34d399' : '#60a5fa'" hide-text />
<wd-icon name="chevron-right" size="16px" class="op-75"></wd-icon>
<div class="i-tabler-dots text-neutral-400 text-xl"></div>
</div>
</div>
</div>