diff --git a/src/pages/index/index.config.ts b/src/pages/index/index.config.ts
index 7bf9538..d317daa 100644
--- a/src/pages/index/index.config.ts
+++ b/src/pages/index/index.config.ts
@@ -1,4 +1,6 @@
-export default definePageConfig({
+export default {
   navigationBarTitleText: '',
-  "usingComponents": {}
-})
+  "usingComponents": {
+    "fa": "../../components/fa/index"
+  }
+}
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 22d1d9b..31389f2 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -5,7 +5,8 @@
   import Counter from '../../components/Counter.vue'
   import { ref } from 'vue';
   import {useDidShow, useLoad} from "@tarojs/taro";
-  import { Add } from '@nutui/icons-vue-taro';
+  import { Date } from '@nutui/icons-vue-taro';
+  import Notification from "../../components/notification";
 
 
   const show = ref(false);
@@ -33,13 +34,63 @@
 
 
 <template>
-  <Counter/>
-  <nut-cell title="展示弹出层" is-link @click="show = true"></nut-cell>
-  <nut-popup :style="{ padding: '30px 50px' }" v-model:visible="show">正文</nut-popup>
-  <View><Text>{{state.msg}}</Text></View>
-  <nut-button type="primary" @click="handleClick(state.msg2)">点我</nut-button>
-  <Add color="red" />
-  <Add color="red" />
+  <view class="pl-3 pt-3 pr-3 h2 d-flex">
+    <view class="flex-grow-1">
+      来访记录
+    </view>
+  </view>
+
+  <view class="d-flex text-black-50 pt-2 pb-2 pr-3">
+    <view class="flex-grow-1"></view>
+    <view>最近30天的来访</view>
+  </view>
+<!--  <Counter/>-->
+  <Notification name="" company="小明科技2" pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/>
+  <Notification name="王远" company="joydata科技"  pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='[]'/>
+  <Notification name="华雨" company="joydata科技"  pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21"]'/>
+  <Notification name="邸为荣" company=""  pass-date="2023-12-25" pass-time="22:22:22" today-pass-time='["22:22:21","22:22:20"]'/>
+
+  <view class="container pt-5 pb-3">
+    <view class="row">
+      <view class="col"/>
+      <view class="col text-center text-black-50">
+        <nut-divider> 没有更多了 </nut-divider>
+      </view>
+      <view class="col"/>
+    </view>
+
+  </view>
+
+<!--  <nut-cell title="展示弹出层" is-link @click="show = true"></nut-cell>-->
+<!--  <nut-popup :style="{ padding: '30px 50px' }" v-model:visible="show">正文</nut-popup>-->
+<!--  <View><Text>{{state.msg}}</Text></View>-->
+<!--  <nut-button type="primary" @click="handleClick(state.msg2)">点我</nut-button>-->
+<!--  <Add color="red" />-->
+<!--  <div class="alert alert-primary" role="alert">-->
+<!--    A simple primary alert—check it out!-->
+<!--  </div>-->
+<!--  <h1>Example heading <span class="badge bg-secondary">New</span></h1>-->
+<!--  <button type="button" class="btn btn-primary">-->
+<!--    Notifications <span class="badge text-bg-secondary">4</span>-->
+<!--  </button>-->
+<!--  <button type="button" class="btn btn-primary position-relative">-->
+<!--    Inbox-->
+<!--    <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">-->
+<!--    99+-->
+<!--    <span class="visually-hidden">unread messages</span>-->
+<!--  </span>-->
+<!--  </button>-->
+
+
+<!--  <span class="badge badge-primary">Primary</span>-->
+<!--  <span class="badge text-bg-secondary">Secondary</span>-->
+<!--  <span class="badge text-bg-success">Success</span>-->
+<!--  <span class="badge text-bg-danger">Danger</span>-->
+<!--  <span class="badge text-bg-warning">Warning</span>-->
+<!--  <span class="badge text-bg-info">Info</span>-->
+<!--  <span class="badge text-bg-light">Light</span>-->
+<!--  <span class="badge text-bg-dark">Dark</span>-->
+
 </template>