hamster-ui

一套ui

Build Setup

# install dependencies
npm i -S hamster-ui
 
# defining routes 'route/index.js'
import Vue from 'vue'
import Router from 'vue-router'
 
const home = () => import('../views/home/home')
const songer = () => import('../views/songer/songer')
const rank = () => import('../views/rank/rank')
const search = () => import('../views/search/search')
 
Vue.use(Router)
 
export default new Router({
  routes: [
    {
      path: '/',
      redirect: '/home'
    },
    {
      name: 'home',
      path: '/home',
      component: home
    },
    {
      name: 'songer',
      path: '/songer',
      component: songer
    },
    {
      name: 'rank',
      path: '/rank',
      component: rank
    },
    {
      name: 'search',
      path: '/search',
      component: search
    }
  ]
})
 
 
# using components
<template>
  <div id="app">
    <m-tabs :tabs="tabs"></m-tabs>
    <slider-router-view :routes="$router.options.routes.slice(1)"></slider-router-view>
  </div>
</template>
 
<script>
import {MTabs, SliderRouterView} from 'hamster-ui'
 
export default {
  name: 'App',
  created () {
    const arr = ['首页', '歌手', '排行', '搜索']
    this.tabs = this.$router.options.routes.slice(1).map((route, k) => {
      return {
        text: arr[k],
        path: route.path
      }
    })
  },
  components: {
    MTabs,
    SliderRouterView
  }
}
</script>