python中如何隐藏箭头_vue 实现点击左箭头显示右箭头隐藏
展示效果：
隐藏效果
直接代码：
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: -48px 0 0 -15px;
cursor: pointer;
line-height: 88px;
font-size: 36px;
font-weight: 200;
font-family: Times;
text-align: center;
border-radius: 4px 0 0 4px;
color: #fff;
visibility: visible;
left: 0;
/* display: none; */
box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！