diff --git a/src/views/site/index.vue b/src/views/site/index.vue index b7ebf26..c1ee228 100644 --- a/src/views/site/index.vue +++ b/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;