整理代码

src/views/Home.vue

@@ -180,9 +180,6 @@ export default {
     width: 30%;
     display: block;
   }
-  // .twoList {
-  //   width: 71%;
-  // }
   .xzbox {
     width: 30%;
     position: relative;

src/views/details.vue

@@ -46,7 +46,7 @@ export default {
   }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .detailsHome {
   width: 70%;
   margin: 0 auto;

src/views/leader.vue

@@ -47,7 +47,7 @@ export default {
   }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .detailsHome {
   width: 70%;
   margin: 5% auto;

src/views/list.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="list">
     <breadcrumb ref="breadcrumb"></breadcrumb>
     <div class="listHome">
       <div class="listBoxLeft">
@@ -76,59 +76,62 @@ export default {
   }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .divider {
   width: 70%;
   margin: 5% auto;
 }
-.listHome {
+.list {
   width: 70%;
   margin: 0 auto;
-  display: flex;
-  .listBoxLeft {
-    width: 25%;
-    margin-top: 5%;
-    margin-right: 5%;
-  }
-  .listBoxRight {
-    width: 70%;
-    margin-top: 5%;
-    .listBox {
-      width: 100%;
-      margin: 0 auto;
-      margin-bottom: 5%;
-      .el-card__body {
-        display: flex;
-      }
-      .listimg {
-        display: block;
-        width: 15%;
-        height: 150px;
-        cursor: pointer;
-      }
-      .text {
-        width: 70%;
-        margin-left: 5%;
-        .title {
-          cursor: pointer;
-          width: 100%;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
+  .listHome {
+    width: 100%;
+    display: flex;
+    .listBoxLeft {
+      width: 25%;
+      margin-top: 5%;
+      margin-right: 5%;
+    }
+    .listBoxRight {
+      width: 70%;
+      margin-top: 5%;
+      .listBox {
+        width: 100%;
+        margin: 0 auto;
+        margin-bottom: 5%;
+        .el-card__body {
+          display: flex;
         }
-        .describe {
-          width: 100%;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          -webkit-line-clamp: 2;
-          -webkit-box-orient: vertical;
-          color: #999;
+        .listimg {
+          display: block;
+          width: 15%;
+          height: 150px;
+          cursor: pointer;
         }
-        .date {
-          width: 100%;
-          color: #999;
-          line-height: 3em;
+        .text {
+          width: 70%;
+          margin-left: 5%;
+          .title {
+            cursor: pointer;
+            width: 100%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+          .describe {
+            width: 100%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+            color: #999;
+          }
+          .date {
+            width: 100%;
+            color: #999;
+            line-height: 3em;
+          }
         }
       }
     }

src/views/org.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="list">
     <breadcrumb ref="breadcrumb"></breadcrumb>
     <div class="listHome">
       <div class="listBoxLeft">
@@ -69,31 +69,36 @@ export default {
   }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .divider {
   width: 70%;
   margin: 5% auto;
 }
-.listHome {
+.list{
   width: 70%;
   margin: 0 auto;
-  display: flex;
-  .listBoxLeft {
-    width: 25%;
-    margin-top: 5%;
-    margin-right: 5%;
-  }
-  .listBoxRight {
-    width: 70%;
-    margin-top: 5%;
+  .listHome {
+    width: 100%;
     display: flex;
-    flex-wrap: wrap;
-    .btn {
+    .listBoxLeft {
+      width: 25%;
+      margin-top: 5%;
+      margin-right: 5%;
+    }
+    .listBoxRight {
+      width: 70%;
+      margin-top: 5%;
+      display: flex;
+      flex-wrap: wrap;
+      align-content: flex-start;
+      .btn {
         height: 3em;
         line-height: 1em;
         padding: 0 8%;
         margin-right: 2%;
         position: relative;
+        margin-left: 0;
+        margin-bottom: 5%;
         .xian {
             position: absolute;
             width: 5%;
@@ -102,6 +107,7 @@ export default {
             top: 10%;
             right: 5%;
         }
+      }
     }
   }
   .pagination {

src/views/pages.vue

@@ -36,7 +36,7 @@ export default {
   }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .detailsHome {
   width: 70%;
   margin: 0 auto;