diff --git a/src/pages/index/components/chatItem.vue b/src/pages/index/components/chatItem.vue
index 3927756..da80952 100644
--- a/src/pages/index/components/chatItem.vue
+++ b/src/pages/index/components/chatItem.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <wd-swipe-action>
+    <wd-swipe-action class="swipe_action">
       <div
         @click="cellClick"
         :class="['chatItem', props.data.is_top === 1 ? 'isTop' : '']"
@@ -31,23 +31,19 @@
         </div>
         <div class="chatInfo">
           <div class="chatInfo_1">
-            <div class="flex items-center">
-              <div class="text-[#000000] text-[32rpx] font-bold opacity-90">
-                {{ props.data.name }}
-              </div>
-              <div>
-                <div v-if="props.data.group_type === 2" class="depTag">
-                  部门
-                </div>
-                <div v-if="props.data.group_type === 3" class="projectTag">
-                  项目
-                </div>
-                <div v-if="props.data.group_type === 4" class="companyTag">
-                  公司
-                </div>
-              </div>
+            <div >
+              <span  class="text-[#000000] text-[32rpx] font-bold opacity-90 mr-[20rpx]">{{ props.data.name }}</span>
+              <span v-if="props.data.group_type === 2" class="depTag">
+                部门
+              </span>
+              <span v-if="props.data.group_type === 3" class="projectTag">
+                项目
+              </span>
+              <span v-if="props.data.group_type === 4" class="companyTag">
+                公司
+              </span>
             </div>
-            <div class="text-[#000000] text-[28rpx] font-medium opacity-26">
+            <div class="text-[#000000] text-[28rpx] font-medium opacity-26 ml-[24rpx]">
               {{ beautifyTime(props.data.updated_at) }}
             </div>
           </div>
@@ -60,6 +56,8 @@
       </div>
       <template #right>
         <div class="flex flex-row flex-row-center-end">
+          <!-- 样式占位 -->
+          <div style="width:1px"></div>
           <div
             @click="handleTop"
             class="w-[156rpx] h-[154rpx] text-[#ffffff] bg-[#F09F1F] flex items-center justify-center"
@@ -140,6 +138,10 @@ const handleDelete = () => {
 }
 </script>
 <style lang="scss" scoped>
+::v-deep .swipe_action {
+  // border: 1px solid #fff;
+  // transform: translate3d(1px, 0px, 0px) !important;
+}
 .chatItem {
   width: 100%;
   height: 154rpx;
@@ -172,8 +174,7 @@ const handleDelete = () => {
 
 .chatInfo_2_1 {
   font-size: 28rpx;
-  color: #000000;
-  opacity: 40%;
+  color: rgba($color: #000000, $alpha: 0.4);
 }
 
 .companyTag {
@@ -186,7 +187,8 @@ const handleDelete = () => {
   border-radius: 6rpx;
   color: #7a58de;
   font-weight: bold;
-  margin-left: 12rpx;
+
+  display: inline-block;
 }
 
 .depTag {
@@ -199,7 +201,8 @@ const handleDelete = () => {
   border-radius: 6rpx;
   color: #377ec6;
   font-weight: bold;
-  margin-left: 12rpx;
+
+  display: inline-block;
 }
 
 .projectTag {
@@ -212,7 +215,8 @@ const handleDelete = () => {
   border-radius: 6rpx;
   color: #c1681c;
   font-weight: bold;
-  margin-left: 12rpx;
+
+  display: inline-block;
 }
 
 .textEllipsis {
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index d0aa181..05bc3de 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="outer-layer">
     <div>
-      <tm-navbar :hideBack="false" hideHome title="" :leftWidth="420">
+      <tm-navbar class="index_top_navbar" :hideBack="false" hideHome title="" :leftWidth="420">
         <template v-slot:left>
           <div class="flex items-center ml-[48rpx]">
-            <tm-image
-              :width="72"
-              :height="72"
-              :round="12"
+            <image
+              class="w-[72rpx] h-[72rpx]"
+              style="border-radius: 50%;"
               :src="userStore.avatar"
-            ></tm-image>
+              mode="scaleToFill"
+            />
             <div class="ml-[24rpx] text-[36rpx] font-bold">
               {{ userStore.nickname }}
             </div>
@@ -18,24 +18,24 @@
         <template v-slot:right>
           <div class="mr-[48rpx] popoverBox">
             <tm-popover position="br" color="#333333" :width="260">
-              <tm-image
-                :width="41"
-                :height="41"
-                :round="12"
+              <image
+                class="w-[48rpx] h-[48rpx]"
+                style="border-radius: 50%;"
                 :src="addCircle"
-              ></tm-image>
+                mode="scaleToFill"
+              />
               <template v-slot:label>
                 <div
-                  class="w-full h-[208rpx] pt-[22rpx] pb-[22rpx] pl-[34rpx] pr-[32rpx]"
+                  class="w-full h-[208rpx] pt-[22rpx] pb-[32rpx] pl-[14rpx] pr-[12rpx]"
                 >
                   <div
                     @click="creatGroupChat"
-                    class="flex items-center mb-[30rpx]"
+                    class="flex items-center pl-[22rpx] mb-[32rpx]"
                   >
                     <div class="mr-[26rpx] flex items-center">
                       <tm-image
                         :width="40"
-                        :height="40"
+                        :height="39"
                         :src="cahtPopover"
                       ></tm-image>
                     </div>
@@ -48,12 +48,12 @@
                   <div class="divider"></div>
                   <div
                     @click="toAddressBookPage"
-                    class="flex items-center mt-[28rpx]"
+                    class="flex items-center pl-[22rpx] mt-[32rpx]"
                   >
                     <div class="mr-[26rpx] flex items-center">
                       <tm-image
                         :width="40"
-                        :height="40"
+                        :height="43"
                         :src="zu3289"
                       ></tm-image>
                     </div>
@@ -79,6 +79,7 @@
           prefix="tmicon-search"
           prefixColor="#46299D"
           placeholderStyle="color:#BABABA"
+          class="input_search"
         ></tm-input>
       </div>
       <div class="contentRoot">
@@ -192,6 +193,17 @@ page {
   display: flex;
   flex-direction: column;
 }
+
+::v-deep .index_top_navbar > .statusHeight:first-child{
+  height: 70px !important;
+}
+::v-deep .index_top_navbar .statusHeightTop{
+  height: 70px !important;
+}
+::v-deep .index_top_navbar .statusHeightTop > .noNvueBorder:first-child{
+  height: 70px !important;
+}
+
 .root {
   flex: 1;
   padding: 20rpx 0;
@@ -199,6 +211,14 @@ page {
 .searchRoot {
   background-color: #fff;
   padding: 22rpx 18rpx;
+  /* ::v-deep .input_search{
+
+    background: #F9F9FD !important;
+  } */
+  ::v-deep .noNvueBorder > .noNvueBorder > .noNvueBorder{
+    // border: 1px solid red !important;
+    background: #F9F9FD !important;
+  }
 }
 .contentRoot {
   margin-top: 20rpx;
@@ -211,7 +231,7 @@ page {
 }
 .popoverBox {
   :deep(.popover-bcc) {
-    transform: translateX(20rpx) translateY(40rpx);
+    transform: translateX(16rpx) translateY(48rpx);
   }
 }
 </style>