dichgrem/Vue
1
0
Fork 0
mirror of https://github.com/Dichgrem/Vue.git synced 2025-12-16 13:41:59 -05:00
Code Issues Packages Projects Releases Wiki Activity

feat:clean_all_done

Browse Source
This commit is contained in:
dichgrem
2025-12-01 11:36:12 +08:00
parent f734593ff6
commit 29503b5f89
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
todos/src/App.vue
View File

@@ -56,5 +56,6 @@ const showTodos = computed(() => {
:count="showTodos.length" :count="showTodos.length"
:tabType="todoStore.tabType" :tabType="todoStore.tabType"
@changeTabType="changeTabType" @changeTabType="changeTabType"
@clearCompleted="todoStore.clearCompleted"
/> />
</template> </template>

13
todos/src/components/TodoFooter.vue
View File

@@ -7,6 +7,7 @@
<a :class="{ active: tabType == 1 }" @click="tabClick(1)">未完成</a> <a :class="{ active: tabType == 1 }" @click="tabClick(1)">未完成</a>
<a :class="{ active: tabType == 2 }" @click="tabClick(2)">已完成</a> <a :class="{ active: tabType == 2 }" @click="tabClick(2)">已完成</a>
</div> </div>
<button class="clearBtn" @click="$emit('clearCompleted')">清除已完成</button>
</div> </div>
</template> </template>
@@ -49,6 +50,18 @@ export default {
color: #409eff; color: #409eff;
} }
.clearBtn {
background-color: #ff4d4f;
color: #fff;
border: none;
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
}
.clearBtn:hover {
opacity: 0.8;
}
.active { .active {
color: #ff4d4f !important; color: #ff4d4f !important;
font-weight: bold; font-weight: bold;