mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-29 19:41:25 -08:00
update vue template
This commit is contained in:
1 parent
0c0bcecb9e
commit
4b55b97e9e
91 files changed
+228
-1701
No files matched your search
@@ -0,0 +1,24 @@
|
||||
<script setup>
|
||||
import { reactive } from 'vue'
|
||||
import Artplayer from './Artplayer.vue'
|
||||
|
||||
const option = reactive({
|
||||
url: 'https://artplayer.org/assets/sample/video.mp4',
|
||||
autoSize: true,
|
||||
})
|
||||
|
||||
const style = reactive({
|
||||
width: '600px',
|
||||
height: '400px',
|
||||
margin: '60px auto 0',
|
||||
})
|
||||
|
||||
function getInstance(art) {
|
||||
// eslint-disable-next-line no-console
|
||||
console.log(art)
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Artplayer :option="option" :style="style" @get-instance="getInstance" />
|
||||
</template>
|
||||
Reference in new issue
Block a user