mixins优化

pages/im/components/sentPopups.vue

@@ -34,8 +34,12 @@
 <script>
     import im from '@/utils/im/index.js'
     import * as CallLib from '@/uni_modules/RongCloud-CallWrapper/lib/index'
+    import imBase from '../mixins/imBase.js'
 
     export default {
+        mixins: [
+            imBase
+        ],
         data() {
             return {
                 callActions: [{
@@ -64,15 +68,11 @@
                 default: ''
             }
         },
-        computed: {
-            sender() {
-                return this.$store.getters.sender
-            }
-        },
         methods: {
             singleCall(e) {
                 uni.navigateTo({
-                    url: '/pages/im/private/call?targetId=' + this.targetId + '&mediaType=' + e.type + '&isCall=true'
+                    url: '/pages/im/private/call?targetId=' + this.targetId + '&mediaType=' + e.type +
+                        '&isCall=true'
                 })
             },
             onPopupsItem(type) {
@@ -140,13 +140,14 @@
 <style lang="scss" scoped>
     .sent--popups {
         background: white;
-        padding: 30rpx 15rpx;
+        padding: 30rpx 15rpx;
-        display: flex;
+        display: flex;
         flex-wrap: wrap;
         flex-direction: row;
+
         .item {
             width: 150rpx;
-            margin: 15rpx;
+            margin: 15rpx;
             text-align: center;
         }
 

pages/im/components/sentText.vue

@@ -8,8 +8,12 @@
 <script>
     import im from '@/utils/im/index.js'
     import * as RongIMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index'
-
+    import imBase from '../mixins/imBase.js'
-    export default {
+    
+    export default {
+        mixins: [
+            imBase
+        ],
         props: {
             conversationType: {
                 type: Number,
@@ -23,9 +27,6 @@
         computed: {
             disabled() {
                 return this.inputTxt.length === 0
-            },
-            sender() {
-                return this.$store.getters.sender
             }
         },
         mounted() {

pages/im/components/sentVoice.vue

@@ -14,8 +14,12 @@
 <script>
     import im from '@/utils/im/index.js'
     import permision from '@/utils/permission.js'
+    import imBase from '../mixins/imBase.js'
 
     export default {
+        mixins: [
+            imBase
+        ],
         props: {
             conversationType: {
                 type: Number,
@@ -35,11 +39,6 @@
                 recorderManager: null
             }
         },
-        computed: {
-            sender() {
-                return this.$store.getters.sender
-            }
-        },
         created() {
             this.recorderManager = uni.getRecorderManager()
         },
@@ -100,8 +99,8 @@
 
 <style scoped lang="scss">
     .send--voice {
-        .voice {
+        .voice {
-            display: flex;
+            display: flex;
             background: $window-color;
             height: 70rpx;
             line-height: 70rpx;
@@ -110,13 +109,14 @@
             width: 500rpx;
             border-radius: 10rpx;
             margin-right: 15rpx;
+
             .button {
                 font-size: 30rpx;
                 color: #333;
             }
         }
 
-        .modal {
+        .modal {
             display: flex;
             background: rgba(0, 0, 0, .6);
             position: fixed;
@@ -129,6 +129,7 @@
             flex-direction: column;
             align-items: center;
             justify-content: center;
+
             .icon {
                 width: 88rpx;
                 height: 88rpx;

pages/im/mixins/imBase.js

@@ -1,13 +1,9 @@
 import utils from '@/utils/index.js'
 
-const imBase = {
+export default {
-    onLoad() {
+    onLoad() {},
-      console.log('IM BASE MININX');  
+    data() {
-    },
+        return {}
-    data() {
-        return {
-            
-        }
     },
     computed: {
         contact() {
@@ -17,8 +13,9 @@ const imBase = {
         },
         avatarSize() {
             return utils.rpx2px(84)
+        },
+        sender() {
+            return this.$store.getters.sender
         }
     }
-}
+}
-
-export default imBase

pages/im/mixins/onGroupDismiss.js

@@ -1,5 +1,5 @@
 // 监听群解散的消息，直接跳转到会话列表页面
-const onGroupDismiss = {
+export default {
     data() {
         return {
             currentTargetId: ''
@@ -31,6 +31,4 @@ const onGroupDismiss = {
         uni.$off('onGroupDismiss_' + this.currentTargetId)
         uni.$off('onGroupRemoveYou_' + this.currentTargetId)
     }
-}
+}
-
-export default onGroupDismiss