修改图片预览箭头

components/UiImgs.vue

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