theluyuan/beelink
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

添加了部分路由

Browse Source
This commit is contained in:
luyuan
2020-10-05 16:31:06 +08:00
parent f4af1db7a5
commit 75ab941063
20 changed files with 63 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/NavTop.vue
View File

@@ -2,33 +2,33 @@
<div class="nav">
<div class="logo" :style="{'background-color': types == 0 ? 'unset' : ''}">
<img src="" alt="" class="img">
<img src="@/static/images/logo.png" alt="" class="img">
<div class="title" :style="{'color': types == 0 ? '#07AD97' : ''}">Beelink</div>
</div>
<div class="navigation">
<div class="item" v-for="(i,j) in nav" :key="j">
<div class="item" v-for="(i,j) in nav" :key="j" @click="navto(j)">
{{i.name}}
</div>
</div>
<div style="width: 100%"></div>
<div class="setting">
<div class="item">
<img src="" alt="" class="icon">
<img src="@/static/images/shijian.png" alt="" class="icon">
<div class="name">北京 GMT +08:00</div>
<img src="" alt="" class="down">
<img src="@/static/images/jiantou2.png" alt="" class="down">
</div>
<div class="item">
<img src="" alt="" class="icon">
<img src="@/static/images/qianbi.png" alt="" class="icon">
<div class="name">人民币</div>
<img src="" alt="" class="down">
<img src="@/static/images/jiantou2.png" alt="" class="down">
</div>
<div class="item">
<img src="" alt="" class="icon">
<img src="@/static/images/yuyan.png" alt="" class="icon">
<div class="name">中文</div>
<img src="" alt="" class="down">
<img src="@/static/images/jiantou2.png" alt="" class="down">
</div>
<div class="item">
<img src="" alt="" class="icon">
<img src="@/static/images/rili.png" alt="" class="icon">
<div class="name">日历</div>
</div>
</div>
@@ -49,7 +49,6 @@
.img{
width: 38px;
height: 38px;
background-color: #0f0;
margin-left: 14px;
border-radius: 50%;
}
@@ -93,7 +92,6 @@
.icon{
width: 16px;
height: 16px;
background-color: #0f0;
}
.name{
margin-left: 6px;
@@ -105,13 +103,13 @@
width: 9px;
height: 5px;
margin-left: 20px;
background-color: #0f0;
}
}
}
}
</style>
<script lang="ts">
import router from '@/router';
import { defineComponent, ref } from 'vue';
import { useRoute } from 'vue-router';
@@ -139,7 +137,7 @@ export default defineComponent({
},
{
name: "视频管理",
route: ""
route: "/regime/video"
},
{
name: "订阅者管理",
@@ -147,12 +145,18 @@ export default defineComponent({
},
{
name: "个人中心",
route: ""
route: "/mine/archives"
}
]
function navto(index: number){
router.push({
path: nav[index].route
})
}
return {
nav,
types
types,
navto
}
}
})