@glodon-open/header-vue3

Glodon Open Header

OPEN 提供控制台头部导航，供 PC 引用，保持统一的设计风格。

模块化

• 安装依赖

npm i @glodon-open/header-vue3 -S

• 引入组件

import { GldOpenHeader } from '@glodon-open/header-vue3';
import '@glodon-open/header-vue3/lib/index.css';

用例

<template>
  <gld-open-header :accountData="state.config" consoleName="控制台" />
</template>

<script setup>
import { reactive } from 'vue';

const state = reactive({
  config:{
    profile: {
        displayName : '用户名称',
        avatarUrl : '用户头像链接'
    },
    component: {
        count: 2
    },
    verification: {
        status: "verified"
    }
  }
})
</script>

事件

属性

Account Data