邓洁 : 修改站点管理样式

src/views/site/index.vue

@@ -111,7 +111,21 @@ const siteList = ref([
     sortTunnel: '一号隧道',
     constructionLength: 500,
     implementationLength: 10
-  }
+  },
+  {
+    siteName: '松江站',
+    num: 1,
+    sortTunnel: '一号隧道',
+    constructionLength: 500,
+    implementationLength: 10
+  },
+  {
+    siteName: '松江站',
+    num: 1,
+    sortTunnel: '一号隧道',
+    constructionLength: 500,
+    implementationLength: 10
+  },
 ])
 const siteId = ref('iu78686')
 const siteManageId = ref('j98h0')
@@ -219,7 +233,7 @@ const handleClickSite = () => {
 }
 
 .site-bgc {
-  padding: 85px 30px 0 30px;
+  padding: 85px 0 0 0;
   width: 100%;
   height: 100%;
   background-image: url('@/assets/images/site/zdgl_dbj.png');
@@ -282,7 +296,9 @@ const handleClickSite = () => {
   .box-content {
     display: flex;
     flex-wrap: wrap;
-    padding-left: 70px;
+    padding-left: 100px;
+    padding-right: 100px;
+    justify-content: space-between;
 
     .add-box {
       cursor: pointer;
@@ -304,14 +320,18 @@ const handleClickSite = () => {
 
     .site-box {
       margin-top: 122px;
-      margin-right: 140px;
+      //margin-right: 122px;
       padding: 40px 50px;
-      width: 1200px;
+      width: 1158px;
       height: 718px;
       background-image: url('@/assets/images/site/zdgl_bj.png');
       //box-sizing: border-box;
       position: relative;
 
+      &:nth-child(3) {
+        margin-right: 0;
+      }
+
       .top {
         display: flex;
         justify-content: space-between;
@@ -345,7 +365,7 @@ const handleClickSite = () => {
 
         .left-img {
           margin-top: 50px;
-          margin-right: 100px;
+          margin-right: 60px;
           width: 480px;
           height: 350px;
           background-image: url('@/assets/images/site/zdgl_zd.png');
@@ -471,12 +491,15 @@ const handleClickSite = () => {
     align-items: center;
     color: #60DDDE;
     font-size: 32px;
-    >span:first-child{
+
+    > span:first-child {
       margin-right: 60px;
     }
-    >span:last-child{
+
+    > span:last-child {
       margin-left: 71px;
     }
+
     :deep(.btn-prev) {
       background-color: transparent;
       font-size: 32px;
@@ -494,7 +517,8 @@ const handleClickSite = () => {
       color: #60DDDE;
       margin-left: 30px;
     }
-    :deep(.el-pager li.is-active ){
+
+    :deep(.el-pager li.is-active ) {
       width: 60px;
       height: 60px;
       background: #60DDDE;
@@ -504,10 +528,12 @@ const handleClickSite = () => {
       font-family: MicrosoftYaHei, MicrosoftYaHei;
       font-weight: bold;
     }
-    :deep(.el-pager li){
+
+    :deep(.el-pager li) {
       margin-left: 40px;
     }
-    :deep(.el-pager li:not(.is-active) ){
+
+    :deep(.el-pager li:not(.is-active) ) {
       width: 60px;
       height: 60px;
       border: 1px solid #60DDDE;