调整样式

src/mods/party/AppThreeSessions/AppThreeSessions.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="AppThreeSessions">
-    <div v-if="isShow" style="height:100%;">
-      <div class="fixed-top" style="width:100%;">
+    <div v-if="isShow" class="mainContent">
+      <div class="fixed-top">
         <!-- 头部搜索样式 -->
         <div class="search-box">
           <div class="search-input flex-row" @click="changeSearchBox">
@@ -320,15 +320,20 @@ export default {
   }
 };
 </script>
-<style lang="scss" scope>
+<style lang="scss" scoped>
 .AppThreeSessions {
-  width: 100%;
+  width: 100vw;
   overflow-x: hidden;
 
   .fixed-top {
     z-index: 9999;
   }
 
+  .mainContent {
+    width: 100%;
+    overflow-x: hidden;
+  }
+
   .search-box {
     width: 100%;
     height: 112px;
@@ -438,14 +443,14 @@ export default {
   }
 
   .session-list {
-    padding-top: 224px;
+    padding: 224px 32px 0;
+    box-sizing: border-box;
 
     .session-item {
-      width: 686px;
-      margin: 0 auto 32px auto;
+      margin-bottom: 32px;
       background-color: #fff;
-      // height:462px;      position: relative;
       overflow: hidden;
+      position: relative;
 
       .item-top {
         padding: 32px 32px 0 32px;