From c98b50f7fe7f0e202229a5b0c209a9bc7b0dce52 Mon Sep 17 00:00:00 2001 From: Lee-1203 <342694918@qq.com> Date: Tue, 15 Feb 2022 18:05:22 +0800 Subject: [PATCH] =?UTF-8?q?=E5=93=8D=E5=BA=94=E5=BC=8F=E5=8F=8A=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/style.css | 83 +++++++++++++++++++++++++++------ htmls/projectIntroduction.html | 10 +++- imgs/arrow.png | Bin 0 -> 986 bytes 3 files changed, 77 insertions(+), 16 deletions(-) create mode 100644 imgs/arrow.png diff --git a/css/style.css b/css/style.css index aa5bc49..50a06e9 100644 --- a/css/style.css +++ b/css/style.css @@ -182,7 +182,6 @@ line-height: 30px; color: #fefefe; margin-bottom: 38px; - text-align: justify; } .contentPage::-webkit-scrollbar {/*滚动条整体样式*/ @@ -313,12 +312,12 @@ transition: all 1s; .Interview{ flex: 1; margin-right: -300px; - padding-left: 200px; + padding-left: 250px; } .InterviewCon{ - overflow: hidden; - padding-left: 30px; + overflow: hidden; + padding-left: 30px; } .suspended{ width: 100%; @@ -427,6 +426,7 @@ transition: all 1s; margin-bottom: 16px; line-height: 24px; color: #e8e8e8; + cursor: pointer; } .projectIntroductionList>div>.on{ text-decoration: underline; @@ -460,19 +460,29 @@ option{ font-size: 20px; background-color: rgba(0,0,0,0); color: #bfbfbf; - padding: 0 15px;box-sizing: border-box; + box-sizing: border-box; border: 1px solid #bfbfbf; display: flex; align-items: center; - margin: auto;margin-top: 20px; + margin: auto; + margin-top: 20px; + cursor: pointer; + appearance:none; /*去掉下拉箭头*/ + background-image: url(../imgs/arrow.png); + background-repeat: no-repeat; + background-size: 11px 7px; + background-position: 74px center; } .projectIntroductionCon .select select{ + padding: 0 15px; font-size: 20px; background-color: rgba(0,0,0,0); color: #bfbfbf; border: none; width: 100%; height: 100%; + cursor: pointer; + appearance:none; /*去掉下拉箭头*/ } .projectIntroductionJt>a{ margin-right: 14px; @@ -550,20 +560,26 @@ padding-right: 30px; font-size: 20px; background-color: rgba(0,0,0,0); color: #bfbfbf; - padding: 0 15px;box-sizing: border-box; + box-sizing: border-box; border: 1px solid #bfbfbf; display: flex; align-items: center; margin: auto; margin-bottom: 43px; + background-image: url(../imgs/arrow.png); + background-repeat: no-repeat; + background-size: 11px 7px; + background-position: 74px center; } .brand .select select{ + padding: 0 15px; font-size: 20px; background-color: rgba(0,0,0,0); color: #bfbfbf; border: none; width: 100%; height: 100%; + appearance:none; /*去掉下拉箭头*/ } .brand .title{ margin-bottom: 22px; @@ -784,6 +800,7 @@ height: 31px; color: #e8e8e8; display: inline-block; padding: 5px; + cursor: pointer; } .indexBrandNav .list .on{ background-color: #3b3a39; @@ -996,6 +1013,9 @@ select{ .siteImage .listImg{ height: auto; } + .nav{ + width: 230px; + } .siteImage{ width: 100%; height: auto; @@ -1007,7 +1027,7 @@ select{ width: 200px; } .engineeringConText{ - width: 80%; + width: 100%; } .engineeringConText .listImg{ width: 80%; @@ -1038,7 +1058,8 @@ select{ margin-bottom: 10px; } .projectIntroductionCon{ - width: 70%; + width: calc(100% - 250px); + max-width: 950px; margin-left: 30px; } .mainCon{ @@ -1063,13 +1084,16 @@ select{ width: 70%; margin: 0px; } + .honoraryCertificate{ + width: calc(100% - 250px); + margin-left: 250px; + max-width: 954px; + } .honoraryCertificateCon{ - width: calc(100% - 250px); - max-width: 954px; - margin-left: 250px; + } .honoraryCertificateCon>.list{ - width: 700px; + width: 100%; } } @@ -1079,6 +1103,9 @@ select{ } } @media screen and (max-width:1020px){ + .nav{ + width: 250px; + } .wellKnownProductsNav{ display: flex; justify-content: space-between; @@ -1132,6 +1159,9 @@ select{ margin: auto; } + .honoraryCertificate{ + margin: 0; + } .projectIntroductionNavButton{ position: absolute; bottom: 0px; @@ -1312,10 +1342,35 @@ select{ .projectIntroduction{ display: block; } + .contentPage{ + padding-right: 0; + } + .text{ + padding: 50px; + height: auto; + } + .text img{ + max-width: 100%; + margin: 10px auto; + } + .engineeringConText{ + height: auto; + text-align: justify; + } + .contentPage .p{ + text-align: justify; + } + .aboutUsText{ + width: 100%; + text-align: justify; + } + .projectIntroductionConMain img{ + width: 100%; + margin: 0 auto; + } } @media screen and (max-width:768px){ - .contactUsTel{ display: block; } diff --git a/htmls/projectIntroduction.html b/htmls/projectIntroduction.html index 9e0e01c..44e8469 100644 --- a/htmls/projectIntroduction.html +++ b/htmls/projectIntroduction.html @@ -58,7 +58,7 @@

開元集團光霧合谷酒店

-

釋玥森林度假酒店

+

釋玥森林度假酒店

樂山.清水荷花素食餐廳

巴中通江主題酒店

甘南州臨潭縣臨潭大酒店

@@ -73,7 +73,6 @@

寬窄巷子.天趣.紫園

-
@@ -205,4 +204,11 @@ + diff --git a/imgs/arrow.png b/imgs/arrow.png new file mode 100644 index 0000000000000000000000000000000000000000..97b00e4caba1660ca93d921dc5820d782419879a GIT binary patch literal 986 zcmaJ=PiWIn91b{CHg{4)J;);yQL%YRnr=yG9Ba~U6*ER#SPwc(leaZ=$xD+ro9!SX zdYB^K1i`DIg9)A#L{!AXK-gVDJc%%HAcz-1U%IyQU=6&yKYZW!`}4lHIx{^vJa}x7 zVVL3Klu@Gd5FPvW@1_4w{#B5}977hgA*7+PJ4sc|8KC13febgAvIQvv z#uQE%O-qV$7KpqcLtchLIwg#%60eFP=zJ`V7CQ54$tZMU(VfQD2?|| zfP$hZkQbpSrYIs6E&IfZQ+_nkRWMLwhi*Vz?1Mzns^KM~u{6`261<=%>qnh7(T2g; z3ZTI8Nl9IxY5pJTc|CMQN@zFVe+oyH-r9EMW@>w(^QLoL@eJ%MMGn$3g^0xD&-6@Ba4chmn1>R>#}ZS z3bL4!#e&X{rNu7S!1j`deA4AQyWEMs+{6xEKqDI{bgv+%5MmFs%U0d~xs3JI>u{a^ zxyXIFkR}6@%l+%JyGPVP$+Bl%y6Kr8`PA_twf4tvb0_GtIA1g-D)EOKcdbE&A1E}> z{QUiP{lLR}@8{MJZyyBgm)F}jCqF-0dz1UIdcQeT(Xwlshn~NCaPiLZueEDWe@W}N fH@3b%zB+J(d3mcIZ*7+4