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;
}
}