...

pages/im/group/reviewed.vue

@@ -1,47 +1,72 @@
 <!-- 群聊邀请确认列表页面 -->
 <template>
     <view class="reviewed">
-       <view class="reviewed-item">
-           <u-icon name="plus-people-fill"  color="#fff" class="add-icon" />
-           {{`' 艾米的猫儿洛基 '想邀请 1位朋友加入群聊`}}
-           <view class="sure"> 去确认 </view>
-       </view>
+        <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>
+                <view> 申请原因：{{`呵呵哒。。`}}</view>
+            </view>
+            <view class="sure" @click="sure(2)"> 去确认 </view>
+        </view>
     </view>
 </template>
 
 <script>
-   
     export default {
         data() {
             return {
-                indexs: [],
+                lists: [],
             };
         },
 
         onLoad() {
-         
+
         },
         methods: {
-          
+            sure(id) {
+                console.log(id, '....')
+                uni.navigateTo({
+                    url: "/pages/im/group/reviewedInfo?id=" + id
+                })
+            }
         }
     };
 </script>
 
 <style lang="scss" scoped>
-    .reviewed{
-        .reviewed-item{
+    .reviewed {
+        .reviewed-item {
+            margin: $padding - 10;
             display: flex;
             flex-direction: row;
-            align-items: center;
-            justify-content: center;
+            align-items: flex-start;
+            justify-content: flex-start;
             box-sizing: border-box;
-            
-            .add-icon{
+            border-bottom: solid 1rpx #f9f9f9;
+            font-size: $title-size-m - 2;
+            padding-bottom: 20rpx;
+            color: $text-gray-m;
+
+            .avatar {
                 background-color: $main-color;
-                padding: 10rpx;
                 border-radius: 6rpx;
+                margin-right: 20rpx;
+            }
+            .nickname{
+                font-size: $title-size-m;
+                span{
+                    color: rgba($color: $main-color, $alpha: 0.5);
+                }
+            }
+            .sure {
+                color: $main-color;
+                text-align: center;
+                font-size: $title-size-m;
+                padding: 6rpx 20rpx;
+                border-radius: 10rpx;
             }
         }
-        
+
     }
 </style>