调整聊天窗口

2022-02-18 17:03:26 +08:00
parent 88c6a85d07 780ffd647a
commit 18f0332fa2
25 changed files with 570 additions and 304 deletions
--- a/pages/im/components/sentMessageBar.vue
+++ b/pages/im/components/sentMessageBar.vue
@@ -1,5 +1,5 @@
 <template>
-    <view class="">
+    <view class="messageBar">
        <!-- footer -->
        <view class="footer">
            <view class="msg-type" @click="changeMessageType">
@@ -60,23 +60,25 @@
    }
 </script>

-<style lang="scss" scoped>
-    .footer {
-        background: white;
-        padding: 20rpx 30rpx;
-        display: flex;
-        justify-content: space-between;
-        flex-direction: row;
-
-        .msg-type {
-            width: 70rpx;
-            height: 70rpx;
-
-            .icon {
-                margin: 5rpx;
-                width: 60rpx;
-                height: 60rpx;
-            }
-        }
+<style lang="scss" scoped>
+    .messageBar{
+        border-radius: ($radius*2) ($radius*2) 0 0;
+        background: white;
+        .footer {
+            padding: 20rpx 30rpx;
+            display: flex;
+            justify-content: space-between;
+            flex-direction: row;
+            .msg-type {
+                width: 70rpx;
+                height: 70rpx;
+        
+                .icon {
+                    margin: 5rpx;
+                    width: 60rpx;
+                    height: 60rpx;
+                }
+            }
+        }
    }
 </style>