Browse Source

修复下拉滑动问题

wkw 1 month ago
parent
commit
5ef3f0ea31

+ 6 - 6
src/views/im/chat/index.vue

@@ -207,6 +207,11 @@
             </div>
           </template>
         </div>
+        <svg-icon
+          class="page-icon mr12 emoji-toggle"
+          name="emoji"
+          @click="toggleAppBox(1)"
+        />
         <van-button class="sendText"
           v-if="text.trim()"
           type="primary"
@@ -217,11 +222,6 @@
           发送
         </van-button>
         <template v-else>
-          <svg-icon
-            class="page-icon mr12 emoji-toggle"
-            name="emoji"
-            @click="toggleAppBox(1)"
-          />
           <svg-icon v-if="showBurn" @click="closeMessaageBurning"
             class="page-icon-qx"
             name="qx"
@@ -1489,7 +1489,7 @@ const goDetail = () =>{
   line-height: 25px !important;
   border-radius: 4px;
   background-color: #4765dd;
-  padding: 0 16px;
+  padding: 0 10px;
   box-sizing: border-box;
 }
 :deep(.van-button:before){

+ 6 - 0
src/views/im/contactList/groupList/index.vue

@@ -116,6 +116,8 @@ onMounted(() => {
 <style lang="less" scoped>
 .container {
     height: 100%;
+    display: flex;
+    flex-direction: column;
     :deep(.van-search) {
         padding: 4px 16px !important;
     }
@@ -183,6 +185,7 @@ onMounted(() => {
     }
     .content {
         margin: 16px;
+        overflow: auto;
         .list-ul {
             background: #fff;
             border-radius: 12px;
@@ -219,5 +222,8 @@ onMounted(() => {
             }
         }
     }
+    .content::-webkit-scrollbar{
+        width: 0;
+    }
 }
 </style>

+ 7 - 0
src/views/im/detail/checkMember/index.vue

@@ -93,6 +93,8 @@ onMounted(() => {
 <style lang="less" scoped>
 .container{
     height: 100%;
+    display: flex;
+    flex-direction: column;
     :deep(.van-search){
         padding: 4px 16px !important;
     }
@@ -154,6 +156,8 @@ onMounted(() => {
     }
     .content{
         margin: 8px 16px;
+        flex: 1;
+        overflow: auto;
         .list-ul{
             background: #fff;
             border-radius: 12px;
@@ -201,5 +205,8 @@ onMounted(() => {
             }
         }
     }
+    .content::-webkit-scrollbar{
+        width: 0;
+    }
 }
 </style>

+ 3 - 3
src/views/im/index.vue

@@ -32,7 +32,7 @@
         <svg-icon class="search-icon" name="search" />
         <span>请输入关键词</span>
       </div> -->
-      <van-pull-refresh v-model="loading" @refresh="onRefresh" style="height:100%;overflow:auto;">
+      <van-pull-refresh v-model="loading" @refresh="onRefresh" style="height:100%;overflow:auto;background: #F7F8FA;border-radius: 30px 30px 0 0;">
       <div class="message-list">
         <template v-if="list.length > 0">
           <div class="list-item" :class="(item.uuid === wsStore.toUserInfo?.uuid ? wsStore.toUserInfo?.stick : item.stick) ? 'bgstick-color' : ''"  v-for="(item,i) in list" :key="i" @click="goToChat(item,i)">
@@ -306,8 +306,8 @@ onMounted(()=>{
     }
   }
   .message-list{
-    background: #F7F8FA;
-    border-radius: 30px 30px 0 0;
+    // background: #F7F8FA;
+    // border-radius: 30px 30px 0 0;
     flex: 1;
     //overflow: auto;
     // margin-top: 16px;