Browse Source

音频列表高度适应

zq 2 weeks ago
parent
commit
b3b2e7a7c5

+ 3 - 1
src/views/book/courseware/preview/components/audio/AudioPreview.vue

@@ -48,6 +48,7 @@
           direction="vertical"
           :autoplay="false"
           :interval="0"
+          :style="{ '--carousel-height': data.property.file_name_display_mode === 'true' ? '128px' : '80px' }"
         >
           <el-carousel-item v-for="(file, i) in data.file_list" :key="i">
             <AudioPlay
@@ -96,6 +97,7 @@ export default {
   inject: ['getDragStatus'],
   data() {
     return {
+      carouselHeight: 138,
       data: getAudioData(),
       curAudioIndex: 0,
       elementWidth: 0,
@@ -247,7 +249,7 @@ export default {
       border-radius: 4px;
 
       &__container {
-        height: 128px;
+        height: var(--carousel-height, 128px);
       }
 
       &__item {

+ 1 - 1
src/views/book/courseware/preview/components/common/AudioPlay.vue

@@ -255,7 +255,7 @@ export default {
   .audio-big {
     display: flex;
     flex-direction: column;
-    padding: 12px 16px;
+    padding: 12px 0;
     text-align: center;
 
     .audio-name {