完成首页初始化搭建

pages/chat/chat.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="container">
-		消息
+		<u-search placeholder="请输入搜索内容" v-model="searchForm.keyword"></u-search>
 	</view>
 </template>
 
@@ -8,6 +8,10 @@
 	import { ref } from 'vue'
 	import { onLoad } from '@dcloudio/uni-app'
 	
+	const searchForm = ref({
+		keyword: ''
+	})
+	
 	onLoad(() => {
 		uni.setTabBarBadge({ //显示数字  
 			index: 1, //tabbar下标
@@ -17,9 +21,10 @@
 </script>
 
 <style lang="scss" scoped>
-	.containerx {
+	.container {
 		height: 100vh;
 		width: 100vw;
 		background-color: #f7f7f7;
+		padding: 0 20px;
 	}
 </style>

pages/index/index.vue

@@ -39,5 +39,6 @@
 		height: 100vh;
 		width: 100vw;
 		background-color: #f7f7f7;
+		padding: 0 20px;
 	}
 </style>

pages/personalCenter/personalCenter.vue

@@ -17,5 +17,6 @@
 		height: 100vh;
 		width: 100vw;
 		background-color: #f7f7f7;
+		padding: 0 20px;
 	}
 </style>