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

录音组件 输入字号改为14pt 高度随内容变化

natasha 1 день назад
Родитель
Сommit
33b096c0fc

+ 7 - 3
src/views/book/courseware/preview/components/record_input/RecordInputPreview.vue

@@ -1,6 +1,6 @@
 <!-- eslint-disable vue/no-v-html -->
 <!-- eslint-disable vue/no-v-html -->
 <template>
 <template>
-  <div class="select-preview" :style="[getAreaStyle(), getComponentStyle()]">
+  <div class="record-input-preview" :style="[getAreaStyle(), getComponentStyle()]">
     <SerialNumberPosition v-if="isEnable(data.property.sn_display_mode)" :property="data.property" />
     <SerialNumberPosition v-if="isEnable(data.property.sn_display_mode)" :property="data.property" />
 
 
     <div class="main">
     <div class="main">
@@ -9,10 +9,10 @@
         v-model="data.answer.answer_list.input"
         v-model="data.answer.answer_list.input"
         :class="['textarea']"
         :class="['textarea']"
         type="textarea"
         type="textarea"
+        :autosize="{ minRows: 5 }"
         placeholder=""
         placeholder=""
         maxlength="1000"
         maxlength="1000"
         :readonly="isJudgingRightWrong"
         :readonly="isJudgingRightWrong"
-        :rows="5"
         show-word-limit
         show-word-limit
         @blur="data.answer.answer_list.input = data.answer.answer_list.input.trim()"
         @blur="data.answer.answer_list.input = data.answer.answer_list.input.trim()"
       />
       />
@@ -135,7 +135,7 @@ export default {
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 @use '@/styles/mixin.scss' as *;
 @use '@/styles/mixin.scss' as *;
 
 
-.select-preview {
+.record-input-preview {
   @include preview-base;
   @include preview-base;
 
 
   .voice-luyin {
   .voice-luyin {
@@ -154,6 +154,10 @@ export default {
     background-color: #fff;
     background-color: #fff;
   }
   }
 
 
+  :deep .el-textarea {
+    font-size: 14pt;
+  }
+
   :deep .el-textarea .el-input__count {
   :deep .el-textarea .el-input__count {
     background: transparent;
     background: transparent;
   }
   }