0.0.3 • Published 5 months ago

v3-video v0.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
5 months ago

使用说明:

此组件基于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>
0.0.3

5 months ago

0.0.2

5 months ago

0.0.1

5 months ago