odjbin/tunnel-cloud-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'dev' (#93) from dev into master

Browse Source 
Reviewed-on: http://git.feashow.cn/clay/tunnel-cloud-web/pulls/93
This commit is contained in:
odjbin
2023-12-12 13:34:00 +00:00
parent 66ed4aaa81 bf36d8434d
commit d919252bc3
1 changed files with 37 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/site/index.vue
View File

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