diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 7aeecc4..6ff8279 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="container">
+  <view class="w-full h-screen">
     <ChatMainList />
   </view>
 
@@ -61,10 +61,4 @@ onUnmounted(() => {
 });
 </script>
 
-<style lang="scss" scoped>
-.container {
-  width: 100vw;
-  height: 100vh;
-  background-color: $uni-bg-color;
-}
-</style>
+<style lang="scss" scoped></style>
diff --git a/src/static/scss/height.scss b/src/static/scss/height.scss
index e69de29..40ebcb7 100644
--- a/src/static/scss/height.scss
+++ b/src/static/scss/height.scss
@@ -0,0 +1,3 @@
+.h-screen {
+  height: 100vh;
+}