调整

src/views/home/index.vue

@@ -31,8 +31,10 @@
 			> .bottom-view {
 				flex: 1;
 				overflow: hidden;
-				// background-color: #fff;
-				// display: flex;
+				display: flex;
+				> * {
+					flex: 1;
+				}
 			}
 		}
 	}

src/views/home/test.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="test">
-		<p>老八秘制小汉堡 - {{ id }}</p>
+		<p>Conversation Item - {{ id }}</p>
 	</div>
 </template>
 
@@ -13,10 +13,9 @@
 
 <style lang="less" scoped>
 	.test {
-		flex: 1;
-		margin: 10px;
-		border-radius: 10px;
-		// background-color: rgb(242, 130, 90);
+		margin: 2rem;
+		border-radius: 2rem;
+		background-color: rgb(242, 130, 90);
 		display: flex;
 		align-items: center;
 		justify-content: center;