xbx #19

Merged
theluyuan merged 4 commits from xbx into master 2020-09-29 16:00:44 +08:00
6 changed files with 85 additions and 5 deletions
Showing only changes of commit 0432653cd3 - Show all commits

View File

@ -0,0 +1,30 @@
<template>
<div class="cont">
<div class="title">视频数据</div>
<div class="info">
<div class="item">
<img src="" alt="">
<span>sdasjdkasfklasjkfjakl</span>
</div>
</div>
<div class="button">
<div class="modify">修改该视频</div>
<div class="del">删除该视频</div>
</div>
</div>
</template>
<style lang="scss" scoped>
.cont{
width: 316px;
height: 563px;
background-color: #fff;
border-radius: 17px;
}
</style>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
})
</script>

View File

@ -0,0 +1,25 @@
<template>
<div class="video">
<video src=""></video>
</div>
</template>
<style lang="scss" scoped>
.video{
width: 976px;
height: 563px;
border-radius: 17px;
>video{
width: 100%;
height: 100%;
}
}
</style>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
setup(){
console.log(1)
}
})
</script>

View File

@ -0,0 +1,23 @@
<template>
<div class="review">
<div class="top">
<div class="title">
<span></span>
</div>
<div class="score"></div>
</div>
</div>
</template>
<style lang="scss" scoped>
</style>
<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
serup(){
console.log(1)
}
})
</script>

View File

@ -36,11 +36,16 @@
background-color: #fff; background-color: #fff;
border-radius: 17px; border-radius: 17px;
padding: 40px; padding: 40px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
.nav{ .nav{
display: flex; display: flex;
align-items: center; align-items: center;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
justify-content: space-between; justify-content: space-between;
width: 100%;
.tabs{ .tabs{
display: flex; display: flex;
align-items: center; align-items: center;
@ -92,6 +97,7 @@
.list{ .list{
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%;
>div{ >div{
margin-top: 28px; margin-top: 28px;
margin-left: 23px; margin-left: 23px;
@ -101,7 +107,6 @@
} }
} }
.pages{ .pages{
width: 100%;
position: absolute; position: absolute;
bottom: 114px; bottom: 114px;
display: flex; display: flex;
@ -121,13 +126,11 @@
<script lang="ts"> <script lang="ts">
import { defineComponent, ref } from 'vue'; import { defineComponent, ref } from 'vue';
import VideoItem from "@/components/VideoItem.vue" import VideoItem from "@/components/VideoItem.vue"
export default defineComponent({ export default defineComponent({
components:{ components:{
VideoItem VideoItem
}, },
setup(){ setup(){
console.log(123)
const page = ref(6); const page = ref(6);
return { return {
page page

View File

@ -1,5 +1,4 @@
<template> <template>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -9,7 +8,7 @@ import { defineComponent } from 'vue';
export default defineComponent({ export default defineComponent({
setup(){ setup(){
} }
}) })
</script> </script>