diff --git a/.env.test b/.env.test
index e69de29..2fc12b5 100644
--- a/.env.test
+++ b/.env.test
@@ -0,0 +1,3 @@
+VITE_USE_MOCK=true
+
+VITE_USE_ERUDA=true
\ No newline at end of file
diff --git a/src/layout/basic/index.vue b/src/layout/basic/index.vue
index 4904b40..def7a00 100644
--- a/src/layout/basic/index.vue
+++ b/src/layout/basic/index.vue
@@ -75,20 +75,22 @@
 <style scoped lang="scss">
   .nut-navbar {
     margin-bottom: 0;
-    // padding: 0;
   }
 
   .main-page {
     box-sizing: border-box;
-    height: 100vh;
+    height: calc(100vh - 92px);
     overflow-y: scroll;
     overflow-x: hidden;
   }
 
   .tabbar {
-    height: calc(100vh - 200px);
+    height: calc(100vh - 92px);
+    padding-bottom: 100px;
   }
+
   .border {
-    padding: 30px;
+    padding-left: 30px;
+    padding-right: 30px;
   }
 </style>
diff --git a/src/views/demo/index.vue b/src/views/demo/index.vue
index 22b6ee5..649de58 100644
--- a/src/views/demo/index.vue
+++ b/src/views/demo/index.vue
@@ -46,7 +46,9 @@
   @import '../../styles/mixin.scss';
   section {
     .title {
+      font-size: 40px;
       margin-bottom: 40px;
+      font-weight: 500;
       display: inline-block;
     }
     &:nth-child(n) {
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index dc6ebef..dd7c47e 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -34,7 +34,7 @@
   import { useI18n } from 'vue-i18n';
   const { locale } = useI18n();
 
-  let cellList = ['vue3', 'vite', 'vue-router', 'axios', 'Pinia', 'vue-i18n', 'vue-jsx', 'vatlet/vant/nutUI'];
+  let cellList = ['vue3', 'vite', 'vue-router', 'axios', 'Pinia', 'vue-i18n', 'postcss-px-to-viewport', 'vatlet/vant/nutUI', 'eruda'];
   const userStore = useUserStore();
   const getUserInfo = computed(() => {
     const { name = '' } = userStore.getUserInfo || {};