From 3fe80ef076b5da704c0c24e21a063bb80e95e809 Mon Sep 17 00:00:00 2001 From: YDD <3223657165@qq.com> Date: Tue, 14 Sep 2021 18:11:47 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B7=9F=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/logshoppingcar/artist.css | 11 +- css/logshoppingcar/logRespon.css | 37 +++++++ css/logshoppingcar/login.css | 12 +- css/logshoppingcar/mecha.css | 14 +-- css/logshoppingcar/reg.css | 169 +++++++++++++++++++++-------- css/logshoppingcar/ret.css | 11 +- css/logshoppingcar/shopcar2.css | 1 + htmls/logshoppingcar/artist.html | 67 ++++++++---- htmls/logshoppingcar/login.html | 4 - htmls/logshoppingcar/mecha.html | 7 +- htmls/logshoppingcar/reg.html | 68 +----------- htmls/logshoppingcar/ret.html | 9 +- htmls/logshoppingcar/shopcar.html | 1 + htmls/logshoppingcar/tobepaid.html | 7 +- htmls/logshoppingcar/zf.html | 4 +- img/images/backimage.png | Bin 0 -> 459331 bytes 16 files changed, 235 insertions(+), 187 deletions(-) create mode 100644 css/logshoppingcar/logRespon.css create mode 100644 img/images/backimage.png diff --git a/css/logshoppingcar/artist.css b/css/logshoppingcar/artist.css index 57196f2..e346181 100644 --- a/css/logshoppingcar/artist.css +++ b/css/logshoppingcar/artist.css @@ -25,7 +25,7 @@ header .img img { header .bac { height: 930px; background-size: 100% 100%; - background-image: url("../../img/images/backimg.png"); + background-image: url("../../img/images/backimage.png"); } header .container { @@ -164,15 +164,18 @@ header .container .codes input { margin-top: 0; } -header .container .codes canvas { +header .container .codes li { width: 200px; height: 40px; background: #efefef; border-radius: 5px; } -header .container .codes canvas p { - color: #000; +header .container .codes li p { + color: #8c8c8c; + text-align: center; + font-size: 14px; + margin-top: 10px; z-index: 3; } diff --git a/css/logshoppingcar/logRespon.css b/css/logshoppingcar/logRespon.css new file mode 100644 index 0000000..a8578b7 --- /dev/null +++ b/css/logshoppingcar/logRespon.css @@ -0,0 +1,37 @@ +@media screen and (max-width:300px) { + +} +@media screen and (min-width:301px) and (max-width:350px) { + +} +@media screen and (min-width:351px) and (max-width:420px) { + +} +@media screen and (min-width:421px) and (max-width:490px) { + +} +@media screen and (min-width:491px) and (max-width:620px) { + +} +@media screen and (min-width:621px) and (max-width:720px) { + +} +@media screen and (min-width:891px) and (max-width:1160ox) { + .swiper-wrapper img{width: 70%;padding: 0px 10px;} +} + @media screen and (min-width:1161px) and (max-width:1460px) { + td:nth-child(1){ width: 50px;} + td:nth-child(n + 2) {padding: 10px 20px;} + .swiper-wrapper img{width: 90%;padding: 0px 10px;height: 200px;} +} +@media screen and (min-width:1461px) and (max-width:1660px) { + .swiper-wrapper img{padding: 0px 7px;} +} +@media screen and (min-width:1661px) and (max-width:1820px) { + .swiper-wrapper img{padding: 0px 10px;} +} +@media screen and (min-width:1821px) and (max-width:1920px) { +section{padding: 15px 50px;} +tfoot{height: 90px;} +.swiper-wrapper img{max-width: 90%;} +} \ No newline at end of file diff --git a/css/logshoppingcar/login.css b/css/logshoppingcar/login.css index 59fd828..98a9ef3 100644 --- a/css/logshoppingcar/login.css +++ b/css/logshoppingcar/login.css @@ -11,21 +11,11 @@ a { text-decoration: none; } -header .img { - position: absolute; - left: 20%; - top: 5%; - transform: translate(-20%, -5%); -} - -header .img img { - height: 50px; -} header .bac { height: 930px; background-size: 100% 100%; - background-image: url("../../img/images/backimg.png"); + background-image: url("../../img/images/backimage.png"); } header .container { diff --git a/css/logshoppingcar/mecha.css b/css/logshoppingcar/mecha.css index 4be147a..39d1c0c 100644 --- a/css/logshoppingcar/mecha.css +++ b/css/logshoppingcar/mecha.css @@ -11,21 +11,10 @@ a { text-decoration: none; } -header .img { - position: absolute; - left: 20%; - top: 5%; - transform: translate(-20%, -5%); -} - -header .img img { - height: 50px; -} - header .bac { height: 930px; background-size: 100% 100%; - background-image: url("../../img/images/backimg.png"); + background-image: url("../../img/images/backimage.png"); } header .container { @@ -173,7 +162,6 @@ header .container .codes li { header .container .codes li p { color: #8c8c8c; - z-index: 3; text-align: center; font-size: 14px; margin-top: 10px; diff --git a/css/logshoppingcar/reg.css b/css/logshoppingcar/reg.css index f3f5edc..551ebc8 100644 --- a/css/logshoppingcar/reg.css +++ b/css/logshoppingcar/reg.css @@ -11,31 +11,21 @@ a { text-decoration: none; } -header .img { - position: absolute; - left: 20%; - top: 5%; - transform: translate(-20%, -5%); -} - -header .img img { - height: 50px; -} header .bac { - height: 850px; + height: 930px; background-size: 100% 100%; - background-image: url("../../img/images/backimg.png"); + background-image: url("../../img/images/backimage.png"); } header .container { - width: 560px; + width: 420px; height: 570px; min-height: 320px; max-height: 570px; position: absolute; - top: -350px; - left: -40px; + top: 80px; + left: 25px; bottom: 0; right: 0; margin: auto; @@ -71,15 +61,12 @@ header .container .identity ul { } header .container .identity ul li { - display: inline-flex; - margin: auto; + width: 400px; padding: 0px 28px; } header .container .identity ul li a { - font-size: 18px; height: 23px; - margin: 0px 30px; color: #737373; } @@ -91,6 +78,7 @@ header .container .identity ul li .set_1_btn { text-align: center; max-width: 100px; text-decoration: none; + width: 100%; } header .container .identity ul li .Vbtn-2 { @@ -115,7 +103,7 @@ header .container .identity ul li .Vbtn-2:hover:after { border-color: #56c5ff; -webkit-transition: width 350ms ease-in-out; transition: width 350ms ease-in-out; - width: 100%; + width: 70%; } header .container .identity ul li:visited { @@ -123,26 +111,26 @@ header .container .identity ul li:visited { } header .container .layui-input { - border: 0; - outline: medium; border-radius: 5px; width: 400px; height: 40px; font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; } header .container .layui-form-item .checkb { - display: contents; -} - -header .container .layui-form-item .checkb .ui-checkbox { - margin: 0; - height: 0; + margin-left: 30px; } header .container .layui-form-item .checkb input { display: block; position: relative; + top: 19px; } header .container .layui-form-item .checkb a { @@ -154,17 +142,8 @@ header .container .layui-form-item .font-set { text-decoration: none; } -header .container .layui-input-block { - border: 0px; - outline: none; -} - -header .container .layui-input-block input { - margin: 0; -} - header .container .layui-input-block:last-child { - margin: 0px 10px; + margin-left: 20px; } header .container .codes { @@ -180,12 +159,10 @@ header .container .codes li { height: 40px; background: #efefef; border-radius: 5px; - margin-top: 10px; } header .container .codes li p { color: #8c8c8c; - z-index: 3; text-align: center; font-size: 14px; margin-top: 10px; @@ -193,15 +170,16 @@ header .container .codes li p { } header .container .layui-btn { + margin-left: 18px; border-radius: 5px; + width: 400px; height: 40px; font-size: 15px; - color: #fff; background-color: #cb1919; } header .container .verity { - width: 340px; + width: 200px; } header .container .bot { @@ -261,6 +239,109 @@ section .navig .label .label-icon ul li img { width: 25px; } -@media screen and (min-width:621px) and (max-width:720px) { +footer { + padding: 0px 180px; +} -} \ No newline at end of file +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/ret.css b/css/logshoppingcar/ret.css index 1cbe685..cc201a1 100644 --- a/css/logshoppingcar/ret.css +++ b/css/logshoppingcar/ret.css @@ -11,21 +11,12 @@ a { text-decoration: none; } -header .img { - position: absolute; - left: 20%; - top: 5%; - transform: translate(-20%, -5%); -} -header .img img { - height: 50px; -} /* 背景图 */ header .bac { height: 930px; background-size: 100% 100%; - background-image: url("../../img/images/backimg.png"); + background-image: url("../../img/images/backimage.png"); } /* 找回密码表单 */ header .container { diff --git a/css/logshoppingcar/shopcar2.css b/css/logshoppingcar/shopcar2.css index 546bc41..aa2db22 100644 --- a/css/logshoppingcar/shopcar2.css +++ b/css/logshoppingcar/shopcar2.css @@ -102,6 +102,7 @@ section .whoil .whoil-1 table tbody .inline td:nth-child(4) input { section .whoil .whoil-1 table tfoot { background-color: #f3f3f3; + height: 50px; } section .whoil .whoil-1 table tfoot td:nth-child(1) { diff --git a/htmls/logshoppingcar/artist.html b/htmls/logshoppingcar/artist.html index cb1568e..5b44fd7 100644 --- a/htmls/logshoppingcar/artist.html +++ b/htmls/logshoppingcar/artist.html @@ -8,29 +8,53 @@