update

pages/im/private/setting.vue

@@ -1,11 +1,31 @@
-<template>
-    <view>
-        会话设置 {{ targetId}}
-        <view @click="setStatus">免打扰开关 {{status}}</view>
-        <view @click="setTop">置顶会话 {{isTop}}</view>
-		
-        <u-button @click="toIndex">会首页</u-button>
-    </view>
+<template>
+	<view class="content">
+		<!-- 聊天信息 -->
+		<view class="set-user">
+			<u-avatar
+				src="https://cdn.uviewui.com/uview/album/1.jpg"
+				size="48"
+			></u-avatar>
+			<view class="set-user-nickname">唐明明</view>
+		</view>
+		<!-- 聊天设置 -->
+		<view class="set-group">
+			<view class="group-flex">
+				<label>消息免打扰</label>
+				<u-switch activeColor="#34CE98" size="22"></u-switch>
+			</view>
+			<view class="group-flex">
+				<label>置顶会话</label>
+				<u-switch v-model="isTop" activeColor="#34CE98" size="22"></u-switch>
+			</view>
+		</view>
+		<view class="set-group">
+			<view class="group-flex" @click="cleanConversation">
+				<label>清空聊天记录</label>
+				<u-icon name="arrow-right" color="#999" size="16"></u-icon>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script>
@@ -37,11 +57,6 @@
             })
         },
         methods: {
-            toIndex() {
-                uni.switchTab({
-                    url: '/pages/im/index'
-                })
-            },
             setStatus() {
                 RongIMLib.setConversationNotificationStatus(this.conversationType, this.targetId, this.status, ({
                     status
@@ -59,11 +74,62 @@
                         this.isTop = conversation.isTop
                     })
                 })
+            },
+            // 清空聊天记录
+            cleanConversation() {
+                RongIMLib.deleteMessages(this.conversationType, this.targetId, ({code}) => {
+                    if (code === 0) {
+                        console.log('chenggong ');
+                    }
+                })
             }
         }
     }
 </script>
 
-<style>
-	
+<style lang="scss" scoped>
+	.content{
+		min-height: 100vh;
+		background: $window-color;
+		// 用户信息
+		.set-user{
+			background: white;
+			padding: $padding;
+			display: flex;
+			align-items: center;
+			.set-user-nickname{
+				padding-left: $padding;
+				flex: 1;
+				line-height: 70rpx;
+				font-size: $title-size + 6;
+			}
+		}
+		// 聊天设置
+		.set-group{
+			margin: $margin 0;
+			background: white;
+			.group-flex{
+				position: relative;
+				display: flex;
+				justify-content: space-between;
+				height: 90rpx;
+				line-height: 90rpx;
+				padding: 0 $padding;
+				font-size: $title-size;
+				align-items: center;
+				&::after{
+					content: " ";
+					position: absolute;
+					left: $margin;
+					right: 0;
+					bottom: 0;
+					height: 1rpx;
+					background-color: $border-color;
+				}
+				&:last-child::after{
+					display: none;
+				}
+			}
+		}
+	}
 </style>