增加sidebar-message、sidebar-content插槽,修改部分插槽名字,部分插槽新增参数,增加隐藏显示聊天记录的时间

This commit is contained in:
fan
2021-01-23 14:41:35 +08:00
parent 8ce543260a
commit 2f4440c9de
14 changed files with 236 additions and 155 deletions
+10 -13
View File
@@ -1,4 +1,5 @@
<script>
import { useScopedSlot} from "utils";
export default {
name: "lemonMessageBasic",
inject: ["IMUI"],
@@ -14,7 +15,8 @@ export default {
default: () => ""
},
reverse: Boolean,
hideName: Boolean
hideName: Boolean,
hideTime:Boolean,
},
data() {
return {};
@@ -27,7 +29,7 @@ export default {
"lemon-message",
{
"lemon-message--reverse": this.reverse,
"lemon-message--hide-name": this.hideName
"lemon-message--hide-name": this.hideName,
}
]}
>
@@ -50,7 +52,7 @@ export default {
>
{fromUser.displayName}
</span>
<span class="lemon-message__time">{this.timeFormat(sendTime)}</span>
{this.hideTime == true && <span class="lemon-message__time">{this.timeFormat(sendTime)}</span>}
</div>
<div
class="lemon-message__content"
@@ -58,7 +60,7 @@ export default {
this._emitClick(e, "content");
}}
>
{this.useScopedSlots("content", this.message)}
{useScopedSlot(this.$scopedSlots['content'],null,this.message)}
</div>
<div
class="lemon-message__status"
@@ -78,7 +80,7 @@ export default {
watch: {},
methods: {
_emitClick(e, key) {
this.IMUI.$emit("message-click", e, key, this.message);
this.IMUI.$emit("message-click", e, key, this.message,this.IMUI);
},
_renderStatue(status) {
if (status == "going") {
@@ -97,11 +99,6 @@ export default {
}
return;
},
useScopedSlots(name, params, defVnode = "", context = this) {
return context.$scopedSlots[name]
? context.$scopedSlots[name](params)
: defVnode;
}
}
};
</script>
@@ -118,8 +115,8 @@ arrow()
display flex
padding 10px 0
+e(time)
color #bbb
padding 0 4px
color #b9b9b9
padding 0 5px
+e(inner)
position relative
+e(avatar)
@@ -133,7 +130,7 @@ arrow()
line-height 14px
padding-bottom 6px
user-select none
color #999
color #666
+e(content)
font-size 14px
line-height 20px