|
@@ -15,7 +15,9 @@
|
|
:rows="5"
|
|
:rows="5"
|
|
@blur="answer.answer_list.input = answer.answer_list.input.trim()"
|
|
@blur="answer.answer_list.input = answer.answer_list.input.trim()"
|
|
/>
|
|
/>
|
|
- <SoundRecord ref="record" :type="data.size" class="record-box" />
|
|
|
|
|
|
+ <div class="voice-luyin">
|
|
|
|
+ <SoundRecord ref="record" :type="data.size" class="record-box" />
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -55,14 +57,20 @@ export default {
|
|
.select-preview {
|
|
.select-preview {
|
|
@include preview-base;
|
|
@include preview-base;
|
|
|
|
|
|
|
|
+ .voice-luyin {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ border-radius: 0 0 8px 8px;
|
|
|
|
+
|
|
|
|
+ :deep .record {
|
|
|
|
+ max-width: 280px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
.record-box {
|
|
.record-box {
|
|
width: max-content;
|
|
width: max-content;
|
|
padding: 6px 12px;
|
|
padding: 6px 12px;
|
|
- background-color: $fill-color;
|
|
|
|
-
|
|
|
|
- :deep .record-time {
|
|
|
|
- width: 100px;
|
|
|
|
- }
|
|
|
|
|
|
+ background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|