Commit 50ccc341 authored by wcmoon's avatar wcmoon

feat: 添加通证路由

parent 14b30a27
...@@ -13,9 +13,20 @@ ...@@ -13,9 +13,20 @@
<div class="menu-item-active_border"></div> <div class="menu-item-active_border"></div>
</div> </div>
<div <div
class="menu-item menu-item_pass"
:class="{ 'js-menu-item_active': currentRoute === 1 }"
@click="selectPage(1, '/passManage')"
>
<div class="menu-item_subject-icon">
<i class="iconfont">&#xe62b;</i>
</div>
<div class="menu-item-label">通证</div>
<div class="menu-item-active_border"></div>
</div>
<div
class="menu-item menu-item_product" class="menu-item menu-item_product"
:class="{ 'js-menu-item_active': currentRoute === 1 }" :class="{ 'js-menu-item_active': currentRoute === 2 }"
@click="selectPage(1)" @click="selectPage(2)"
> >
<div class="menu-item_product-icon"> <div class="menu-item_product-icon">
<i class="iconfont">&#xe629;</i> <i class="iconfont">&#xe629;</i>
...@@ -25,8 +36,8 @@ ...@@ -25,8 +36,8 @@
</div> </div>
<div <div
class="menu-item menu-item_template" class="menu-item menu-item_template"
:class="{ 'js-menu-item_active': currentRoute === 2 }" :class="{ 'js-menu-item_active': currentRoute === 3 }"
@click="selectPage(2, '/userCenter')" @click="selectPage(3, '/userCenter')"
> >
<div class="menu-item_template-icon"> <div class="menu-item_template-icon">
<i class="iconfont">&#xe62a;</i> <i class="iconfont">&#xe62a;</i>
...@@ -50,7 +61,7 @@ export default { ...@@ -50,7 +61,7 @@ export default {
this.$store this.$store
.dispatch("selectPage", idnex) .dispatch("selectPage", idnex)
.then(() => { .then(() => {
if (idnex === 1) { if (idnex === 2) {
window.open(this.$store.getters.get_urlList.chain_browser_url); window.open(this.$store.getters.get_urlList.chain_browser_url);
} else { } else {
if (this.$route.path === path) return; if (this.$route.path === path) return;
...@@ -81,6 +92,10 @@ export default { ...@@ -81,6 +92,10 @@ export default {
margin-top: 79px; margin-top: 79px;
} }
.menu-item_pass {
margin-top: 21px; /* 30 - 9 */
}
.menu-item_product { .menu-item_product {
margin-top: 21px; /* 30 - 9 */ margin-top: 21px; /* 30 - 9 */
} }
......
<template>
<div>
<div class="left">
<div class="menu-item"></div>
<div class="menu-item"></div>
</div>
</div>
</template>
<script>
export default {
name: "Index"
}
</script>
<style scoped>
</style>
<template>
<div>passlist</div>
</template>
<script>
export default {
name: "PassList.vue"
}
</script>
<style scoped>
</style>
<template>
<div>transfer</div>
</template>
<script>
export default {
name: "TransferRecord"
}
</script>
<style scoped>
</style>
...@@ -27,6 +27,23 @@ let router = new Router({ // todo 移除旧页面 ...@@ -27,6 +27,23 @@ let router = new Router({ // todo 移除旧页面
name: 'categoryManage', name: 'categoryManage',
component: () => import(/* webpackChunkName: "categoryManage" */ '@/components/category/Index.vue'), component: () => import(/* webpackChunkName: "categoryManage" */ '@/components/category/Index.vue'),
}, },
{
path: '/passManage',
name: 'passManage',
component: () => import(/* webpackChunkName: "categoryManage" */ '@/components/pass/Index.vue'),
children: [
{
path: '/passList',
name: 'passList',
component: () => import('@/components/pass/PassList.vue'),
},
{
path: '/transferRecord',
name: 'transferRecord',
component: () => import('@/components/pass/TransferRecord.vue'),
}
]
},
// 个人中心 // 个人中心
{ {
path: '/userCenter', path: '/userCenter',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment