Browse Source

句子拆分录音组件设定最小宽度

natasha 2 years ago
parent
commit
7850d76a9f
1 changed files with 16 additions and 10 deletions
  1. 16 10
      src/components/Adult/preview/SentenceModule.vue

+ 16 - 10
src/components/Adult/preview/SentenceModule.vue

@@ -207,7 +207,7 @@
                         :maxFontsize="sdItem.maxFontsize"
                       />
                       <!-- <div class="en" v-if="sdItem.en">{{ sdItem.en }}</div> -->
-                      <div
+                      <!-- <div
                         class="promax-box-div"
                         v-if="
                           sdItem.fn_check_list.record_check.indexOf('promax') >
@@ -225,7 +225,7 @@
                           :tmIndex="sdIndex"
                           :answerRecordList="[]"
                         />
-                      </div>
+                      </div> -->
                     </div>
                   </div>
                   <div
@@ -583,7 +583,7 @@
                         :maxFontsize="sdItem.maxFontsize"
                       />
                       <!-- <div class="en" v-if="sdItem.en">{{ sdItem.en }}</div> -->
-                      <div
+                      <!-- <div
                         class="promax-box-div"
                         v-if="
                           sdItem.fn_check_list.record_check.indexOf('promax') >
@@ -606,7 +606,7 @@
                           :indexs="indexs"
                           @handleWav="handleWav"
                         />
-                      </div>
+                      </div> -->
                     </div>
                   </div>
                   <div
@@ -1630,12 +1630,18 @@ export default {
       height: 40px;
     }
   }
-  // .record_mini {
-  //   width: 68px;
-  // }
-  // .record_normal {
-  //   width: 126px;
-  // }
+  .record_mini {
+    min-width: 68px;
+  }
+  .record_normal {
+    min-width: 126px;
+  }
+  .record_pro {
+    min-width: 176px;
+  }
+  .record_promax {
+    min-width: 200px;
+  }
   .promax-box-div {
     width: 100%;
     background: #ffffff;