TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

语音组件优化，下载过程使用RC接口，播放优化

Browse Source
This commit is contained in:
Jason.Chen
2022-02-21 18:04:04 +08:00
parent ca9f7e80ca
commit 7220c3466d
5 changed files with 89 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
pages/im/components/showText.vue
View File

@@ -1,8 +1,8 @@
<template>
<view class="msg--text">
<text class="name" v-if="!guest && name">{{ name }}</text>
<view>
<text class="im--text" :class="guest ? 'right': 'left'">{{ msg.content }}</text>
<text class="name" v-if="!guest && name">{{ name }}</text>
<view>
<text class="im--text" :class="guest ? 'right': 'left'">{{ msg.content }}</text>
</view>
</view>
</template>
@@ -13,8 +13,8 @@
props: {
msg: {
type: Object,
default: () => {
return {}
default: () => {
return {}
}
},
name: {
@@ -32,22 +32,24 @@
<style scoped lang="scss">
.msg--text {
.name {
font-size: 26rpx;
color: $text-gray-m;
display: inline-block;
font-size: 24rpx;
color: $text-gray-m;
}
.im--text {
max-width: 508rpx;
padding: 20rpx;
line-height: 46rpx;
font-size: 32rpx;
color: $text-color;
display: inline-block;
word-break: break-all;
color: $text-color;
display: inline-block;
word-break: break-all;
&.left {
border-radius: 0 20rpx 20rpx 20rpx;
background: white;
}
&.right {
border-radius: 20rpx 0 20rpx 20rpx;
background: $main-color;