更新

pages/room/avatar.vue

@@ -4,7 +4,7 @@
 		<view class="avatar-image">
 			<image class="image-style" mode="aspectFill" :src="showImage" @error="imageError"></image>
 		</view>
-		<text class="avatar-text">{{name}}</text>
+		<view class="avatar-text"><text>{{name}}</text></view>
 	</view>
 </template>
 
@@ -17,7 +17,7 @@
 			},
 			name: {
 				type: String,
-				default: ''
+				default: '未知用户'
 			},
 		},
 		data() {
@@ -47,8 +47,10 @@
 	.avatar-icon {}
 
 	.avatar-image {
-		width: 120px;
-		height: 120px;
+		width: 130px;
+		height: 130px;
+		overflow: hidden;
+		border-radius: 50%;
 	}
 
 	.image-style {
@@ -56,5 +58,12 @@
 		height: 100%;
 	}
 
-	.avatar-text {}
+	.avatar-text {
+		width: 100%;
+		text-align: center;
+		color: #646566;
+		font-size: 24px;
+		height: 30px;
+		line-height: 30px;
+	}
 </style>