2021-09-17 16:42:20 +08:00
|
|
|
<template>
|
|
|
|
<div class="play-container">
|
2021-10-27 00:38:46 +08:00
|
|
|
<el-icon color="#409EFC">
|
2021-12-02 23:22:28 +08:00
|
|
|
<check-icon />
|
2021-10-27 00:38:46 +08:00
|
|
|
</el-icon>
|
|
|
|
<el-icon>
|
2021-12-02 23:22:28 +08:00
|
|
|
<menu-icon />
|
2021-10-27 00:38:46 +08:00
|
|
|
</el-icon>
|
2021-12-02 23:22:28 +08:00
|
|
|
<el-button>test</el-button>
|
2021-10-22 15:59:29 +08:00
|
|
|
<div v-loading="true"></div>
|
2021-09-17 16:42:20 +08:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
2021-12-04 11:20:06 +08:00
|
|
|
import { Check as CheckIcon, Menu as MenuIcon } from '@element-plus/icons-vue'
|
2021-10-22 15:59:29 +08:00
|
|
|
// code here
|
2021-09-17 16:42:20 +08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
html,
|
|
|
|
body {
|
|
|
|
width: 100vw;
|
|
|
|
height: 100vh;
|
2021-09-29 00:05:27 +08:00
|
|
|
margin: 0;
|
2021-09-17 16:42:20 +08:00
|
|
|
#play {
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
.play-container {
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|