Skip to content

梁建民 / h5

Go to a project
Commit 909587bd by LJM
Options

css

parent a2a1e5c5
Expand all
Inline Side-by-side
Showing with 173 additions and 106 deletions
src/assets/css/about/contact.less
.contact { .contact {
padding-top: 0.27rem; padding-top: 0.27rem;
padding-bottom: 0.3rem; padding-bottom: 0.3rem;
.a4a4 {
color: #a4a4a4;
position: relative;
left: -0.12rem;
}
color: #333;
font-size: 12px;
font-weight: bold;
.groupp {
width: 9.6rem;
height: 1.87rem;
background: #FFFFFF;
box-shadow: 0rem 0rem 0.09rem 0rem rgba(180, 202, 211, 0.38);
border-radius: 0.08rem;
margin: 0 auto;
margin-bottom: 0.27rem;
padding-left: 0.57rem;
padding-top: 0.39rem;
.wh {
width: 2.7rem;
}
.a4a4 { .rbps {
color: #a4a4a4; margin-bottom: 0.1rem;
position: relative;
left: -0.12rem;
} }
color:#333; i {
font-size: 12px; font-size: 26px;
font-weight: bold; margin-right: 0.36rem;
.groupp { &.iconaa5 {
width: 9.6rem; color: #ffc423;
height: 1.87rem; }
&.iconaa6 {
color: #1768e4;
}
&.iconaa3 {
color: #7dbd47;
}
&.iconaa4 {
color: #905ae6;
}
}
.rpcon {
margin-left: 1.4rem;
}
}
.address-info {
margin: 0.48rem auto 0;
width: 9.6rem;
.add-info-box-tab {
li {
line-height: 0.93rem;
text-align: center;
height: 0.93rem;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rem 0rem 0.09rem 0rem rgba(180, 202, 211, 0.38); box-shadow: 0rem 0rem 0.09rem 0rem rgba(180, 202, 211, 0.38);
border-radius: 0.08rem; border-radius: 3px 3px 0rem 0rem;
margin: 0 auto; margin-right: 0.13rem;
margin-bottom: 0.27rem; padding: 0 0.05rem;
padding-left: 0.57rem;
padding-top: 0.39rem; &:last-child {
margin-right: 0;
.wh {
width: 2.7rem;
} }
.rbps { &.act {
margin-bottom: 0.1rem; background: #1969F9;
color: #fff;
} }
}
}
i { .add-info-box {
font-size: 26px; background: #FFFFFF;
margin-right: 0.36rem; box-shadow: 0rem 0rem 0.09rem 0rem rgba(180, 202, 211, 0.38);
border-radius: 3px;
padding-bottom: 0.2rem;
&.iconaa5 { .mapbg-list {
color: #ffc423; padding: 10px;
}
li {
margin-right: 5px;
&:last-child {
margin-right: 0;
}
&.iconaa6 { i {
color: #1768e4; width: 10px;
height: 10px;
&.color1 {
background-color: #1280d0;
} }
&.iconaa3 { &.color2 {
color: #7dbd47; background-color: #ff812f;
} }
&.iconaa4 { &.color3 {
color: #905ae6; background-color: #004b8b;
} }
} }
.rpcon {
margin-left: 1.4rem;
}
}
.address-info { span {
margin: 0 auto; font-size: 14px;
width: 9.6rem; color: #000000;
margin-top: 0.48rem; font-weight: bold;
margin-left: 4px;
}
ul {
li {
line-height: 0.93rem;
text-align: center;
height: 0.93rem;
background: #FFFFFF;
box-shadow: 0rem 0rem 0.09rem 0rem rgba(180, 202, 211, 0.38);
border-radius: 3px 3px 0rem 0rem;
margin-right: 0.13rem;
padding: 0 0.05rem;
&:last-child {
margin-right: 0;
}
&.act {
background: #1969F9;
color: #fff;
}
}
} }
}
.add-info-box { .mapbg {
background: #FFFFFF; width: 100%;
box-shadow: 0rem 0rem 0.09rem 0rem rgba(180, 202, 211, 0.38); height: 344px;
border-radius: 3px; background: url(../../images/aboutus/map.jpg) no-repeat center;
padding-bottom: 0.2rem; background-size: cover;
}
.mapbg {
width: 100%;
height: 344px;
background: url(../../images/aboutus/map.jpg) no-repeat center;
background-size: cover;
}
.address-con-group { .address-con-group {
width: 9.6rem; width: 9.6rem;
padding-top: 0.45rem; padding-top: 0.45rem;
padding-left: 0.17rem; padding-left: 0.17rem;
.a4a4 { .a4a4 {
color: #a4a4a4; color: #a4a4a4;
} }
.mt2 { .mt2 {
margin-top: 0.2rem; margin-top: 0.2rem;
} }
.mt4 { .mt4 {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
i { i {
font-size: 14px; font-size: 14px;
color: #6f6f6f; color: #6f6f6f;
margin-right: 0.19rem; margin-right: 0.19rem;
} }
} }
.dtbox { .dtbox {
height: 5.07rem; height: 5.07rem;
margin-top: 0.4rem; margin-top: 0.4rem;
} }
}
} }
}
} }
\ No newline at end of file
src/assets/css/about/contact.css → src/assets/css/about/contact.min.css
...@@ -47,11 +47,10 @@ ...@@ -47,11 +47,10 @@
margin-left: 1.4rem; margin-left: 1.4rem;
} }
.contact .address-info { .contact .address-info {
margin: 0 auto; margin: 0.48rem auto 0;
width: 9.6rem; width: 9.6rem;
margin-top: 0.48rem;
} }
.contact .address-info ul li { .contact .address-info .add-info-box-tab li {
line-height: 0.93rem; line-height: 0.93rem;
text-align: center; text-align: center;
height: 0.93rem; height: 0.93rem;
...@@ -61,10 +60,10 @@ ...@@ -61,10 +60,10 @@
margin-right: 0.13rem; margin-right: 0.13rem;
padding: 0 0.05rem; padding: 0 0.05rem;
} }
.contact .address-info ul li:last-child { .contact .address-info .add-info-box-tab li:last-child {
margin-right: 0; margin-right: 0;
} }
.contact .address-info ul li.act { .contact .address-info .add-info-box-tab li.act {
background: #1969F9; background: #1969F9;
color: #fff; color: #fff;
} }
...@@ -74,6 +73,34 @@ ...@@ -74,6 +73,34 @@
border-radius: 3px; border-radius: 3px;
padding-bottom: 0.2rem; padding-bottom: 0.2rem;
} }
.contact .address-info .add-info-box .mapbg-list {
padding: 10px;
}
.contact .address-info .add-info-box .mapbg-list li {
margin-right: 5px;
}
.contact .address-info .add-info-box .mapbg-list li:last-child {
margin-right: 0;
}
.contact .address-info .add-info-box .mapbg-list li i {
width: 10px;
height: 10px;
}
.contact .address-info .add-info-box .mapbg-list li i.color1 {
background-color: #1280d0;
}
.contact .address-info .add-info-box .mapbg-list li i.color2 {
background-color: #ff812f;
}
.contact .address-info .add-info-box .mapbg-list li i.color3 {
background-color: #004b8b;
}
.contact .address-info .add-info-box .mapbg-list li span {
font-size: 14px;
color: #000000;
font-weight: bold;
margin-left: 4px;
}
.contact .address-info .add-info-box .mapbg { .contact .address-info .add-info-box .mapbg {
width: 100%; width: 100%;
height: 344px; height: 344px;
...@@ -103,3 +130,4 @@ ...@@ -103,3 +130,4 @@
height: 5.07rem; height: 5.07rem;
margin-top: 0.4rem; margin-top: 0.4rem;
} }
/*# sourceMappingURL=contact.min.css.map */
\ No newline at end of file
src/assets/css/about/contact.min.css.map 0 → 100644
{"version":3,"sources":["contact.less"],"names":[],"mappings":"AAAA;EACE,oBAAA;EACA,sBAAA;EAQA,WAAA;EACA,eAAA;EACA,iBAAA;;AAZF,QAIE;EACE,cAAA;EACA,kBAAA;EACA,cAAA;;AAPJ,QAcE;EACE,aAAA;EACA,eAAA;EACA,mBAAA;EACA,4DAAA;EACA,sBAAA;EACA,cAAA;EACA,sBAAA;EACA,qBAAA;EACA,oBAAA;;AAvBJ,QAcE,QAWE;EACE,aAAA;;AA1BN,QAcE,QAeE;EACE,qBAAA;;AA9BN,QAcE,QAmBE;EACE,eAAA;EACA,qBAAA;;AAEA,QAvBJ,QAmBE,EAIG;EACC,cAAA;;AAGF,QA3BJ,QAmBE,EAQG;EACC,cAAA;;AAGF,QA/BJ,QAmBE,EAYG;EACC,cAAA;;AAGF,QAnCJ,QAmBE,EAgBG;EACC,cAAA;;AAlDR,QAcE,QAwCE;EACE,mBAAA;;AAvDN,QA2DE;EACE,sBAAA;EACA,aAAA;;AA7DJ,QA2DE,cAIE,kBACE;EACE,oBAAA;EACA,kBAAA;EACA,eAAA;EACA,mBAAA;EACA,4DAAA;EACA,gCAAA;EACA,qBAAA;EACA,kBAAA;;AAEA,QAfN,cAIE,kBACE,GAUG;EACC,eAAA;;AAGF,QAnBN,cAIE,kBACE,GAcG;EACC,mBAAA;EACA,WAAA;;AAhFV,QA2DE,cA0BE;EACE,mBAAA;EACA,4DAAA;EACA,kBAAA;EACA,sBAAA;;AAzFN,QA2DE,cA0BE,cAME;EACE,aAAA;;AA5FR,QA2DE,cA0BE,cAME,YAGE;EACE,iBAAA;;AAEA,QAtCR,cA0BE,cAME,YAGE,GAGG;EACC,eAAA;;AAlGZ,QA2DE,cA0BE,cAME,YAGE,GAOE;EACE,WAAA;EACA,YAAA;;AAEA,QA9CV,cA0BE,cAME,YAGE,GAOE,EAIG;EACC,yBAAA;;AAGF,QAlDV,cA0BE,cAME,YAGE,GAOE,EAQG;EACC,yBAAA;;AAGF,QAtDV,cA0BE,cAME,YAGE,GAOE,EAYG;EACC,yBAAA;;AAlHd,QA2DE,cA0BE,cAME,YAGE,GAyBE;EACE,eAAA;EACA,cAAA;EACA,iBAAA;EACA,gBAAA;;AA3HZ,QA2DE,cA0BE,cA2CE;EACE,WAAA;EACA,aAAA;EACA,8DAAA;EACA,sBAAA;;AApIR,QA2DE,cA0BE,cAkDE;EACE,aAAA;EACA,oBAAA;EACA,qBAAA;;AA1IR,QA2DE,cA0BE,cAkDE,mBAKE;EACE,cAAA;;AA7IV,QA2DE,cA0BE,cAkDE,mBASE;EACE,kBAAA;;AAjJV,QA2DE,cA0BE,cAkDE,mBAaE;EACE,kBAAA;;AArJV,QA2DE,cA0BE,cAkDE,mBAiBE;EACE,eAAA;EACA,cAAA;EACA,qBAAA;;AA3JV,QA2DE,cA0BE,cA2EE;EACE,eAAA;EACA,kBAAA","file":"contact.min.css"}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment