src/components/custom-input/custom-input.vue

@@ -12,7 +12,6 @@
       @input="inputSearchText"
       :showClear="true"
       @clear="clearInput"
-      placeholderStyle="color:#BABABA"
     ></tm-input>
   </div>
 </template>

src/pages/index/components/chatItem.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <wd-swipe-action class="swipe_action">
+    <wd-swipe-action>
       <div
         @click="cellClick"
         :class="['chatItem', props.data.is_top === 1 ? 'isTop' : '']"
@@ -31,19 +31,23 @@
         </div>
         <div class="chatInfo">
           <div class="chatInfo_1">
-            <div >
+            <div class="flex items-center">
-              <span  class="text-[#000000] text-[32rpx] font-bold opacity-90 mr-[20rpx]">{{ props.data.name }}</span>
+              <div class="text-[#000000] text-[32rpx] font-bold opacity-90">
-              <span v-if="props.data.group_type === 2" class="depTag">
+                {{ props.data.name }}
-                部门
-              </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 ml-[24rpx]">
+              <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>
+            <div class="text-[#000000] text-[28rpx] font-medium opacity-26">
               {{ beautifyTime(props.data.updated_at) }}
             </div>
           </div>
@@ -56,8 +60,6 @@
       </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"
@@ -138,10 +140,6 @@ 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;
@@ -174,7 +172,8 @@ const handleDelete = () => {
 
 .chatInfo_2_1 {
   font-size: 28rpx;
-  color: rgba($color: #000000, $alpha: 0.4);
+  color: #000000;
+  opacity: 40%;
 }
 
 .companyTag {
@@ -187,8 +186,7 @@ const handleDelete = () => {
   border-radius: 6rpx;
   color: #7a58de;
   font-weight: bold;
-
+  margin-left: 12rpx;
-  display: inline-block;
 }
 
 .depTag {
@@ -201,8 +199,7 @@ const handleDelete = () => {
   border-radius: 6rpx;
   color: #377ec6;
   font-weight: bold;
-
+  margin-left: 12rpx;
-  display: inline-block;
 }
 
 .projectTag {
@@ -215,8 +212,7 @@ const handleDelete = () => {
   border-radius: 6rpx;
   color: #c1681c;
   font-weight: bold;
-
+  margin-left: 12rpx;
-  display: inline-block;
 }
 
 .textEllipsis {

src/pages/index/index.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="outer-layer">
     <div>
-      <tm-navbar class="index_top_navbar" :hideBack="false" hideHome title="" :leftWidth="420">
+      <tm-navbar :hideBack="false" hideHome title="" :leftWidth="420">
         <template v-slot:left>
           <div class="flex items-center ml-[48rpx]">
-            <image
+            <tm-image
-              class="w-[72rpx] h-[72rpx]"
+              :width="72"
-              style="border-radius: 50%;"
+              :height="72"
+              :round="12"
               :src="userStore.avatar"
-              mode="scaleToFill"
+            ></tm-image>
-            />
             <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">
-              <image
+              <tm-image
-                class="w-[48rpx] h-[48rpx]"
+                :width="41"
-                style="border-radius: 50%;"
+                :height="41"
+                :round="12"
                 :src="addCircle"
-                mode="scaleToFill"
+              ></tm-image>
-              />
               <template v-slot:label>
                 <div
-                  class="w-full h-[208rpx] pt-[22rpx] pb-[32rpx] pl-[14rpx] pr-[12rpx]"
+                  class="w-full h-[208rpx] pt-[22rpx] pb-[22rpx] pl-[34rpx] pr-[32rpx]"
                 >
                   <div
                     @click="creatGroupChat"
-                    class="flex items-center pl-[22rpx] mb-[32rpx]"
+                    class="flex items-center mb-[30rpx]"
                   >
                     <div class="mr-[26rpx] flex items-center">
                       <tm-image
                         :width="40"
-                        :height="39"
+                        :height="40"
                         :src="cahtPopover"
                       ></tm-image>
                     </div>
@@ -48,12 +48,12 @@
                   <div class="divider"></div>
                   <div
                     @click="toAddressBookPage"
-                    class="flex items-center pl-[22rpx] mt-[32rpx]"
+                    class="flex items-center mt-[28rpx]"
                   >
                     <div class="mr-[26rpx] flex items-center">
                       <tm-image
                         :width="40"
-                        :height="43"
+                        :height="40"
                         :src="zu3289"
                       ></tm-image>
                     </div>
@@ -78,8 +78,6 @@
           :round="1"
           prefix="tmicon-search"
           prefixColor="#46299D"
-          placeholderStyle="color:#BABABA"
-          class="input_search"
         ></tm-input>
       </div>
       <div class="contentRoot">
@@ -193,17 +191,6 @@ 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;
@@ -211,14 +198,6 @@ 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;
@@ -231,7 +210,7 @@ page {
 }
 .popoverBox {
   :deep(.popover-bcc) {
-    transform: translateX(16rpx) translateY(48rpx);
+    transform: translateX(20rpx) translateY(40rpx);
   }
 }
 </style>