diff --git a/src/assets/icon/icon-loginoutwhite.png b/src/assets/icon/icon-loginoutwhite.png new file mode 100644 index 0000000..1f3dd87 Binary files /dev/null and b/src/assets/icon/icon-loginoutwhite.png differ diff --git a/src/views/chat/chat.vue b/src/views/chat/chat.vue index 3e91e5d..5eaaa04 100644 --- a/src/views/chat/chat.vue +++ b/src/views/chat/chat.vue @@ -5,8 +5,15 @@
- -
退出聊天
+ +
+ + 退出聊天 +
+
+ +
+
@@ -58,4 +65,36 @@ export default { transform: translateX(0); } } +.contnet { + + .head { + display: flex; + justify-content: space-between; + padding: 4px 10px; + >img { + width: 36px; + height: 36px; + } + &-exit { + margin-top: 4px; + width: 97px; + height: 28px; + text-align: center; + line-height: 28px; + background: #24A9FF; + color: #fff; + box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); + border-radius: 33px; + >img { + margin-top: -2px; + margin-right: 4px; + } + } + } + .showBody { + width: 100%; + height: calc(100vh - 44px) ; + background-color: red; + } +}