mod: pool tags
This commit is contained in:
parent
f15d1ddf72
commit
4956c14c0c
|
@ -1,49 +0,0 @@
|
|||
// Temp data
|
||||
|
||||
interface tag {
|
||||
index: number
|
||||
name: string
|
||||
}
|
||||
|
||||
export const tags: tag[] = [
|
||||
{
|
||||
index: 1,
|
||||
name: '啊这可海星',
|
||||
},
|
||||
{
|
||||
index: 2,
|
||||
name: '啊这可海星',
|
||||
},
|
||||
{
|
||||
index: 3,
|
||||
name: '啊这可海星',
|
||||
},
|
||||
{
|
||||
index: 4,
|
||||
name: '啊这可海星啊这可海星',
|
||||
},
|
||||
{
|
||||
index: 5,
|
||||
name: '啊这可海星',
|
||||
},
|
||||
{
|
||||
index: 6,
|
||||
name: '啊这可海星啊这可海星',
|
||||
},
|
||||
{
|
||||
index: 7,
|
||||
name: '啊这可海星',
|
||||
},
|
||||
{
|
||||
index: 8,
|
||||
name: '啊这可海星啊这可',
|
||||
},
|
||||
{
|
||||
index: 9,
|
||||
name: '啊这可海星',
|
||||
},
|
||||
{
|
||||
index: 10,
|
||||
name: '啊这可海星',
|
||||
},
|
||||
]
|
|
@ -1,7 +1,6 @@
|
|||
<script setup lang="ts">
|
||||
import { computed } from 'vue'
|
||||
import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
|
||||
import Tags from './components/Tags.vue'
|
||||
import Topic from './components/Topic.vue'
|
||||
import Bar from './components/Bar.vue'
|
||||
|
||||
|
@ -20,8 +19,6 @@ const poolPageWidth = computed(() => {
|
|||
<template>
|
||||
<div class="pool">
|
||||
<div class="pool-container">
|
||||
<Tags />
|
||||
|
||||
<div class="topic-container">
|
||||
<Topic
|
||||
v-for="kun in topic"
|
||||
|
|
|
@ -1,37 +0,0 @@
|
|||
<script setup lang="ts">
|
||||
import { tags } from '@/types/pool/tags'
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="pool-nav-bar">
|
||||
<span class="nav-tags" v-for="kun in tags" :key="kun.index">{{
|
||||
kun.name
|
||||
}}</span>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.pool-nav-bar {
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
.nav-tags {
|
||||
border: 1px solid var(--kungalgame-blue-4);
|
||||
border-radius: 14px;
|
||||
margin: 3px;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
font-size: 14px;
|
||||
padding: 3px 17px;
|
||||
background-color: var(--kungalgame-trans-blue-0);
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
color: var(--kungalgame-white);
|
||||
background-color: var(--kungalgame-blue-4);
|
||||
}
|
||||
}
|
||||
</style>
|
|
@ -1,7 +1,3 @@
|
|||
// 临时数据
|
||||
|
||||
import { randomNum } from '@/utils/random'
|
||||
|
||||
interface Topic {
|
||||
index: number
|
||||
title: string
|
||||
|
|
Loading…
Reference in a new issue