24
This commit is contained in:
@@ -7,7 +7,13 @@
|
||||
</div> -->
|
||||
<div class="type-item" v-for="(item,index) in videoList">
|
||||
<div class="type-title">{{item.label}}</div>
|
||||
<draggable :data-item-index="index" class="item-element" :item-key="item.key" :list="item.videos" ghost-class="ghost" :force-fallback="true" chosen-class="chosenClass" animation="300"
|
||||
<draggable
|
||||
:data-item-index="index"
|
||||
class="item-element"
|
||||
:item-key="item.key"
|
||||
:list="item.videos"
|
||||
ghost-class="ghost"
|
||||
:force-fallback="true" chosen-class="chosenClass" animation="300"
|
||||
@start="onStart" @end="onEnd">
|
||||
<template #item="{ element }">
|
||||
<div class="video-item" :style="{
|
||||
@@ -470,7 +476,7 @@
|
||||
.video-item {
|
||||
position: relative;
|
||||
width: vw(210);
|
||||
height: vh(380);
|
||||
height: vh(300);
|
||||
padding: vh(12) vw(12);
|
||||
box-sizing: border-box;
|
||||
background-image: url('@/assets/images/item-primary.png');
|
||||
@@ -548,7 +554,7 @@
|
||||
// width: vw(720);
|
||||
// width:48%;
|
||||
// margin-right: 1%;
|
||||
height: vh(380);
|
||||
height: vh(275);
|
||||
padding: vh(10) vw(10);
|
||||
box-sizing: border-box;
|
||||
// margin-bottom:1%;
|
||||
@@ -608,7 +614,8 @@
|
||||
}
|
||||
&-item__video {
|
||||
width: 100%;
|
||||
height: vh(366);
|
||||
height: vh(260);
|
||||
// height:100%;
|
||||
object-fit: fill;
|
||||
}
|
||||
&-detail {
|
||||
|
||||
Reference in New Issue
Block a user