马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？立即注册
x
1.在左侧子组件的父组件里面加图片盒子（这位置还要根据实际子盒子的数量，位置，包含关系等本身去斟酌哈）
<img src='../../../../assets/icon/close.png' class='img-close' v-show='isShow' @click='handleClose'>
<img src='../../../../assets/icon/open.png' class='img-open' v-show='!isShow' @click='hoverHandle'>
2.data界说
isShow: false
3.两个方法
hoverHandle(){
this.isShow = true
},
handleClose(){
this.isShow = false
},
4.写上style（这里面宽高定位上下左右什么的，本身根据实际情况调解）
.img-close {
width:20px;
height: 100px;
/* transform: rotate(180deg); */
transform-origin: center; /* 确保图片从中心旋转 */
margin-top: 450px;
position: fixed;
left: 19.5%;
}
.img-open {
width:20px;
height: 100px;
/* transform: rotate(180deg); */
transform-origin: center; /* 确保图片从中心旋转 */
margin-top: 450px;
position: fixed;
left: 0px;
}
5.最后让你的组件用上v-show
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
