3shape-global-nav 中文文档教程

Question

3shape-global-nav

How to use

安装包

npm i 3shape-global-nav @webcomponents/webcomponentsjs

添加 polyfill 导入

import '@webcomponents/webcomponentsjs/webcomponents-bundle.js';
// or dynamical
import '@webcomponents/webcomponentsjs/webcomponents-loader.js';

添加组件导入

import '3shape-global-nav';

使用 tag

<g-navigation
    env="{env}"
    username="{userName}"
    token="{token}"
    logouturl="{logoutUrl}"
></g-navigation>

Props

Prop	Type	Default	Description
{env}	String	null	current environment. available options: 'test', 'staging', 'production'
{userName}	String	null	shows user name in account menu
{token}	String	null	the same as {userName}. component decodes token for you and gets userName from it. if you specify {userName} - {token} will not work
{logoutUrl}	String	null	link to logout page

How to develop

npm i

npm run watch

npm run serve

访问 http://localhost:8000