feat: add selection

This commit is contained in:
tim
2025-07-06 11:29:38 +08:00
parent 75d7fb174e
commit 5a2fe4a75e
+14
View File
@@ -15,6 +15,8 @@
<div v-for="topic in topics" :key="topic" class="topic-item" :class="{ selected: topic === selectedTopic }"> <div v-for="topic in topics" :key="topic" class="topic-item" :class="{ selected: topic === selectedTopic }">
{{ topic }} {{ topic }}
</div> </div>
<CategorySelect v-model="selectedCategory" />
<TagSelect v-model="selectedTags" />
</div> </div>
</div> </div>
@@ -81,9 +83,21 @@
<script> <script>
import { ref } from 'vue' import { ref } from 'vue'
import { stripMarkdown } from '../utils/markdown' import { stripMarkdown } from '../utils/markdown'
import CategorySelect from '../components/CategorySelect.vue'
import TagSelect from '../components/TagSelect.vue'
export default { export default {
name: 'HomePageView', name: 'HomePageView',
components: {
CategorySelect,
TagSelect
},
data() {
return {
selectedCategory: '',
selectedTags: []
}
},
setup() { setup() {
const topics = ref(['最新', '排行榜', '热门', '类别']) const topics = ref(['最新', '排行榜', '热门', '类别'])
const selectedTopic = ref('最新') const selectedTopic = ref('最新')