Browse Source

调整预览ppt图片时按钮的位置

jwyu 2 years ago
parent
commit
22868dd864
2 changed files with 25 additions and 2 deletions
  1. 12 1
      src/views/report/ChapterDetail.vue
  2. 13 1
      src/views/report/Detail.vue

+ 12 - 1
src/views/report/ChapterDetail.vue

@@ -365,7 +365,6 @@ const posterParams=computed(()=>{
                             :preview-src-list="pptImgs"
                             :preview-src-list="pptImgs"
                             :initial-index="0"
                             :initial-index="0"
                             fit="cover"
                             fit="cover"
-                            preview-teleported
                             v-if="pptImgs.length>0"
                             v-if="pptImgs.length>0"
                         />
                         />
                     </div>
                     </div>
@@ -533,6 +532,18 @@ const posterParams=computed(()=>{
                 // position: relative;
                 // position: relative;
                 // top: 10px;
                 // top: 10px;
             }
             }
+            @media screen and (min-width: 1600px){
+                ::v-deep(.el-image-viewer__close){
+                    top: 10vh;
+                    right: calc(50% - 700px);
+                }
+                ::v-deep(.el-image-viewer__next){
+                    right: calc(50% - 700px);
+                }
+                ::v-deep(.el-image-viewer__prev){
+                    left: calc(50% - 700px);
+                }
+            }
         }
         }
         .abstract{
         .abstract{
             font-size: 18px;
             font-size: 18px;

+ 13 - 1
src/views/report/Detail.vue

@@ -414,7 +414,6 @@ const formatTitle=(e)=>{
                             :preview-src-list="pptImgs"
                             :preview-src-list="pptImgs"
                             :initial-index="0"
                             :initial-index="0"
                             fit="cover"
                             fit="cover"
-                            preview-teleported
                             v-if="pptImgs.length>0"
                             v-if="pptImgs.length>0"
                         />
                         />
                     </div>
                     </div>
@@ -560,6 +559,19 @@ const formatTitle=(e)=>{
                 // position: relative;
                 // position: relative;
                 // top: 10px;
                 // top: 10px;
             }
             }
+            @media screen and (min-width: 1600px){
+                ::v-deep(.el-image-viewer__close){
+                    top: 10vh;
+                    right: calc(50% - 700px);
+                }
+                ::v-deep(.el-image-viewer__next){
+                    right: calc(50% - 700px);
+                }
+                ::v-deep(.el-image-viewer__prev){
+                    left: calc(50% - 700px);
+                }
+            }
+            
         }
         }
         .abstract{
         .abstract{
             font-size: 18px;
             font-size: 18px;