修改图片预览箭头

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

@ -2,7 +2,7 @@
* @Author: ch * @Author: ch
* @Date: 2022-06-24 19:07:45 * @Date: 2022-06-24 19:07:45
* @LastEditors: ch * @LastEditors: ch
* @LastEditTime: 2022-06-27 16:54:25 * @LastEditTime: 2022-06-30 11:40:54
* @Description: file content * @Description: file content
--> -->
<template> <template>
@ -99,11 +99,36 @@ export default {
background: rgba(0,0,0, .5); background: rgba(0,0,0, .5);
top : 130px; top : 130px;
cursor: pointer; 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{ &.prev{
left: 0; left: 0;
} }
&.next{ &.next{
right: 0; right: 0;
&::after{
left: 20px;
transform: rotate(45deg);
}
&::before{
left: 20px;
transform: rotate(-45deg);
}
} }
} }
} }

Loading…
Cancel
Save