Parcourir la source

修复没有音频并且只有一个内容热点(图片或视频等)不显示标签

shaogen1995 il y a 3 ans
Parent
commit
faa40110ee
1 fichiers modifiés avec 10 ajouts et 3 suppressions
  1. 10 3
      src/views/Home.vue

+ 10 - 3
src/views/Home.vue

@@ -61,7 +61,7 @@
         class="swiper-button-next"
       ></div>
     </div>
-    <ul class="iconarr" v-if="fixIcon.length > 0">
+    <ul class="iconarr" v-if="fixIcon.length > 0" :class="{oneChuMusic:fixIcon.length===1&&!audio}">
       <li
         :class="{ active: item.id === active || item.audioAc }"
         @click="changeActive(item.id, item.audioAc)"
@@ -327,6 +327,7 @@ export default {
   position: relative;
   .ismtop {
     padding-top: 40px !important;
+    max-height: 90vh !important;
   }
   .content {
     width: 100%;
@@ -355,10 +356,13 @@ export default {
   }
 
   .iconarr {
+    z-index: 9999;
+    position: absolute;
+    right: 30px;
+    bottom: calc(20vh - 20px);
     list-style: none;
     display: flex;
     justify-content: flex-end;
-    margin-right: 30px;
     li {
       display: flex;
       align-items: center;
@@ -382,8 +386,11 @@ export default {
       border: none;
     }
   }
+  .oneChuMusic{
+    opacity: 0;
+  }
   .intro {
-    max-height: 20vh;
+    max-height: 19vh;
     overflow: auto;
     width: 70%;
     color: #fff;