mirror of
https://github.com/nagisa77/OpenIsle.git
synced 2026-08-15 07:41:00 +00:00
feat: add selection
This commit is contained in:
@@ -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('最新')
|
||||||
|
|||||||
Reference in New Issue
Block a user