hookehuyr

测试视频模块案例

1 +<template>
2 + <mui-video
3 + @on-play="onPlay"
4 + :item="item"
5 + type="bookDetail"
6 + v-for="(item, index) in mock"
7 + :key="index"></mui-video>
8 +</template>
9 +
10 +<script setup>
11 + import mock from '@/components/MuiVideo/mock';
12 + import MuiVideo from '@/components/MuiVideo/index';
13 + import { ref } from 'vue';
14 + import { useRoute, useRouter } from 'vue-router';
15 +
16 + import {
17 + Cookies,
18 + $,
19 + _,
20 + axios,
21 + storeToRefs,
22 + mainStore,
23 + Toast,
24 + useTitle,
25 + } from '@/utils/generatePackage.js';
26 + //import { } from '@/utils/generateModules.js'
27 + //import { } from '@/utils/generateIcons.js'
28 + //import { } from '@/composables'
29 + const $route = useRoute();
30 + const $router = useRouter();
31 + useTitle($route.meta.title);
32 +
33 + const onPlay = ({ event, props }) => {
34 + console.warn(event);
35 + console.warn(props);
36 + };
37 +</script>
38 +
39 +<style
40 + lang="less"
41 + scoped></style>