展示效果:
隐藏效果
直接代码:
background:#fff;
top:0;
right:0;
position:absolute;
z-index:2;
margin:0;">
›
v-loading="listLoading"
element-loading-text="请选择食堂"
element-loading-spinner="el-icon-loading">
视频名:{{item.name}}
视频名:{{item.name}}
background:#fff;
top:0;
right:0;
position:absolute;
z-index:2;
margin:0;">
‹
通过控制drawer显示隐藏
data(){
return{
//抽屉窗
drawer:false,
}
}
箭头div样式
#code_arrow{
width:15px;
height:94px;
background:#15A3FA;
position:absolute;
top:50%;
margin:-48px00-15px;
cursor:pointer;
line-height:88px;
font-size:36px;
font-weight:200;
font-family:Times;
text-align:center;
border-radius:4px004px;
color:#fff;
visibility:visible;
left:0;
/*display:none;*/
box-shadow:02px10pxrgba(0,0,0,.2);
}