更新审核列表样式

pages/im/group/reviewed.vue

@@ -2,9 +2,9 @@
 <template>
     <view class="reviewed">
         <view class="reviewed-item">
-            <u-avatar class="avatar" src="require('@/static/user/cover.png')" shape="square" size="44" />
-            <view style="width: 500rpx;">
-                <view class="nickname"><span>艾米的猫儿</span>想邀请<span>艾米的猫儿洛基艾米</span>加入群聊</view>
+            <u-avatar class="avatar" src="require('@/static/user/cover.png')" shape="square" size="36" />
+            <view style="flex:1;">
+                <view class="nickname"><span>{{`艾米的猫儿 `}}</span>想邀请<span>{{` 艾米的猫儿洛基艾米`}}</span>加入群聊</view>
                 <view> 申请原因：{{`呵呵哒。。`}}</view>
             </view>
             <view class="sure" @click="sure(2)"> 去确认 </view>
@@ -13,17 +13,18 @@
 </template>
 
 <script>
+    import {
+        getGroupMakeSure,
+        getGroupMakeSureAllow
+    } from "@/apis/interfaces/im.js"
     export default {
         data() {
             return {
                 lists: [],
             };
         },
-
-        onLoad() {
-
-        },
         methods: {
+
             sure(id) {
                 console.log(id, '....')
                 uni.navigateTo({
@@ -53,18 +54,23 @@
                 border-radius: 6rpx;
                 margin-right: 20rpx;
             }
-            .nickname{
+
+            .nickname {
                 font-size: $title-size-m;
-                span{
-                    color: rgba($color: $main-color, $alpha: 0.5);
+
+                span {
+                    color: $text-color;
                 }
             }
+
             .sure {
-                color: $main-color;
+                background-color: $main-color;
+                color: #Fff;
                 text-align: center;
                 font-size: $title-size-m;
                 padding: 6rpx 20rpx;
                 border-radius: 10rpx;
+                margin-left: 10rpx;
             }
         }