|
|
|
@ -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);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|