From 73423084e71bd511457e0713417c7c6a4b57391c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=98=8E=E6=98=8E?= <970899069@qq.com>
Date: Wed, 26 Jan 2022 17:58:25 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/App.vue b/App.vue
index 185135f..6861729 100644
--- a/App.vue
+++ b/App.vue
@@ -5,7 +5,6 @@
     export default {
         onLaunch: function() {
             im.initIm('lmxuhwaglu76d')
-			return
             //#ifdef APP-PLUS
             // 获取系统版本号
             getVersions({

From a79c694509070162babf3a8bc0142b1908b56c79 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=98=8E=E6=98=8E?= <970899069@qq.com>
Date: Thu, 27 Jan 2022 16:46:34 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E5=90=8C=E6=AD=A5=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/im/chat/chat.nvue | 19 -------------------
 pages/im/index.vue      |  5 +----
 2 files changed, 1 insertion(+), 23 deletions(-)
 delete mode 100644 pages/im/chat/chat.nvue

diff --git a/pages/im/chat/chat.nvue b/pages/im/chat/chat.nvue
deleted file mode 100644
index dd51b43..0000000
--- a/pages/im/chat/chat.nvue
+++ /dev/null
@@ -1,19 +0,0 @@
-<template>
-    <view>
-        聊天窗口
-    </view>
-</template>
-
-<script>
-    export default {
-        data() {
-            return {
-                
-            };
-        }
-    }
-</script>
-
-<style lang="scss">
-
-</style>
diff --git a/pages/im/index.vue b/pages/im/index.vue
index 84b13d1..f1a0aad 100644
--- a/pages/im/index.vue
+++ b/pages/im/index.vue
@@ -76,10 +76,7 @@
     import * as RongIMLib from "@/uni_modules/RongCloud-IMWrapper/js_sdk/index"
     import im from '@/utils/im/index.js'
     import userAuth from '@/public/userAuth'
-    import {
-        getImToken
-    } from '@/apis/interfaces/im.js'
-
+    import { getImToken } from '@/apis/interfaces/im.js'
     export default {
         data() {
             return {

From e147e1c09ce2cc644d36f49d6c466f9d61df6088 Mon Sep 17 00:00:00 2001
From: zhangdongxue <zhangdongxue@uz.cn>
Date: Thu, 27 Jan 2022 17:40:41 +0800
Subject: [PATCH 3/4] =?UTF-8?q?[=E5=90=8C=E6=AD=A5=E6=95=B0=E6=8D=AE]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/im/friends/info.vue | 521 ++++++++++++++++++--------------------
 1 file changed, 247 insertions(+), 274 deletions(-)

diff --git a/pages/im/friends/info.vue b/pages/im/friends/info.vue
index 5e55e6c..b30252b 100644
--- a/pages/im/friends/info.vue
+++ b/pages/im/friends/info.vue
@@ -1,302 +1,275 @@
 <template>
     <view class="content">
-        <!-- 用户信息 -->
-        <view class="info-flex">
-            <u-avatar
-                :src="userInfo.portraitUrl"
-                shape="square"
-                size="50"
-                bg-color="#fff"
-            ></u-avatar>
-            <view class="info-text">
-                <view class="nickname">{{userInfo.name}}</view>
-                <view class="address" @longpress="copyAddress">地址：{{userInfo.address}}</view>
-            </view>
-        </view>
-        <!-- 用户资料 -->
-        <view class="info-btns">
-            <view class="item">
-                <label>性别</label>
-                <view class="text" v-if="userInfo.gender === 0">保密</view>
-                <view class="text" v-if="userInfo.gender === 1">男</view>
-                <view class="text" v-if="userInfo.gender === 2">女</view>
-            </view>
-        </view>
-        
-        <block v-if="userInfo.is_friend">
-            <view class="info-btns">
-                <view class="item" @click="setRemark">
-                    <label>设置备注</label>
-                     <u-icon name="arrow-right" color="#999" size="16"></u-icon>
-                </view>
-                <view class="item" @click="setRemark">
-                    <label>设置标签</label>
-                    <u-icon name="arrow-right" color="#999" size="16"></u-icon>
-                </view>
-                <view class="item">
-                    <label>聊天免打扰</label>
-                    <u-switch size="22" v-model="status" activeColor="#34CE98" @change="setStatus"></u-switch>
-                </view>
-                <view class="item">
-                    <label>聊天置顶</label>
-                    <u-switch size="22" v-model="isTop" activeColor="#34CE98" @change="setTop"></u-switch>
-                </view>
-            </view>
-            <view class="footer">
-                <view class="footer-item" @click="deleteFriend">
-                    <view class="icon">
-                        <u-icon class="icon-u" name="close-circle-fill" color="#fff" size="26"></u-icon>
-                    </view>
-                    <view class="text">删除好友</view>
-                </view>
-                <view class="footer-item" @click="toPrivate">
-                    <view class="icon">
-                        <u-icon class="icon-u" name="chat-fill" color="#fff" size="26"></u-icon>
-                    </view>
-                    <view class="text">发送消息</view>
-                </view>
-                <view class="footer-item" @click="toPrivate">
-                    <view class="icon">
-                        <u-icon class="icon-u" name="camera-fill" color="#fff" size="26"></u-icon>
-                    </view>
-                    <view class="text">视频通话</view>
-                </view>
+        <!-- 用户信息 -->
+        <view class="info-flex">
+            <u-avatar :src="userInfo.portraitUrl" shape="square" size="50" bg-color="#fff" />
+            <view class="info-text">
+                <view class="nickname">{{ userInfo.name }}</view>
+                <view class="address" @longpress="copyAddress">地址：{{ userInfo.address }}</view>
+            </view>
+        </view>
+        <!-- 用户资料 -->
+        <view class="info-btns">
+            <view class="item">
+                <label>性别</label>
+                <view class="text" v-if="userInfo.gender === 0">保密</view>
+                <view class="text" v-if="userInfo.gender === 1">男</view>
+                <view class="text" v-if="userInfo.gender === 2">女</view>
+            </view>
+        </view>
+
+        <block v-if="userInfo.is_friend">
+            <view class="info-btns">
+                <view class="item" @click="setRemark">
+                    <label>设置备注</label>
+                    <u-icon name="arrow-right" color="#999" size="16" />
+                </view>
+                <view class="item" @click="setRemark">
+                    <label>设置标签</label>
+                    <u-icon name="arrow-right" color="#999" size="16" />
+                </view>
+                <view class="item">
+                    <label>聊天免打扰</label>
+                    <u-switch size="22" v-model="status" activeColor="#34CE98" @change="setStatus"></u-switch>
+                </view>
+                <view class="item">
+                    <label>聊天置顶</label>
+                    <u-switch size="22" v-model="isTop" activeColor="#34CE98" @change="setTop"></u-switch>
+                </view>
+            </view>
+            <view class="footer">
+                <view class="footer-item" @click="deleteFriend">
+                    <view class="icon"><u-icon class="icon-u" name="close-circle-fill" color="#fff" size="26" /></view>
+                    <view class="text">删除好友</view>
+                </view>
+                <view class="footer-item" @click="toPrivate">
+                    <view class="icon"><u-icon class="icon-u" name="chat-fill" color="#fff" size="26" /></view>
+                    <view class="text">发送消息</view>
+                </view>
+                <view class="footer-item" @click="toPrivate">
+                    <view class="icon"><u-icon class="icon-u" name="camera-fill" color="#fff" size="26" /></view>
+                    <view class="text">视频通话</view>
+                </view>
             </view>
         </block>
         <block v-else>
-            <view class="footer">
-                <view class="footer-item" @click="toBeFriend">
-                    <view class="icon">
-                        <u-icon class="icon-u" name="plus-people-fill" color="#fff" size="26"></u-icon>
-                    </view>
-                    <view class="text">申请好友</view>
-                </view>
+            <view class="footer">
+                <view class="footer-item" @click="toBeFriend">
+                    <view class="icon"><u-icon class="icon-u" name="plus-people-fill" color="#fff" size="26" /></view>
+                    <view class="text">申请好友</view>
+                </view>
             </view>
         </block>
     </view>
 </template>
 
 <script>
-    import {
-        getFriendInfo,
-        pedingFriend,
-        deleteFriend
-    } from '@/apis/interfaces/im.js'
-    import * as RongIMLib from "@/uni_modules/RongCloud-IMWrapper/js_sdk/index"
+import { getFriendInfo, pedingFriend, deleteFriend } from '@/apis/interfaces/im.js';
+import * as RongIMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index';
 
-    export default {
-        data() {
-            return {
-                targetId: '',
-                userInfo: {},
-                status: false, // 0 是免打扰，1是正常通知
-                isTop: false,
-                block: false,
-                conversationType: 1
+export default {
+    data() {
+        return {
+            targetId: '',
+            userInfo: {},
+            status: false, // 0 是免打扰，1是正常通知
+            isTop: false,
+            block: false,
+            conversationType: 1
+        };
+    },
+    onLoad(e) {
+        this.targetId = e.targetId;
+        getFriendInfo(e.targetId).then(res => {
+            this.userInfo = res;
+            uni.setNavigationBarTitle({
+                title: res.name
+            });
+        });
+        RongIMLib.getConversationNotificationStatus(this.conversationType, this.targetId, ({ status }) => {
+            this.status = !Boolean(status);
+        });
+        RongIMLib.getConversation(this.conversationType, this.targetId, ({ code, conversation }) => {
+            if (code == 0) {
+                this.isTop = conversation.isTop;
             }
-        },
-        onLoad(e) {
-            this.targetId = e.targetId
-            getFriendInfo(e.targetId).then(res => {
-                this.userInfo = res
-                uni.setNavigationBarTitle({
-                    title: res.name
-                })
-            })
-            RongIMLib.getConversationNotificationStatus(this.conversationType, this.targetId, ({
-                status
-            }) => {
-                this.status = !Boolean(status)
-            })
-            RongIMLib.getConversation(this.conversationType, this.targetId, ({
-                code,
-                conversation
-            }) => {
-                if (code == 0) {
-                    this.isTop = conversation.isTop
+        });
+    },
+    methods: {
+        copyAddress() {
+            uni.setClipboardData({
+                data: this.userInfo.address,
+                success: () => {
+                    uni.showToast({
+                        icon: 'none',
+                        title: '复制区块链成功'
+                    });
                 }
-            })
+            });
         },
-        methods: {
-            copyAddress() {
-                uni.setClipboardData({
-                    data: this.userInfo.address,
-                    success: () => {
-                        uni.showToast({
-                            icon: 'none',
-                            title: '复制区块链成功'
-                        })
+        toPrivate() {
+            uni.redirectTo({
+                url: '/pages/im/private/index?conversationType=1&targetId=' + this.targetId
+            });
+        },
+        setRemark() {
+            uni.showToast({
+                title: '开发中',
+                icon: 'none'
+            });
+        },
+        deleteFriend() {
+            uni.showModal({
+                title: '删除确认',
+                content: '确认删除后不可恢复',
+                success: e => {
+                    if (e.confirm) {
+                        deleteFriend(this.targetId).then(res => {
+                            // 删除聊天记录
+                            RongIMLib.deleteMessages(1, this.targetId);
+                            RongIMLib.removeConversation(1, this.targetId);
+                            uni.showToast({
+                                icon: 'none',
+                                title: '好友删除成功',
+                                success() {
+                                    uni.switchTab({
+                                        url: '/pages/im/index'
+                                    });
+                                }
+                            });
+                        });
                     }
-                })
-            },
-            toPrivate() {
-                uni.redirectTo({
-                    url: '/pages/im/private/index?conversationType=1&targetId=' + this.targetId
-                })
-            },
-            setRemark() {
-                uni.showToast({
-                    title: '开发中',
-                    icon : 'none'
-                })
-            },
-            deleteFriend() {
-                uni.showModal({
-                    title: '删除确认',
-                    content: '确认删除后不可恢复',
-                    success: (e) => {
-                        if (e.confirm) {
-                            deleteFriend(this.targetId).then(res => {
-                                // 删除聊天记录
-                                RongIMLib.deleteMessages(1, this.targetId)
-                                RongIMLib.removeConversation(1, this.targetId)
-                                uni.showToast({
-                                    icon: 'none',
-                                    title: '好友删除成功',
-                                    success() {
-                                        uni.switchTab({
-                                            url: '/pages/im/index'
-                                        })
-                                    }
-                                })
-                            })
-                        }
-                    }
-                })
-            },
-            setStatus() {
-                RongIMLib.setConversationNotificationStatus(this.conversationType, this.targetId, this.status, ({
-                    status
-                }) => {
-                    this.status = !Boolean(status)
-                })
-            },
-            setTop() {
-                RongIMLib.setConversationToTop(this.conversationType, this.targetId, this.isTop, (res) => {
-                    RongIMLib.getConversation(this.conversationType, this.targetId, ({
-                        conversation
-                    }) => {
-                        this.isTop = conversation.isTop
-                    })
-                })
-            },
-            setBlock() {
-
-            },
-            // 申请好友
-            toBeFriend() {
-                pedingFriend(this.targetId).then(res => {
+                }
+            });
+        },
+        setStatus() {
+            RongIMLib.setConversationNotificationStatus(this.conversationType, this.targetId, this.status, ({ status }) => {
+                this.status = !Boolean(status);
+            });
+        },
+        setTop() {
+            RongIMLib.setConversationToTop(this.conversationType, this.targetId, this.isTop, res => {
+                RongIMLib.getConversation(this.conversationType, this.targetId, ({ conversation }) => {
+                    this.isTop = conversation.isTop;
+                });
+            });
+        },
+        setBlock() {},
+        // 申请好友
+        toBeFriend() {
+            pedingFriend(this.targetId)
+                .then(res => {
                     uni.showToast({
                         title: '申请成功',
-                        icon: "none"
-                    })
-                }).catch(err => {
+                        icon: 'none'
+                    });
+                })
+                .catch(err => {
                     uni.showToast({
                         icon: 'error',
                         title: err.message,
                         duration: 2000
-                    })
-                })
-            }
+                    });
+                });
         }
-    };
+    }
+};
 </script>
 
 <style lang="scss" scoped>
-    .content {
-        min-height: 100vh;
-        background: $window-color;
-        padding-top: $padding;
+.content {
+    min-height: 100vh;
+    background: $window-color;
+    padding-top: $padding;
+    box-sizing: border-box;
+}
+
+// 用户信息
+.info-flex {
+    padding: $padding;
+    margin: 0 $margin;
+    display: flex;
+    background: white;
+    border-radius: $radius;
+    .info-text {
+        width: calc(100% - 50px);
+        padding-left: $padding;
         box-sizing: border-box;
-    }
-    
-    // 用户信息
-    .info-flex{
-        padding: $padding;
-        margin: 0 $margin;
-        display: flex;
-        background: white;
-        border-radius: $radius;
-        .info-text{
-            width: calc(100% - 50px);
-            padding-left: $padding;
-            box-sizing: border-box;
-            .nickname{
-                line-height: 30px;
-                font-size: $title-size + 6;
-                color: $text-color;
-                text-align: left;
-            }
-            .address{
-                line-height: 20px;
-                font-size: $title-size-sm;
-                color: $text-gray;
-                text-align: left;
-                @extend .nowrap;
-            }
-        }
-    }
-    
-    // footer
-    .footer{
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        padding: $padding*2 $padding;
-        display: flex;
-        justify-content: space-around;
-        .footer-item{
-            margin: 0 $margin/2;
-            text-align: center;
-            .icon{
-                background: $main-color;
-                width: 88rpx;
-                height: 88rpx;
-                line-height: 88rpx;
-                display: inline-block;
-                border-radius: 50%;
-                .icon-u{
-                    margin-top: calc((88rpx/2) - 13px);
-                    margin-left: calc((88rpx/2) - 13px);
-                }
-            }
-            .text{
-                color: $main-color;
-                font-size: $title-size-m;
-                text-align: center;
-                padding-top: 10rpx;
-            }
-        }
-    }
-    
-    // btns
-    
-    .info-btns{
-        background: white;
-        margin: $margin;
-        border-radius: $radius;
-        .item{
-            line-height: 100rpx;
-            border-bottom: solid 1rpx $border-color;
-            display: flex;
-            align-items: center;
-            padding: 0 $padding;
-            justify-content: space-between;
-            font-size: $title-size-lg;
-            &:last-child{
-                border-bottom: none;
-            }
-            label{
-                width: 200rpx;
-            }
-            .text{
-                width: calc(100% - 200rpx);
-                color: $text-gray-m;
-                text-align: right;
-                @extend .nowrap;
-            }
-        }
-    }
-    
+        .nickname {
+            line-height: 30px;
+            font-size: $title-size + 6;
+            color: $text-color;
+            text-align: left;
+        }
+        .address {
+            line-height: 20px;
+            font-size: $title-size-sm;
+            color: $text-gray;
+            text-align: left;
+            @extend .nowrap;
+        }
+    }
+}
+
+// footer
+.footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: $padding * 2 $padding;
+    display: flex;
+    justify-content: space-around;
+    .footer-item {
+        margin: 0 $margin/2;
+        text-align: center;
+        .icon {
+            background: $main-color;
+            width: 88rpx;
+            height: 88rpx;
+            line-height: 88rpx;
+            display: inline-block;
+            border-radius: 50%;
+            .icon-u {
+                margin-top: calc((88rpx / 2) - 13px);
+                margin-left: calc((88rpx / 2) - 13px);
+            }
+        }
+        .text {
+            color: $main-color;
+            font-size: $title-size-m;
+            text-align: center;
+            padding-top: 10rpx;
+        }
+    }
+}
+
+// btns
+
+.info-btns {
+    background: white;
+    margin: $margin;
+    border-radius: $radius;
+    .item {
+        line-height: 100rpx;
+        border-bottom: solid 1rpx $border-color;
+        display: flex;
+        align-items: center;
+        padding: 0 $padding;
+        justify-content: space-between;
+        font-size: $title-size-lg;
+        &:last-child {
+            border-bottom: none;
+        }
+        label {
+            width: 200rpx;
+        }
+        .text {
+            width: calc(100% - 200rpx);
+            color: $text-gray-m;
+            text-align: right;
+            @extend .nowrap;
+        }
+    }
+}
 </style>

From 2ac0add20dea5cdf163503ff8c7251e503f4599a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=98=8E=E6=98=8E?= <970899069@qq.com>
Date: Thu, 27 Jan 2022 17:58:33 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E9=87=8D=E6=9E=84=E8=81=8A=E5=A4=A9?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/im/imAUDIO.vue        |  20 ++++++
 components/im/imIMG.vue          |  20 ++++++
 components/im/imTXT.vue          |  20 ++++++
 pages.json                       |  10 +--
 pages/im/friends/group/index.vue |  20 ------
 pages/im/index.vue               |   2 -
 pages/im/private/chat.nvue       | 112 +++++++++++++++++++++++++++++++
 7 files changed, 178 insertions(+), 26 deletions(-)
 create mode 100644 components/im/imAUDIO.vue
 create mode 100644 components/im/imIMG.vue
 create mode 100644 components/im/imTXT.vue
 delete mode 100644 pages/im/friends/group/index.vue
 create mode 100644 pages/im/private/chat.nvue

diff --git a/components/im/imAUDIO.vue b/components/im/imAUDIO.vue
new file mode 100644
index 0000000..c820dab
--- /dev/null
+++ b/components/im/imAUDIO.vue
@@ -0,0 +1,20 @@
+<template>
+    <view>
+        语音消息
+    </view>
+</template>
+
+<script>
+    export default {
+        name:"im",
+        data() {
+            return {
+                
+            };
+        }
+    }
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/components/im/imIMG.vue b/components/im/imIMG.vue
new file mode 100644
index 0000000..3454b79
--- /dev/null
+++ b/components/im/imIMG.vue
@@ -0,0 +1,20 @@
+<template>
+    <view>
+        图片消息
+    </view>
+</template>
+
+<script>
+    export default {
+        name:"im",
+        data() {
+            return {
+                
+            };
+        }
+    }
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/components/im/imTXT.vue b/components/im/imTXT.vue
new file mode 100644
index 0000000..d3155be
--- /dev/null
+++ b/components/im/imTXT.vue
@@ -0,0 +1,20 @@
+<template>
+    <view>
+        文字消息
+    </view>
+</template>
+
+<script>
+    export default {
+        name:"im",
+        data() {
+            return {
+                
+            };
+        }
+    }
+</script>
+
+<style lang="scss">
+
+</style>
diff --git a/pages.json b/pages.json
index ea02ea7..0b02e9b 100644
--- a/pages.json
+++ b/pages.json
@@ -574,10 +574,12 @@
                 "navigationBarTextStyle": "white"
             }
         },{
-            "path" : "pages/im/chat/chat",
-            "style": {
-                "navigationBarTitleText": "chat",
-                "enablePullDownRefresh": false
+            "path" : "pages/im/private/chat",
+            "style" : {
+                "disableScroll": true,
+                "navigationBarTitleText": "聊天",
+                "enablePullDownRefresh": false,
+                "navigationBarBackgroundColor":"#F3F6FB"
             }
         }
     ],
diff --git a/pages/im/friends/group/index.vue b/pages/im/friends/group/index.vue
deleted file mode 100644
index 047b2fb..0000000
--- a/pages/im/friends/group/index.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-    <div>
-        <u-button @click="toIndex">会首页</u-button>
-    </div>
-</template>
-
-<script>
-    export default {
-        methods: {
-            toIndex() {
-                uni.switchTab({
-                    url: '/pages/im/index'
-                })
-            }
-        }
-    }
-</script>
-
-<style>
-</style>
diff --git a/pages/im/index.vue b/pages/im/index.vue
index f1a0aad..9a40fc2 100644
--- a/pages/im/index.vue
+++ b/pages/im/index.vue
@@ -57,8 +57,6 @@
                         </view>
                     </view>
                 </view>
-                <!-- navNvue -->
-                <navigator url="./chat/chat">进入NVUE</navigator>
             </block>
         </view>
         <!-- 未登录 -->
diff --git a/pages/im/private/chat.nvue b/pages/im/private/chat.nvue
new file mode 100644
index 0000000..8bdedef
--- /dev/null
+++ b/pages/im/private/chat.nvue
@@ -0,0 +1,112 @@
+<template>
+    <view class="chat">
+        <!-- chat -->
+        <scroll-view class="chat-scroll" scroll-y="true" :scroll-into-view="toMsg" scroll-with-animation>
+            <view v-for="(item, index) in msgArr" :key="index" :id="'msg'+index">{{toMsg || '-'}} / msg{{item}} - {{index}}</view>
+        </scroll-view>
+        <!-- chat-footer -->
+        <view class="chat-footer">
+            <view class="msg-type" @click="msgType">
+                <image class="msg-type-icon" src="@/static/icon/key-icon.png" v-if="importTabs === 0" mode="widthFix"></image>
+                <image class="msg-type-icon" src="@/static/icon/msg-icon.png" v-if="importTabs === 1" mode="widthFix"></image>
+            </view>
+            <block v-if="importTabs === 0">
+                <view class="chat-mp3" hover-class="chat-hover" @touchstart="startAudio" @touchend="chendAudio">
+                    <text class="chat-mp3-text">按住说话</text>
+                </view>
+            </block>
+            <block v-if="importTabs === 1">
+                <input class="chat-input" type="text" v-model="inputTxt" confirm-type="发送" @confirm="send" cursor-spacing="10" />
+            </block>
+            <text class="chat-push" :disabled="disabled" size="mini" @click="send">发送</text>
+        </view>
+    </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                toMsg   : '',
+                msgArr  : [
+                    "NVUE界面信息"
+                ],
+                importTabs: 1
+            }
+        },
+        
+        created() {
+            
+        },
+        methods: {
+            send(){
+                this.msgArr.push("新消息NVUE")
+                this.toMsg = 'msg' + (this.msgArr.length - 1)
+            },
+            msgType(){
+                this.importTabs = this.importTabs === 1 ? 0 : 1
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    /* 窗口 */
+    .chat{
+        background: #F3F6FB;
+        flex: 1;
+    }
+    .chat-scroll{
+        flex: 1;
+    }
+    /* footer */
+    .chat-footer{
+        background: white;
+        padding: 20upx 30upx;
+        display: flex;
+        justify-content: space-between;
+        flex-direction: row;
+        
+    }
+    .msg-type{
+        width: 70upx;
+        height: 70upx;
+    }
+    .msg-type > .msg-type-icon{
+        margin: 5upx;
+        width: 60upx;
+        height: 60upx;
+    }
+    .chat-mp3{
+        background: #F3F6FB;
+        height: 70upx;
+        line-height: 70upx;
+        justify-content: center;
+        align-items: center;
+        width: 460upx;
+        border-radius: 10upx;
+        margin-right: 15upx;
+    }
+    .chat-mp3-text{
+        font-size: 30upx;
+        color: #333;
+    }
+    .chat-input{
+        background: #F3F6FB;
+        height: 70upx;
+        width: 460upx;
+        border-radius: 10upx;
+        margin-right: 15upx;
+        padding: 0 20upx;
+    }
+    .chat-push{
+        background: #34CE98;
+        color: white;
+        width: 120upx;
+        line-height: 70upx;
+        text-align: center;
+        border-radius: 10upx;
+        font-size: 30upx;
+        font-weight: bold;
+    }
+</style>