电商项目底部导航栏

html页面

// 样式

//配置路由 router.js
import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

import IndexPage from './pages/home/main/index'
import HomeIndex from './pages/home/index/index'
import cartIndex from './pages/home/cart/index'
import myIndex from './pages/user/my/index'

export default new Router({
mode:"hash", //1、hash哈希：有#号。2、history历史：没有#号
base:process.env.BASE_URL, //自动获取根目录路径
routes:[
{
path:"/",
name:"home",
component:IndexPage,
children:[
{
path:"index",
name:"index",
component:HomeIndex
},
{
path:"cart",
name:"cart",
component:cartIndex
},
{
path:"my",
name:"my",
component:myIndex
},
]
},

]

})