0.0.3 • Published 5 months ago
v3-video v0.0.3
使用说明:
此组件基于Vue3+vite开发,只能在vue3项目中使用。
此库包含两个组件:
npm i v3-video 安装之后 在main.js中引入并use即可
1、视频播放组件
import videoPath from '@/assets/video/sd-wan.mp4'
import logo from '@/assets/vue.svg'
<hq-simple-video :logoImg="logo" titleText="测试" videoId="ceshi1" :videoSrc="videoPath" />
2、顶部整体下拉导航栏组件
const menuList = [
{ title: '菜单项2', icon: img2, subMenu: [ ]}
]
<!-- 菜单组件 -->
<hq-nav-menu :menuList="menuList">
<!-- 左边logo -->
<template v-slot:leftContent>
logoImg
</template>
<!-- 右边内容 -->
<template v-slot:rightContent>
管理员
</template>
<!-- 第一级菜单 -->
<template v-slot:level1="slotProps">
<div style="font-weight: normal;">
{{ slotProps.topMenu['title'] }}
</div>
</template>
<!-- 二级菜单,没有子菜单 -->
<template v-slot:level2_unlink="slotProps">
{{ slotProps.subMenu['title'] }}
</template>
<!-- 二级菜单,有子菜单 -->
<template v-slot:level2_link="slotProps">
{{ slotProps.subMenu['title'] }}
</template>
<!-- 三级菜单 -->
<template v-slot:level3="slotProps">
{{ slotProps.subMenu['title'] }}
</template>
</hq-nav-menu>