Просмотр исходного кода

fix: 预览界面标题添加icon

任一存 4 лет назад
Родитель
Сommit
bdb10d8807

+ 7 - 1
src/views/material/popup/imagePreviewer.vue

@@ -1,7 +1,10 @@
 <template>
   <popup v-if="ifShow">
     <div class="preview-wrapper">
-      <div class="title">{{imageTitleList[currentIndex]}}</div>
+      <div class="title">
+        <i class="iconfont icon-material_image title-icon"/>
+        {{imageTitleList[currentIndex]}}
+      </div>
       <img class="close-btn" :src="require('@/assets/images/icons/material_preview_close@2x.png')" @click=onClickClose />
       <img
         class="image"
@@ -179,6 +182,9 @@ export default {
       align-items: center;
       padding-left: 16px;
       padding-right: 16px;
+      .title-icon {
+        margin-right: 6px;
+      }
     }
     .close-btn {
       position: absolute;

+ 7 - 1
src/views/material/popup/panoImagePreviewer.vue

@@ -1,7 +1,10 @@
 <template>
   <popup v-if="ifShow">
     <div class="preview-wrapper" ref="preview-wrapper">
-      <div class="title">{{imageTitleList[currentIndex]}}</div>
+      <div class="title">
+        <i class="iconfont icon-material_panoramic_picture title-icon"/>
+        {{imageTitleList[currentIndex]}}
+      </div>
       <img class="close-btn" :src="require('@/assets/images/icons/material_preview_close@2x.png')" @click=onClickClose />
       <iframe
         ref="iframe"
@@ -171,6 +174,9 @@ export default {
     align-items: center;
     padding-left: 16px;
     padding-right: 16px;
+    .title-icon {
+      margin-right: 6px;
+    }
   }
   .close-btn {
     position: absolute;

+ 7 - 1
src/views/material/popup/videoPreviewer.vue

@@ -1,7 +1,10 @@
 <template>
   <popup v-if="ifShow">
     <div class="preview-wrapper">
-      <div class="title">{{title}}</div>
+      <div class="title">
+        <i class="iconfont icon-material_video title-icon"/>
+        {{title}}
+      </div>
       <img class="close-btn" :src="require('@/assets/images/icons/material_preview_close@2x.png')" @click=onClickClose />
       <video class="video" controls controlslist="nodownload noremoteplayback noplaybackrate" disablePictureInPicture autoplay :src="videoSrc"></video>
     </div>
@@ -66,6 +69,9 @@ export default {
       align-items: center;
       padding-left: 16px;
       padding-right: 16px;
+      .title-icon {
+        margin-right: 6px;
+      }
     }
     .close-btn {
       position: absolute;