editor error
This commit is contained in:
parent
8708b6b1e0
commit
af74ed408a
|
@ -1,6 +0,0 @@
|
||||||
/* 基本阴影 */
|
|
||||||
/*
|
|
||||||
|
|
||||||
transparent color
|
|
||||||
|
|
||||||
*/
|
|
|
@ -105,6 +105,7 @@
|
||||||
@kungalgame-trans-white-6: #ffffff77;
|
@kungalgame-trans-white-6: #ffffff77;
|
||||||
@kungalgame-trans-white-7: #ffffff48;
|
@kungalgame-trans-white-7: #ffffff48;
|
||||||
@kungalgame-trans-white-8: #ffffff1a;
|
@kungalgame-trans-white-8: #ffffff1a;
|
||||||
|
@kungalgame-trans-white-9: #ffffff00;
|
||||||
@kungalgame-trans-gray-0: #f6f8fa77;
|
@kungalgame-trans-gray-0: #f6f8fa77;
|
||||||
@kungalgame-trans-gray-1: #eaeef277;
|
@kungalgame-trans-gray-1: #eaeef277;
|
||||||
@kungalgame-trans-gray-2: #d0d7de77;
|
@kungalgame-trans-gray-2: #d0d7de77;
|
||||||
|
|
|
@ -2,15 +2,16 @@
|
||||||
import { type Ref, ref, handleError } from 'vue'
|
import { type Ref, ref, handleError } from 'vue'
|
||||||
import 'animate.css'
|
import 'animate.css'
|
||||||
interface topBar {
|
interface topBar {
|
||||||
|
index: number
|
||||||
name: string
|
name: string
|
||||||
router: string
|
router: string
|
||||||
}
|
}
|
||||||
const topBarItem: string[] = [
|
const topBarItem: topBar[] = [
|
||||||
'所有帖子',
|
{ index: 1, name: '所有帖子', router: '/pool' },
|
||||||
'发布帖子',
|
{ index: 2, name: '发布帖子', router: 'edit' },
|
||||||
'技术交流',
|
{ index: 3, name: '技术交流', router: 'technology' },
|
||||||
'关于我们',
|
{ index: 4, name: '关于我们', router: 'kungalgame' },
|
||||||
'返回主页',
|
{ index: 5, name: '返回主页', router: '/' },
|
||||||
]
|
]
|
||||||
// 初始不展示用户头像点击信息
|
// 初始不展示用户头像点击信息
|
||||||
const isShowInfo = ref(false)
|
const isShowInfo = ref(false)
|
||||||
|
@ -56,7 +57,9 @@ const navItemNumString = navItemNum + '00px'
|
||||||
<div class="top-bar">
|
<div class="top-bar">
|
||||||
<ul>
|
<ul>
|
||||||
<!-- 顶部单个板块 -->
|
<!-- 顶部单个板块 -->
|
||||||
<li v-for="(kun, index) in topBarItem" :key="index">{{ kun }}</li>
|
<li v-for="kun in topBarItem" :key="kun.index">
|
||||||
|
<router-link :to="{ path: kun.router }">{{ kun.name }}</router-link>
|
||||||
|
</li>
|
||||||
<!-- 顶部板块下部的 hover 效果 -->
|
<!-- 顶部板块下部的 hover 效果 -->
|
||||||
<div class="top-bar-box"></div>
|
<div class="top-bar-box"></div>
|
||||||
</ul>
|
</ul>
|
||||||
|
@ -134,8 +137,14 @@ const navItemNumString = navItemNum + '00px'
|
||||||
transition: 0.5s;
|
transition: 0.5s;
|
||||||
width: calc(100% / @navNumber);
|
width: calc(100% / @navNumber);
|
||||||
}
|
}
|
||||||
li {
|
a {
|
||||||
|
// 转变 a 标签为块级元素
|
||||||
|
display: block;
|
||||||
color: @kungalgame-blue-5;
|
color: @kungalgame-blue-5;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
li {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: block;
|
display: block;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
@ -1,8 +0,0 @@
|
||||||
:root {
|
|
||||||
/* 基本阴影 */
|
|
||||||
/*
|
|
||||||
|
|
||||||
transparent color
|
|
||||||
|
|
||||||
*/
|
|
||||||
}
|
|
|
@ -1,4 +1,3 @@
|
||||||
import LoginVue from '@/views/login/Login.vue'
|
|
||||||
import {
|
import {
|
||||||
type RouteRecordRaw,
|
type RouteRecordRaw,
|
||||||
createRouter,
|
createRouter,
|
||||||
|
|
|
@ -19,7 +19,13 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// ts 的包含编译文件
|
// ts 的包含编译文件
|
||||||
"include": ["src/**/*.ts", "src/**/*.d.ts","src/**/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
|
"include": [
|
||||||
|
"src/**/*.ts",
|
||||||
|
"src/**/*.d.ts",
|
||||||
|
"src/**/**/*.d.ts",
|
||||||
|
"src/**/*.tsx",
|
||||||
|
"src/**/*.vue"
|
||||||
|
],
|
||||||
"exclude": ["node_modules", "dist"],
|
"exclude": ["node_modules", "dist"],
|
||||||
"references": [{ "path": "./tsconfig.node.json" }]
|
"references": [{ "path": "./tsconfig.node.json" }]
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue