修改图片预览箭头

feature/comment-0624-ch
ch 2 years ago
parent 47deb31894
commit b067e2130b

@ -2,7 +2,7 @@
* @Author: ch
* @Date: 2022-06-24 19:07:45
* @LastEditors: ch
* @LastEditTime: 2022-06-27 16:54:25
* @LastEditTime: 2022-06-30 11:40:54
* @Description: file content
-->
<template>
@ -99,11 +99,36 @@ export default {
background: rgba(0,0,0, .5);
top : 130px;
cursor: pointer;
&::after,&::before{
position: absolute;
display: block;
content: '';
background: #fff;
height: 20px;
width: 4px;
border-radius: 4px;
left: 16px;
top: 4px;
transform: rotate(45deg);
}
&::after{
transform: rotate(-45deg);
top: 16px;
}
&.prev{
left: 0;
}
&.next{
right: 0;
&::after{
left: 20px;
transform: rotate(45deg);
}
&::before{
left: 20px;
transform: rotate(-45deg);
}
}
}
}

Loading…
Cancel
Save