mod: pool tags

This commit is contained in:
KUN1007 2023-11-19 14:38:28 +08:00
parent f15d1ddf72
commit 4956c14c0c
4 changed files with 0 additions and 93 deletions

View file

@ -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: '啊这可海星',
},
]

View file

@ -1,7 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed } from 'vue' import { computed } from 'vue'
import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue' import KUNGalgameFooter from '@/components/KUNGalgameFooter.vue'
import Tags from './components/Tags.vue'
import Topic from './components/Topic.vue' import Topic from './components/Topic.vue'
import Bar from './components/Bar.vue' import Bar from './components/Bar.vue'
@ -20,8 +19,6 @@ const poolPageWidth = computed(() => {
<template> <template>
<div class="pool"> <div class="pool">
<div class="pool-container"> <div class="pool-container">
<Tags />
<div class="topic-container"> <div class="topic-container">
<Topic <Topic
v-for="kun in topic" v-for="kun in topic"

View file

@ -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>

View file

@ -1,7 +1,3 @@
// 临时数据
import { randomNum } from '@/utils/random'
interface Topic { interface Topic {
index: number index: number
title: string title: string