公告，群资料

pages/im/group/announcement.vue

@@ -1,7 +1,7 @@
 <template>
     <view class="announce">
         <u-skeleton rows="2" :loading="loading" avatar :rows="5">
-            <view v-for="(item,index) in announcements" :key="index">
+            <view v-for="(item,index) in announcements" :key="index" class="item">
                 <view class="header">
                     <u-avatar :src="item.user.portraitUrl"></u-avatar>
                     <view class="user">
@@ -63,8 +63,19 @@
                 })
             },
             onDelete(aId) {
-                deleteGroupAnnouncement(this.targetId, aId).then(res => {
-                    this.initData()
+                uni.showModal({
+                    title: '删除公告',
+                    success: (res) => {
+                        if (res.confirm) {
+                            deleteGroupAnnouncement(this.targetId, aId).then(res => {
+                                uni.showToast({
+                                    icon: 'none',
+                                    title: '删除成功'
+                                })
+                                this.initData()
+                            })
+                        }
+                    }
                 })
             }
         }
@@ -73,36 +84,42 @@
 
 <style lang="scss" scoped>
     .announce {
-        padding: $padding;
+        padding: 0 $padding $padding $padding;
 
-        .header {
-            display: flex;
-            flex-direction: row;
+        .item {
+            border-bottom: solid 1rpx #f9f9f9 !important;
+            padding-top: $padding;
 
-            .user {
-                margin-left: $padding;
-                flex: 1;
+            .header {
+                display: flex;
+                flex-direction: row;
+                align-items: center;
 
-                .name {
-                    line-height: 44rpx;
+                .user {
+                    margin-left: $padding;
+                    flex: 1;
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: space-between;
+
+                    .name {}
+
+                    .time {
+                        font-size: 24rpx;
+                        color: $text-gray-m;
+                    }
                 }
 
-                .time {
-                    margin-top: 15rpx;
-                    font-size: 24rpx;
-                    color: $text-gray-m;
+                .delete {
+                    color: $text-price;
+                    font-size: 28rpx;
                 }
             }
 
-            .delete {
-                color: $text-price;
-                font-size: 32rpx;
+            .content {
+                padding: $padding;
+                font-size: 34rpx;
             }
         }
-
-        .content {
-            padding: $padding;
-            font-size: 34rpx;
-        }
     }
 </style>