stash

pages/im/components/groupUserList.vue

@@ -18,9 +18,10 @@
             </view>
         </view>
 
-       <view class="loadmore">
-            <u-icon name="arrow-right" @click="loadMore" v-if="members > users.length" color="#999" labelColor="#999" label="查看更多群成员" labelPos='left' labelSize='28rpx' size="14" />
-       </view>
+        <view class="loadmore">
+            <u-icon name="arrow-right" @click="loadMore" v-if="members > users.length" color="#999" labelColor="#999"
+                label="查看更多群成员" labelPos="left" :labelSize="labelSize" :size="iconSize" />
+        </view>
 
         <u-action-sheet :actions="actionMap" :title="actionTitle" cancelText="取消" @close="hideAction"
             @select="handleAction" :show="actionShow">
@@ -32,12 +33,12 @@
     import {
         getGroupUsers,
         getGroupBase,
-
         removeGroupUser,
         setGroupAdmin,
         removeGroupAdmin,
         transferGroupOwner
     } from '@/apis/interfaces/im.js'
+    import utils from '@/utils/index.js'
 
     export default {
         props: {
@@ -61,7 +62,9 @@
                 actionMap: [],
                 actionTitle: '',
                 currentUser: {},
-                avatarSize: 40
+                avatarSize: 45,
+                labelSize: 14,
+                iconSize: 14
             }
         },
         computed: {
@@ -71,8 +74,10 @@
                 }
             }
         },
-        created() {
-            this.avatarSize = 90 / 750 * wx.getSystemInfoSync().windowWidth
+        created() {
+            this.avatarSize = utils.rpx2px(90)
+            this.labelSize = utils.rpx2px(24)
+            this.iconSize = utils.rpx2px(26)
         },
         mounted() {
             this.initGroupInfo()