diff --git a/src/views/realTimeChat/realTimeChat.vue b/src/views/realTimeChat/realTimeChat.vue index faf5882..4878f81 100644 --- a/src/views/realTimeChat/realTimeChat.vue +++ b/src/views/realTimeChat/realTimeChat.vue @@ -19,19 +19,14 @@
聊天记录
-
我:{{ 123456 }}
-
{{ 123456 }}:你
-
我:{{ 123456 }}
-
{{ 123456 }}:你
-
我:{{ 123456 }}
-
{{ 123456 }}:你
-
我:{{ 123456 }}
-
{{ 123456 }}:你
-
我:{{ 123456 }}
-
{{ 123456 }}:你
-
我:{{ 123456 }}
-
{{ 123456 }}:你
-
已经到底啦
+
+ {{ item.type == 0 ? `我:${item.msg}` : `${item.msg}:你` }} +
+
已经到底啦
+
暂无聊天记录哦
@@ -90,6 +85,24 @@ export default { screenWidth: document.documentElement.clientWidth, screenHeight: document.documentElement.clientHeight, socket: null, + chatList: [ + { + type: 0, + msg: "你好!", + }, + { + type: 1, + msg: "你好!", + }, + { + type: 0, + msg: "你好!", + }, + { + type: 1, + msg: "你好!", + }, + ], }; }, computed: { @@ -183,6 +196,14 @@ export default { } &.center { text-align: center; + margin-top: 40px; + } + &.noMsg { + position: absolute; + left: 50%; + bottom: 0; + transform: translateX(-50%); + text-align: center; } }