mixins优化

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 {
-            display: flex;
+        .voice {
+            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;