zhihu-appheader

This is a zhihu style navigatorBar content implement.

How to use it

####step1

npm install zhihu-appHeader

####step2 register component to your main.js

import zhihuHeader from 'zhihu-appheader'
Vue.component(zhihuHeader.name, zhihuHeader)

####step3 add sub into your template where you want to place

<zhihu-header ref="zhihuHeader">
  <template v-slot:main>
    <p>main</p>
  </template>
  <template v-slot:sub>
    <p>sub</p>
  </template>
</zhihu-header>

Attributes
--------------------------------------------
    name          type          defalut
--------------------------------------------
    width        string          100%
--------------------------------------------
    height       string          50px
--------------------------------------------

Methods
--------------------------------------------
    name        args type      args options
--------------------------------------------
changeHeader     string       'main'/'sub'
--------------------------------------------

Slots
--------------------------------------------
    name     instroctions
--------------------------------------------
    main     main navBar template
--------------------------------------------
     sub     sub  navBar template
--------------------------------------------