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

清理代码

Browse Source
This commit is contained in:
Jason.Chen
2022-02-08 09:17:12 +08:00
parent 0bfdcdf6af
commit ab958d0777
16 changed files with 1332 additions and 1817 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
pages/im/components/showImage.nvue
View File

@@ -1,6 +1,6 @@
<template>
<view class="im--img" :class="guest ? 'right': 'left'">
<image class="src" :src="msg.thumbnail" @click="previewImage" mode="widthFix"></image>
<view class="im--image" :class="guest ? 'right': 'left'">
<image class="img" :src="msg.thumbnail" @click="previewImage" mode="widthFix"></image>
</view>
</template>
@@ -10,7 +10,15 @@
props: {
msg: {
type: Object,
default: {}
default: () => {
return {
local: '',
remote: '',
objectName: '',
thumbnail: '',
isFull: false
}
}
},
guest: {
type: Boolean,
@@ -30,22 +38,23 @@
}
</script>
<style scoped>
.im--img {
padding: 19rpx;
}
<style scoped lang="scss">
.im--image {
padding: 20rpx;
.im--img.left {
border-radius: 0 20rpx 20rpx 20rpx;
background: white;
}
&.left {
border-radius: 0 20rpx 20rpx 20rpx;
background: white;
}
.im--img.right {
border-radius: 20rpx 0 20rpx 20rpx;
background: #34CE98;
}
&.right {
border-radius: 20rpx 0 20rpx 20rpx;
background: #34CE98;
}
.src {
width: 240rpx;
.img {
width: 150rpx;
border-radius: 10rpx;
}
}
</style>

25
pages/im/components/showText.nvue
View File

@@ -7,11 +7,6 @@
<script>
export default {
name: 'showText',
data() {
return {
};
},
props: {
msg: {
type: Object,
@@ -25,22 +20,22 @@
}
</script>
<style scoped>
<style scoped lang="scss">
.im--text {
max-width: 400rpx;
padding: 20rpx;
font-size: 28rpx;
line-height: 40rpx;
}
.im--text.left {
border-radius: 0 20rpx 20rpx 20rpx;
background: white;
}
&.left {
border-radius: 0 20rpx 20rpx 20rpx;
background: white;
}
.im--text.right {
border-radius: 20rpx 0 20rpx 20rpx;
background: #34CE98;
color: white;
&.right {
border-radius: 20rpx 0 20rpx 20rpx;
background: $main-color;
color: white;
}
}
</style>

55
pages/im/components/showVoice.nvue
View File

@@ -1,9 +1,9 @@
<template>
<view>
<view class="im--audio" :class="guest ? 'right': 'left'" @click="onPlayMsg">
<image v-if="!guest" class="audio-mp3" src="@/static/icon/audio_green.png" mode="widthFix"></image>
<text class="audio-text">"{{msg.duration}}"</text>
<image v-if="guest" class="audio-mp3" src="@/static/icon/audio_white.png" mode="widthFix"></image>
<view class="im--voice" :class="guest ? 'right': 'left'" @click="onPlayMsg">
<image v-if="!guest" class="icon" src="@/static/icon/audio_green.png" mode="widthFix"></image>
<text class="duration">{{msg.duration}}"</text>
<image v-if="guest" class="icon" src="@/static/icon/audio_white.png" mode="widthFix"></image>
</view>
</view>
</template>
@@ -57,8 +57,8 @@
}
</script>
<style scoped>
.im--audio {
<style scoped lang="scss">
.im--voice {
flex-direction: row;
justify-content: space-between;
align-items: center;
@@ -66,33 +66,30 @@
width: 170rpx;
padding: 0 20rpx;
box-sizing: border-box;
}
,
.im--audio.left {
border-radius: 0 20rpx 20rpx 20rpx;
background: white;
}
.icon {
width: 38rpx;
height: 38rpx;
}
.im--audio.right {
border-radius: 20rpx 0 20rpx 20rpx;
background: #34CE98;
}
&.left {
border-radius: 0 20rpx 20rpx 20rpx;
background: white;
.audio-mp3 {
width: 38rpx;
height: 38rpx;
}
.duration {
color: #333;
font-size: 30rpx;
}
}
.audio-text {
font-size: 30rpx;
}
&.right {
border-radius: 20rpx 0 20rpx 20rpx;
background: $main-color;
.im--audio.left .audio-text {
color: #333;
}
.im--audio.right .audio-text {
color: white;
.duration {
color: white;
font-size: 30rpx;
}
}
}
</style>