Browse Source

fix: 23963 (v1.1.0全景看看)我的素材-图片/全景图,当仅有一张图片时,预览图片,上一张和下一张按钮应置灰不可点击状态

任一存 3 năm trước cách đây
mục cha
commit
f146d899bc

+ 6 - 2
src/views/material/popup/imagePreviewer.vue

@@ -11,12 +11,12 @@
       />
       />
       <div class="toolbar">
       <div class="toolbar">
         <i
         <i
-          class="iconfont icon-material_preview_previous hover-tips" @click="onClickPrevious()">
+          class="iconfont icon-material_preview_previous hover-tips" :class="{disabled: currentIndex === 0}" @click="onClickPrevious()">
           <div>
           <div>
             <div class="remark">上一张</div>
             <div class="remark">上一张</div>
           </div>
           </div>
         </i>
         </i>
-        <i class="iconfont icon-material_preview_next1 hover-tips append-splitter" @click="onClickNext()">
+        <i class="iconfont icon-material_preview_next1 hover-tips append-splitter" :class="{disabled: currentIndex === imageList.length - 1}" @click="onClickNext()">
           <div>
           <div>
             <div class="remark">下一张</div>
             <div class="remark">下一张</div>
           </div>
           </div>
@@ -207,6 +207,10 @@ export default {
         color: white;
         color: white;
         margin-right: 36px;
         margin-right: 36px;
         font-size: 22px;
         font-size: 22px;
+        &.disabled {
+          opacity: 0.5;
+          pointer-events: none;
+        }
         &:last-child {
         &:last-child {
           margin-right: 0;
           margin-right: 0;
         }
         }

+ 6 - 2
src/views/material/popup/panoImagePreviewer.vue

@@ -13,12 +13,12 @@
       />
       />
       <div class="toolbar">
       <div class="toolbar">
         <i
         <i
-          class="iconfont icon-material_preview_previous hover-tips" @click="onClickPrevious()">
+          class="iconfont icon-material_preview_previous hover-tips" :class="{disabled: currentIndex === 0}" @click="onClickPrevious()">
           <div>
           <div>
             <div class="remark">上一张</div>
             <div class="remark">上一张</div>
           </div>
           </div>
         </i>
         </i>
-        <i class="iconfont icon-material_preview_next1 hover-tips append-splitter" @click="onClickNext()">
+        <i class="iconfont icon-material_preview_next1 hover-tips append-splitter" :class="{disabled: currentIndex === sceneCodeList.length - 1}" @click="onClickNext()">
           <div>
           <div>
             <div class="remark">下一张</div>
             <div class="remark">下一张</div>
           </div>
           </div>
@@ -198,6 +198,10 @@ export default {
         color: white;
         color: white;
         margin-right: 36px;
         margin-right: 36px;
         font-size: 22px;
         font-size: 22px;
+        &.disabled {
+          opacity: 0.5;
+          pointer-events: none;
+        }
         &:last-child {
         &:last-child {
           margin-right: 0;
           margin-right: 0;
         }
         }