Js-gy-head NPM

js-gy-head

引入文件

<header
  :themeType="['#ddd', '#000']"
  :headerType="1"
  defaultTheme="blue"
  spaceTitle=""
  @logout="logout"
>
  <div slot="spaceTitle">我是插槽</div>
</header>
<footer>
  <div slot="spaceFooter">这是底部</div>
</footer>

<script>
  import base from "js-gy-head";
  import "js-gy-head/js-header/js-header.css";
  Vue.use(base);
  export default {
    methods: {
      logout(e) {
        // do something
      },
    },
  };
</script>

参数

参数	说明	类型	默认值
defaultTheme	默认主题（优先级最高）	string	red,bule,yellow,pink,black,green,gray
themeType	主题颜色，	array背景色，字体色	'#f33', '#000'
spaceTitle	头部左侧标题	string	'我是标题'