gfe-web-com v1.3.6

Setup

# install wiztekui
npm i gfe-web-com
# main.js
import gfeWebCom from "gfe-web-com";
Vue.use(gfeWebCom);

url:后台配置接口，get请求，参数 login=0 不需登录
loginUrl:后台登录接口，get请求，参数 自定义

height: header高度 （Number）
navColor: 导航背景色 （String）
navFontColor: 导航文字颜色 （String）
navHcolor: 导航文字激活颜色 （String）

isShowLogo:是否显示logo图片 （Bool）
isShowText:是否显示logo文字 （Bool）

logoWidth: logoWidth高度 （Number）影响左边的距离

<gfe-header
    :url="'http://nmc.wiztek.com.cn:3257/mock/80/config?login=0'"
    :loginUrl="'http://nmc.wiztek.com.cn:3257/mock/80/login?username=admin'"
    :height="50"
    :navColor="'#fff'"
    :navFontColor="'#409fff'"
    :navHcolor="'#fff'"
    :isShowLogo="true"
    :isShowText="false"
    :logoWidth="200"
    @login="login"
>
</gfe-header>

/**
 * 
 * 
 */
export default {
  methods: {
    login(user) {
      console.log("后台返回用户信息:",user);
    }
  }
};