更新图片预览适配

src/components/PaintingDetailBox.vue

@@ -261,18 +261,28 @@ onBeforeUnmount(() => {
 ::v-deep(.el-image-viewer__actions__inner .el-icon:nth-last-child(2)){
   display: none;
 }
-::v-deep(.el-image-viewer__btn .el-icon){
-  margin: auto 10px;
+::v-deep(.el-image-viewer__actions__inner){
+  // display: none;
+  justify-content: center;
 }
-::deep(.el-image-viewer__actions){
-  width: 200px;
+::v-deep(.el-image-viewer__actions){
+  // display: none;
+  // justify-content: center;
+  width: calc(252px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
+  height: calc(44px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
 }
-::deep(.el-image-viewer__actions__inner){
-  justify-content: center;
+::v-deep(.el-image-viewer__btn .el-icon){
+  margin: auto 10px;
+  width: calc(30px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
+  height: calc(30px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
 }
-::deep(.el-image){
-  width: calc(50px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
+
+::v-deep(.el-image-viewer__close){
+  margin: auto 10px;
+  width: calc(44px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
+  height: calc(44px / v-bind('windowHeightDesign') * v-bind('windowHeight'));
 }
+
 .box {
   width: 100%;
   height: 100%;