master
chen 2021-09-14 18:05:58 +08:00
commit 64d3b38fdb
18 changed files with 739 additions and 1119 deletions

View File

@ -206,151 +206,4 @@ header .container #verify #code_img {
vertical-align: top; vertical-align: top;
} }
section {
background-color: #cb1919;
height: 60px;
padding: 0px 180px;
}
section .navig {
width: 100%;
}
section .navig .label .label-text ul {
display: flex;
float: left;
}
section .navig .label .label-text ul li {
padding: 20px 21px;
}
section .navig .label .label-text ul li a {
color: #fff;
}
section .navig .label .label-icon {
background-color: #cb1919;
}
section .navig .label .label-icon ul {
display: flex;
float: right;
}
section .navig .label .label-icon ul li {
padding: 20px 21px;
}
section .navig .label .label-icon ul li img {
width: 25px;
}
footer {
padding: 0px 180px;
}
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;
}

View File

@ -164,15 +164,19 @@ header .container .codes input {
margin-top: 0; margin-top: 0;
} }
header .container .codes canvas { header .container .codes li {
width: 200px; width: 200px;
height: 40px; height: 40px;
background: #efefef; background: #efefef;
border-radius: 5px; border-radius: 5px;
} }
header .container .codes canvas p { header .container .codes li p {
color: #000; color: #8c8c8c;
z-index: 3;
text-align: center;
font-size: 14px;
margin-top: 10px;
z-index: 3; z-index: 3;
} }

View File

@ -164,15 +164,19 @@ header .container .codes input {
margin-top: 0; margin-top: 0;
} }
header .container .codes canvas { header .container .codes li {
width: 200px; width: 200px;
height: 40px; height: 40px;
background: #efefef; background: #efefef;
border-radius: 5px; border-radius: 5px;
} }
header .container .codes canvas p { header .container .codes li p {
color: #000; color: #8c8c8c;
z-index: 3;
text-align: center;
font-size: 14px;
margin-top: 10px;
z-index: 3; z-index: 3;
} }

View File

@ -1,15 +1,16 @@
.myPopup { .myPopup {
width: 1020px; width:100%;
height: 600px; height: 600px;
position: relative; position: relative;
width: 50%; width: 50%;
height: 50%; height: 30%;
transform: (50%-300px, 50%-510px); transform: (50%-300px, 50%-510px);
} }
.ui-popup.ui-body-inherit { .ui-popup.ui-body-inherit {
margin: auto; margin: auto;
margin-top:120px; /* margin-top:10px; */
} }
h1 { h1 {
text-align: center; text-align: center;
line-height: 80px; line-height: 80px;

View File

@ -23,19 +23,19 @@ header .img img {
} }
header .bac { header .bac {
height: 930px; height: 850px;
background-size: 100% 100%; background-size: 100% 100%;
background-image: url("../../img/images/backimg.png"); background-image: url("../../img/images/backimg.png");
} }
header .container { header .container {
width: 420px; width: 560px;
height: 570px; height: 570px;
min-height: 320px; min-height: 320px;
max-height: 570px; max-height: 570px;
position: absolute; position: absolute;
top: 80px; top: -350px;
left: 25px; left: -40px;
bottom: 0; bottom: 0;
right: 0; right: 0;
margin: auto; margin: auto;
@ -71,12 +71,15 @@ header .container .identity ul {
} }
header .container .identity ul li { header .container .identity ul li {
width: 400px; display: inline-flex;
margin: auto;
padding: 0px 28px; padding: 0px 28px;
} }
header .container .identity ul li a { header .container .identity ul li a {
font-size: 18px;
height: 23px; height: 23px;
margin: 0px 30px;
color: #737373; color: #737373;
} }
@ -88,7 +91,6 @@ header .container .identity ul li .set_1_btn {
text-align: center; text-align: center;
max-width: 100px; max-width: 100px;
text-decoration: none; text-decoration: none;
width: 100%;
} }
header .container .identity ul li .Vbtn-2 { header .container .identity ul li .Vbtn-2 {
@ -113,7 +115,7 @@ header .container .identity ul li .Vbtn-2:hover:after {
border-color: #56c5ff; border-color: #56c5ff;
-webkit-transition: width 350ms ease-in-out; -webkit-transition: width 350ms ease-in-out;
transition: width 350ms ease-in-out; transition: width 350ms ease-in-out;
width: 70%; width: 100%;
} }
header .container .identity ul li:visited { header .container .identity ul li:visited {
@ -121,26 +123,26 @@ header .container .identity ul li:visited {
} }
header .container .layui-input { header .container .layui-input {
border: 0;
outline: medium;
border-radius: 5px; border-radius: 5px;
width: 400px; width: 400px;
height: 40px; height: 40px;
font-size: 15px; font-size: 15px;
margin-left: 19px;
margin-top: 20px;
}
header .container .layui-form-item {
margin-left: -30px;
} }
header .container .layui-form-item .checkb { header .container .layui-form-item .checkb {
margin-left: 30px; display: contents;
}
header .container .layui-form-item .checkb .ui-checkbox {
margin: 0;
height: 0;
} }
header .container .layui-form-item .checkb input { header .container .layui-form-item .checkb input {
display: block; display: block;
position: relative; position: relative;
top: 19px;
} }
header .container .layui-form-item .checkb a { header .container .layui-form-item .checkb a {
@ -152,8 +154,17 @@ header .container .layui-form-item .font-set {
text-decoration: none; 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 { header .container .layui-input-block:last-child {
margin-left: 20px; margin: 0px 10px;
} }
header .container .codes { header .container .codes {
@ -164,29 +175,33 @@ header .container .codes input {
margin-top: 0; margin-top: 0;
} }
header .container .codes canvas { header .container .codes li {
width: 200px; width: 200px;
height: 40px; height: 40px;
background: #efefef; background: #efefef;
border-radius: 5px; border-radius: 5px;
margin-top: 10px;
} }
header .container .codes canvas p { header .container .codes li p {
color: #000; color: #8c8c8c;
z-index: 3;
text-align: center;
font-size: 14px;
margin-top: 10px;
z-index: 3; z-index: 3;
} }
header .container .layui-btn { header .container .layui-btn {
margin-left: 18px;
border-radius: 5px; border-radius: 5px;
width: 400px;
height: 40px; height: 40px;
font-size: 15px; font-size: 15px;
color: #fff;
background-color: #cb1919; background-color: #cb1919;
} }
header .container .verity { header .container .verity {
width: 200px; width: 340px;
} }
header .container .bot { header .container .bot {
@ -246,109 +261,6 @@ section .navig .label .label-icon ul li img {
width: 25px; width: 25px;
} }
footer { @media screen and (min-width:621px) and (max-width:720px) {
padding: 0px 180px;
}
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;
} }

View File

@ -95,15 +95,19 @@ header .container .codes input {
margin-top: 0; margin-top: 0;
} }
header .container .codes canvas { header .container .codes li {
width: 200px; width: 200px;
height: 40px; height: 40px;
background: #efefef; background: #efefef;
border-radius: 5px; border-radius: 5px;
} }
header .container .codes canvas p { header .container .codes li p {
color: #000; color: #8c8c8c;
z-index: 3;
text-align: center;
font-size: 14px;
margin-top: 10px;
z-index: 3; z-index: 3;
} }
/* 登录按钮 */ /* 登录按钮 */

View File

@ -12,7 +12,6 @@ a {
} }
section { section {
height: 1200px;
background-color: #f5f5f5; background-color: #f5f5f5;
} }
@ -67,59 +66,75 @@ section .whole .setall .Buyers {
background-color: #fff; background-color: #fff;
} }
section .whole .whole-1 .Buyers span:nth-child(2), section .whole .whole-1 .Buyers #container span:nth-child(2),
section .whole .setall .Buyers span:nth-child(2) { section .whole .setall .Buyers #container span:nth-child(2) {
float: right; float: right;
} }
section .whole .whole-1 .Buyers span:nth-child(2) a, section .whole .whole-1 .Buyers #container span:nth-child(2) a,
section .whole .setall .Buyers span:nth-child(2) a { section .whole .setall .Buyers #container span:nth-child(2) a {
color: #066ee2; color: #066ee2;
} }
section .whole .whole-1 .Buyers .toggle .address, section .whole .whole-1 .Buyers #container #wrap,
section .whole .setall .Buyers .toggle .address { section .whole .setall .Buyers #container #wrap {
overflow: hidden;
margin-top: 20px;
}
section .whole .whole-1 .Buyers #container #wrap .address,
section .whole .setall .Buyers #container #wrap .address {
display: flex; display: flex;
align-items: center; align-items: center;
} }
section .whole .whole-1 .Buyers .toggle .address .name, section .whole .whole-1 .Buyers #container #wrap .address .name,
section .whole .setall .Buyers .toggle .address .name { section .whole .setall .Buyers #container #wrap .address .name {
display: inline-block; display: inline-block;
padding: 10px 50px; padding: 10px 50px;
} }
section .whole .whole-1 .Buyers .toggle .address .na-1, section .whole .whole-1 .Buyers #container #wrap .address .na-1,
section .whole .setall .Buyers .toggle .address .na-1 { section .whole .setall .Buyers #container #wrap .address .na-1 {
border: solid 2px #cb1919; border: solid 2px #cb1919;
} }
section .whole .whole-1 .Buyers .toggle .address .na-2, section .whole .whole-1 .Buyers #container #wrap .address .na-2,
section .whole .setall .Buyers .toggle .address .na-2 { section .whole .setall .Buyers #container #wrap .address .na-2 {
margin-top: 10px; margin-top: 10px;
border: solid 2px #d1d1d1; border: solid 2px #d1d1d1;
} }
section .whole .whole-1 .Buyers .toggle .address p, section .whole .whole-1 .Buyers #container #wrap .address p,
section .whole .setall .Buyers .toggle .address p { section .whole .setall .Buyers #container #wrap .address p {
margin: 0px 15px; margin: 0px 15px;
} }
section .whole .whole-1 .Buyers .toggle .address-2 a, section .whole .whole-1 .Buyers #container #wrap .address-2 a,
section .whole .setall .Buyers .toggle .address-2 a { section .whole .setall .Buyers #container #wrap .address-2 a {
color: #066ee2; color: #066ee2;
} }
section .whole .whole-1 .Buyers .toggle .stop, section .whole .whole-1 .Buyers #container #wrap .stop,
section .whole .setall .Buyers .toggle .stop { section .whole .setall .Buyers #container #wrap .stop {
padding: 20px 20px; padding: 20px 20px;
} }
section .whole .whole-1 .Buyers #container #read-more,
section .whole .setall .Buyers #container #read-more {
margin-top: 20px;
}
section .whole .whole-1 .opt,
section .whole .setall .opt {
margin-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
}
section .whole .whole-1 .opt ul .optall table, section .whole .whole-1 .opt ul .optall table,
section .whole .setall .opt ul .optall table { section .whole .setall .opt ul .optall table {
width: 100%; width: 100%;
background-color: #f3f3f3; background-color: #f3f3f3;
border: 1px solid #e0e0e0;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -138,12 +153,6 @@ section .whole .setall .opt ul .optall th span {
margin-left: 85px; margin-left: 85px;
} }
section .whole .whole-1 .opt .checklist .among,
section .whole .setall .opt .checklist .among {
margin-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
}
section .whole .whole-1 .opt .checklist .among table, section .whole .whole-1 .opt .checklist .among table,
section .whole .setall .opt .checklist .among table { section .whole .setall .opt .checklist .among table {
width: 100%; width: 100%;
@ -157,7 +166,7 @@ section .whole .setall .opt .checklist .among th {
section .whole .whole-1 .opt .checklist .among th:nth-child(1), section .whole .whole-1 .opt .checklist .among th:nth-child(1),
section .whole .setall .opt .checklist .among th:nth-child(1) { section .whole .setall .opt .checklist .among th:nth-child(1) {
width: 135px; width: 100px;
} }
section .whole .whole-1 .opt .checklist .among th:nth-child(1) img, section .whole .whole-1 .opt .checklist .among th:nth-child(1) img,
@ -180,7 +189,8 @@ section .whole .whole-1 .opt .checklist .among th:nth-child(3), section .whole .
section .whole .setall .opt .checklist .among th:nth-child(3), section .whole .setall .opt .checklist .among th:nth-child(3),
section .whole .setall .opt .checklist .among th:nth-child(4), section .whole .setall .opt .checklist .among th:nth-child(4),
section .whole .setall .opt .checklist .among th:nth-child(6) { section .whole .setall .opt .checklist .among th:nth-child(6) {
width: 140px; width: 162px;
text-align: center;
} }
section .whole .whole-1 .opt .checklist .among th:nth-child(5), section .whole .whole-1 .opt .checklist .among th:nth-child(5),
@ -204,9 +214,85 @@ section .whole .setall .opt .checklist .among th:nth-child(5) input:nth-child(2)
width: 30px; width: 30px;
} }
section .whole .whole-1 .coupon,
section .whole .setall .coupon {
width: 100%;
display: inline-flex;
padding-bottom: 40px;
border-bottom: 1px solid #f2f2f2;
}
section .whole .whole-1 .coupon .yh,
section .whole .setall .coupon .yh {
width: 262px;
height: 130px;
margin-right: 25px;
}
section .whole .whole-1 .coupon .yh h1,
section .whole .whole-1 .coupon .yh h3,
section .whole .whole-1 .coupon .yh span,
section .whole .setall .coupon .yh h1,
section .whole .setall .coupon .yh h3,
section .whole .setall .coupon .yh span {
color: #fff;
}
section .whole .whole-1 .coupon .yh h1,
section .whole .setall .coupon .yh h1 {
font-size: 50px;
position: relative;
left: 30px;
top: 20px;
}
section .whole .whole-1 .coupon .yh h3,
section .whole .setall .coupon .yh h3 {
font-size: 17px;
position: relative;
left: 91px;
top: -32px;
font-weight: 700;
}
section .whole .whole-1 .coupon .yh span,
section .whole .setall .coupon .yh span {
position: relative;
left: 91px;
top: -32px;
}
section .whole .whole-1 .coupon .yh p,
section .whole .setall .coupon .yh p {
color: #cb1919;
position: relative;
text-align: center;
}
section .whole .whole-1 .coupon .coupon-1, section .whole .whole-1 .coupon .coupon-1,
section .whole .setall .coupon .coupon-1 { section .whole .setall .coupon .coupon-1 {
background: url("../../img/images/coupon-1.png"); background: url("../../img/images/coupon-1.png");
margin-left: 50px;
}
section .whole .whole-1 .coupon .coupon-2,
section .whole .setall .coupon .coupon-2 {
background: url("../../img/images/coupon-2.png");
}
section .whole .whole-1 .coupon .coupon-3,
section .whole .setall .coupon .coupon-3 {
background: url("../../img/images/coupon-3.png");
}
section .whole .whole-1 .coupon .coupon-3 p,
section .whole .setall .coupon .coupon-3 p {
color: #d2d2d2;
}
section .whole .whole-1 .remarks,
section .whole .setall .remarks {
padding-top: 30px;
} }
section .whole .whole-1 .remarks .layui-textarea, section .whole .whole-1 .remarks .layui-textarea,
@ -220,14 +306,47 @@ section .whole .setall {
margin-top: 25px; margin-top: 25px;
} }
section .whole .setall .seta li {
margin-bottom: 20px;
display: block;
position: relative;
left: 815px;
text-align: center;
width: 380px;
}
section .whole .setall .seta li span {
float: right;
}
section .whole .setall .total { section .whole .setall .total {
border-top: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
line-height: 33px; }
section .whole .setall .total li {
display: block;
position: relative;
left: 752px;
text-align: center;
line-height: 50px;
width: 445px;
}
section .whole .setall .total li span {
color: #cb1919;
font-size: 26px;
font-weight: 800;
float: right;
}
section .whole .setall .total li p {
color: #ababab;
} }
section .whole .setall .subore { section .whole .setall .subore {
padding: 20px; padding: 30px 0px;
height: 20px;
} }
section .whole .setall .subore span { section .whole .setall .subore span {

File diff suppressed because one or more lines are too long

View File

@ -1,213 +0,0 @@
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
section {
height: 1200px;
background-color: #f5f5f5;
.whole {
padding: 15px 50px;
margin: auto;
.whole-1,
.setall {
margin: 20px auto;
width: 1200px;
padding: 25px;
background-color: #ffffff;
.all {
display: inline-block;
h2 {
font-weight: 600;
float: left;
padding-bottom: 10px;
}
}
.Buyers,
.opt {
padding: 25px;
}
.toggle,
.commodity {
padding: 20px;
}
.Subtitle {
font-weight: 800;
}
//
.Buyers {
border-top: 2px solid #cb1919;
border-bottom: 1px solid #f2f2f2;
background-color: #fff;
span {
&:nth-child(2) {
float: right;
a {
color: #066ee2;
}
}
}
.toggle {
.address {
display: flex;
align-items: center;
.name {
display: inline-block;
padding: 10px 50px;
}
.na-1 {
border: solid 2px #cb1919;
}
.na-2 {
margin-top: 10px;
border: solid 2px #d1d1d1;
}
p {
margin: 0px 15px;
}
}
.address-2 {
a {
color: #066ee2;
}
}
.stop {
padding: 20px 20px;
}
}
}
//
.opt {
ul {
.optall {
table {
width: 100%;
background-color: #f3f3f3;
border: 1px solid #e0e0e0;
margin-bottom: 20px;
}
#checkall {
margin-left: 10px;
}
th {
height: 50px;
span {
margin-left: 85px;
}
}
}
}
.checklist {
.among {
margin-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
table {
width: 100%;
background-color: #fff;
}
th {
height: 115px;
&:nth-child(1) {
width: 135px;
img {
padding: 10px;
width: 82px;
}
}
&:nth-child(2) {
width: 300px;
}
&:nth-child(4) > input {
width: 80px;
}
&:nth-child(3),
&:nth-child(4),
&:nth-child(6) {
width: 140px;
// text-align: center;
}
&:nth-child(5) {
width: 120px;
input {
text-align: center;
}
input {
&:nth-child(1),
&:nth-child(3) {
width: 15px;
}
&:nth-child(2) {
width: 30px;
}
}
}
}
// span {
// width: 400px;
// font-size: 12px;
// display: inline-block;
// }
}
}
}
// 使
.coupon {
.coupon-1{
background: url("../../img/images/coupon-1.png");
}
}
//
.remarks {
.layui-textarea {
background-color: #fcfcfc;
}
}
}
.setall {
// width: 100%;
background-color: #fff;
border: 1px solid #e0e0e0;
// display: inline-flex;
margin-top: 25px;
// ul,
// .total,
// .subore li {
// float: right;
// }
.seta {
// ul {
// float: right;
// }
}
.total {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
line-height: 33px;
// p {display: inline-block;
// float: right;
// }
}
.subore{
padding: 20px;
span {
padding: 15px 35px;
background-color: #cb1919;
color: #fff;
float: right;
}
}
}
}
}

View File

@ -8,8 +8,16 @@
<title>艺术家注册</title> <title>艺术家注册</title>
<link rel="stylesheet" href="../../css/layui.css"> <link rel="stylesheet" href="../../css/layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/artist.css"> <link rel="stylesheet" href="../../css/logshoppingcar/artist.css">
</head> <link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>
.foot-iframe{
margin-top: -30px;
color: rgb(255, 255, 255);
}
</style>
<body> <body>
<header> <header>
<!-- logo --> <!-- logo -->
@ -103,77 +111,11 @@
</div> </div>
</form> </form>
</header> </header>
<section> <!-- 底部导航 -->
<div class="navig"> <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' ></iframe>
<div class="label"> <!-- 回到顶部 -->
<!-- 标签 --> <img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
<div class="label-text">
<ul>
<li><a href="#">首页</a> </li>
<li><a href="#">资讯</a></li>
<li><a href="#">展览</a></li>
<li><a href="#">艺术家</a></li>
<li><a href="#">机构</a></li>
<li><a href="#">培训</a></li>
<li><a href="#">商城</a></li>
<li><a href="#">拍卖</a></li>
</ul>
</div>
<!-- 微信的图标 -->
<div class="label-icon">
<ul>
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
</ul>
</div>
</div>
</div>
</section>
<footer>
<div class="foot">
<!-- 介绍 -->
<div class="intr">
<img src="../../img/images/logo.png" alt="">
<p><span>
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
</span></p>
<p><span>是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
</div>
<!-- 地址 -->
<div class="address">
<div class="addreses">
<div class="addres-1">
<img src="../../img/images/wx-text.png" alt="">
<p><span>成都惠民职工书院</span></p>
<p><span>地址成都市青羊区青羊大道129号文化宫2楼 电话028-81712589 </span></p>
</div>
<div class="addres-2">
<p><span>联系我们</span></p>
<p><br>地址四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
</p>
</div>
<div class="addres-3">
<li><img src="../../img/images/qr-01.png" alt="">
<p><span>华夏艺术网</span></p>
</li>
<li><img src="../../img/images/qr-02.png" alt="">
<p><span>成都惠民职工书院</span></p>
</li>
</div>
<!-- <div class="addres-4">
</div> -->
</div>
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备11111111号
</p>
</div>
</div>
</footer>
</body> </body>
</html> </html>

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -7,7 +8,24 @@
<title>登录</title> <title>登录</title>
<link rel="stylesheet" href="../../css/layui.css"> <link rel="stylesheet" href="../../css/layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/login.css"> <link rel="stylesheet" href="../../css/logshoppingcar/login.css">
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head> </head>
<style>
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
</style>
<body> <body>
<header> <header>
<!-- logo --> <!-- logo -->
@ -36,22 +54,25 @@
<!-- 手机号/用户名 --> <!-- 手机号/用户名 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" placeholder="输入手机号/用户名" maxlength="20" autocomplete="off" class="layui-input"> <input type="text" name="title" required lay-verify="required" placeholder="输入手机号/用户名"
maxlength="20" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<!-- 密码 --> <!-- 密码 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"> <input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<!-- 验证码 --> <!-- 验证码 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block codes"> <div class="layui-input-block codes">
<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input verity"> <input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
<canvas> autocomplete="off" class="layui-input verity">
<li>
<p>发送手机验证码</p> <p>发送手机验证码</p>
</canvas> </li>
</div> </div>
</div> </div>
@ -68,36 +89,11 @@
</div> </div>
</form> </form>
</header> </header>
<section> <!-- 底部导航 -->
<div class="navig"> <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
<div class="label"> marginwidth='0'></iframe>
<!-- 标签 --> <!-- 回到顶部 -->
<div class="label-text"> <img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
<ul>
<li><a href="#">首页</a> </li>
<li><a href="#">资讯</a></li>
<li><a href="#">展览</a></li>
<li><a href="#">艺术家</a></li>
<li><a href="#">机构</a></li>
<li><a href="#">培训</a></li>
<li><a href="#">商城</a></li>
<li><a href="#">拍卖</a></li>
</ul>
</div>
<!-- 微信的图标 -->
<div class="label-icon">
<ul>
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
</ul>
</div>
</div>
</div>
</section>
</body> </body>
</html> </html>

View File

@ -8,13 +8,27 @@
<title>机构注册</title> <title>机构注册</title>
<link rel="stylesheet" href="../../css/layui.css"> <link rel="stylesheet" href="../../css/layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/mecha.css"> <link rel="stylesheet" href="../../css/logshoppingcar/mecha.css">
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
</head> </head>
<style>
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
</style>
<body> <body>
<header> <header>
<!-- logo --> <!-- logo -->
<div class="img"> <div class="img">
<img src="../../img/images/logo-bac.png" alt=""> <img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
</div> </div>
<!-- 背景图 --> <!-- 背景图 -->
<div class="bac"></div> <div class="bac"></div>
@ -59,8 +73,8 @@
<!-- 手机号 --> <!-- 手机号 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="tel" name="phone" required lay-verify="required" placeholder="手机号" <input type="tel" name="phone" required lay-verify="required" placeholder="手机号" maxlength="11"
maxlength="11" autocomplete="off" class="layui-input"> autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<!-- 验证码 --> <!-- 验证码 -->
@ -68,16 +82,16 @@
<div class="layui-input-block codes"> <div class="layui-input-block codes">
<input type="text" name="title" required lay-verify="required" placeholder="验证码" <input type="text" name="title" required lay-verify="required" placeholder="验证码"
autocomplete="off" class="layui-input verity"> autocomplete="off" class="layui-input verity">
<canvas> <li>
<p>发送手机验证码</p> <p>发送手机验证码</p>
</canvas> </li>
</div> </div>
</div> </div>
<!-- 邮箱 --> <!-- 邮箱 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="email" name="email" required lay-verify="required" placeholder="邮箱" <input type="email" name="email" required lay-verify="required" placeholder="邮箱" maxlength="11"
maxlength="11" autocomplete="off" class="layui-input"> autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<!-- 同意 --> <!-- 同意 -->
@ -103,77 +117,11 @@
</div> </div>
</form> </form>
</header> </header>
<section> <!-- 底部导航 -->
<div class="navig"> <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
<div class="label"> marginwidth='0'></iframe>
<!-- 标签 --> <!-- 回到顶部 -->
<div class="label-text"> <img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
<ul>
<li><a href="#">首页</a> </li>
<li><a href="#">资讯</a></li>
<li><a href="#">展览</a></li>
<li><a href="#">艺术家</a></li>
<li><a href="#">机构</a></li>
<li><a href="#">培训</a></li>
<li><a href="#">商城</a></li>
<li><a href="#">拍卖</a></li>
</ul>
</div>
<!-- 微信的图标 -->
<div class="label-icon">
<ul>
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
</ul>
</div>
</div>
</div>
</section>
<footer>
<div class="foot">
<!-- 介绍 -->
<div class="intr">
<img src="../../img/images/logo.png" alt="">
<p><span>
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
</span></p>
<p><span>是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
</div>
<!-- 地址 -->
<div class="address">
<div class="addreses">
<div class="addres-1">
<img src="../../img/images/wx-text.png" alt="">
<p><span>成都惠民职工书院</span></p>
<p><span>地址成都市青羊区青羊大道129号文化宫2楼 电话028-81712589 </span></p>
</div>
<div class="addres-2">
<p><span>联系我们</span></p>
<p><br>地址四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
</p>
</div>
<div class="addres-3">
<li><img src="../../img/images/qr-01.png" alt="">
<p><span>华夏艺术网</span></p>
</li>
<li><img src="../../img/images/qr-02.png" alt="">
<p><span>成都惠民职工书院</span></p>
</li>
</div>
<!-- <div class="addres-4">
</div> -->
</div>
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备11111111号
</p>
</div>
</div>
</footer>
</body> </body>
</html> </html>

View File

@ -7,10 +7,27 @@
<title>微信二维码</title> <title>微信二维码</title>
<link rel="stylesheet" href="../../css/layui.css"> <link rel="stylesheet" href="../../css/layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/qrcode.css"> <link rel="stylesheet" href="../../css/logshoppingcar/qrcode.css">
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
</head> </head>
<style>
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
</style>
<body> <body>
<!-- 头部导航 -->
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
scrolling="no"></iframe>
<section> <section>
<div class="whole"> <div class="whole">
<div class="whole-1"> <div class="whole-1">
@ -19,14 +36,19 @@
<div class="Wxcollec"> <div class="Wxcollec">
<div class="wxprice">应付金额:<span class="">2234.50</span></div> <div class="wxprice">应付金额:<span class="">2234.50</span></div>
<!-- 微信二维码 --> <!-- 微信二维码 -->
<div class="qrcode"><img class="" alt="图片丢失" title="微信二维码图片" src="../../img/images/wxqrcode.png"></div> <div class="qrcode"><img class="" alt="图片丢失" title="微信收款二维码" src="../../img/images/wxqrcode.png">
</div>
<!-- 微信支付 --> <!-- 微信支付 -->
<div class="wxzf"><img class="" alt="图片丢失" title="微信支付" src="../../img/images/wxzf.png"></div> <div class="wxzf"><img class="" alt="图片丢失" title="微信支付" src="../../img/images/wxzf.png"></div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
marginwidth='0'></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body> </body>
</html> </html>

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -7,12 +8,55 @@
<title>会员注册</title> <title>会员注册</title>
<link rel="stylesheet" href="../../css/layui.css"> <link rel="stylesheet" href="../../css/layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/reg.css"> <link rel="stylesheet" href="../../css/logshoppingcar/reg.css">
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<!-- 弹窗 -->
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<!-- 用户协议 -->
<link rel="stylesheet" href="../../css/logshoppingcar/popup.css">
</head> </head>
<style>
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
</style>
<body> <body>
<script>
(function ($) {
document.addEventListener('click', function (e) {
var parent = $(e.target).parents('.foo,.help');
if (parent.length === 0) {
console.log('不在弹层与按钮区')
//操作此区域
$('.help ul').hide();
$('.bnt').removeClass('show');
} else {
console.log('按钮与弹层区')
}
})
})(jQuery);
</script>
<header> <header>
<!-- logo --> <!-- logo -->
<div class="img"> <div class="img">
<img src="../../img/images/logo-bac.png" alt=""> <img src="../../img/images/logo-bac.png" alt="图片消失" title="华夏艺术网logo">
</div> </div>
<!-- 背景图 --> <!-- 背景图 -->
<div class="bac"></div> <div class="bac"></div>
@ -36,35 +80,61 @@
<!-- 用户名 --> <!-- 用户名 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="text" name="title" required lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input"> <input type="text" name="title" required lay-verify="required" placeholder="请输入用户名"
autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<!-- 手机号 --> <!-- 手机号 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="tel" name="phone" required lay-verify="required" placeholder="请输入手机号" maxlength="11" autocomplete="off" class="layui-input"> <input type="tel" name="phone" required lay-verify="required" placeholder="请输入手机号"
maxlength="11" autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<!-- 验证码 --> <!-- 验证码 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block codes"> <div class="layui-input-block codes">
<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input verity"> <input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
<canvas> autocomplete="off" class="layui-input verity">
<li>
<p>发送手机验证码</p> <p>发送手机验证码</p>
</canvas> </li>
</div> </div>
</div> </div>
<!-- 密码 --> <!-- 密码 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input"> <input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<!-- 同意 --> <!-- 同意 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<div class="checkb"> <div class="checkb">
<input type="checkbox"title="">&nbsp;&nbsp;&nbsp;&nbsp;我已阅读并接受<a href="Popup.html">用户协议</a><a href="#">隐私政策</a> <input type="checkbox" title="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我已阅读并接受<a
href="#myPopup" data-rel="popup" class=" ui-inline ui-corner-all">用户协议</a><a
href="#">隐私政策</a>
<div data-role="popup" class="myPopup" id="myPopup" class="content" data-overlay-theme="b">
<span style="font-size: 16px;float: right;" id="deav" onclick="deav();">关闭</span>
<h1>用户协议</h1>
<p>后台替换文字内容编辑排版文字摩空精舍是成都知名专业艺术机构是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米名家艺术品上数千件经营规模在成都地区名列前茅。
</p>
<p>下属华夏艺术网于1998年底开通是国内最早的书画艺术门户网站由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。</p>
<p>经过20年不间断的运营发展已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</p>
<p>合作艺术家2000多人合作艺术机构数百家架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等在国内艺术品市场有较大影响为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。
</p>
<p> 后台替换文字内容编辑排版文字摩空精舍是成都知名专业艺术机构是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米名家艺术品上数千件经营规模在成都地区名列前茅。
</p>
<p> 下属华夏艺术网于1998年底开通是国内最早的书画艺术门户网站由四川省美术家协会下属华夏艺术网于1998年底开通是国内最早的书画艺术门户网站由四川省美术家协会下属华夏艺术网于1998年底开通是国内最早的书画艺术门户网站由四川省美术家协会下属华夏艺术网于1998年底开通是国内最早的书画艺术门户网站由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。
</p>
<p> 经过20年不间断的运营发展已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</p>
<p> 合作艺术家2000多人合作艺术机构数百家架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。
</p>
<p>合作艺术家2000多人合作艺术机构数百家架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等在国内艺术品市场有较大影响为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。
</p>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -82,80 +152,11 @@
</div> </div>
</form> </form>
</header> </header>
<section> <!-- 底部导航 -->
<div class="navig"> <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
<div class="label"> marginwidth='0'></iframe>
<!-- 标签 --> <!-- 回到顶部 -->
<div class="label-text"> <img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
<ul>
<li><a href="#">首页</a> </li>
<li><a href="#">资讯</a></li>
<li><a href="#">展览</a></li>
<li><a href="#">艺术家</a></li>
<li><a href="#">机构</a></li>
<li><a href="#">培训</a></li>
<li><a href="#">商城</a></li>
<li><a href="#">拍卖</a></li>
</ul>
</div>
<!-- 微信的图标 -->
<div class="label-icon">
<ul>
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
</ul>
</div>
</div>
</div>
</section>
<footer>
<div class="foot">
<!-- 介绍 -->
<div class="intr">
<img src="../../img/images/logo.png" alt="">
<p><span>
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
</span></p>
<p><span>是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
</div>
<!-- 地址 -->
<div class="address">
<div class="addreses">
<div class="addres-1">
<img src="../../img/images/wx-text.png" alt="">
<p><span>成都惠民职工书院</span></p>
<p><span>地址成都市青羊区青羊大道129号文化宫2楼 电话028-81712589 </span></p>
</div>
<div class="addres-2">
<p><span>联系我们</span></p>
<p><br>地址四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
</p>
</div>
<div class="addres-3">
<li><img src="../../img/images/qr-01.png" alt="">
<p><span>华夏艺术网</span></p>
</li>
<li><img src="../../img/images/qr-02.png" alt="">
<p><span>成都惠民职工书院</span></p>
</li>
</div>
<!-- <div class="addres-4">
</div> -->
</div>
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备11111111号
</p>
</div>
</div>
</footer>
<div class="gohome">
<a href="#">
top
</a>
</div>
</body> </body>
</html> </html>

View File

@ -8,13 +8,28 @@
<title>注册</title> <title>注册</title>
<link rel="stylesheet" href="../../css/layui.css"> <link rel="stylesheet" href="../../css/layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/ret.css"> <link rel="stylesheet" href="../../css/logshoppingcar/ret.css">
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
</head> </head>
<style>
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
</style>
<body> <body>
<header> <header>
<!-- logo --> <!-- logo -->
<div class="img"> <div class="img">
<img src="../../img/images/logo-bac.png" alt=""> <img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
</div> </div>
<!-- 背景图 --> <!-- 背景图 -->
<div class="bac"></div> <div class="bac"></div>
@ -35,10 +50,11 @@
<!-- 验证码 --> <!-- 验证码 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block codes"> <div class="layui-input-block codes">
<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input verity"> <input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
<canvas> autocomplete="off" class="layui-input verity">
<li>
<p>发送手机验证码</p> <p>发送手机验证码</p>
</canvas> </li>
</div> </div>
</div> </div>
<!-- 设置密码 --> <!-- 设置密码 -->
@ -51,7 +67,8 @@
<!-- 确认密码 --> <!-- 确认密码 -->
<div class="layui-form-item"> <div class="layui-form-item">
<div class="layui-input-block"> <div class="layui-input-block">
<input type="password" name="password" required lay-verify="required" placeholder="确认新密码"autocomplete="off" class="layui-input"> <input type="password" name="password" required lay-verify="required" placeholder="确认新密码"
autocomplete="off" class="layui-input">
</div> </div>
</div> </div>
<!-- 登录 --> <!-- 登录 -->
@ -68,77 +85,11 @@
</div> </div>
</form> </form>
</header> </header>
<section> <!-- 底部导航 -->
<div class="navig"> <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
<div class="label"> marginwidth='0'></iframe>
<!-- 标签 --> <!-- 回到顶部 -->
<div class="label-text"> <img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
<ul>
<li><a href="#">首页</a> </li>
<li><a href="#">资讯</a></li>
<li><a href="#">展览</a></li>
<li><a href="#">艺术家</a></li>
<li><a href="#">机构</a></li>
<li><a href="#">培训</a></li>
<li><a href="#">商城</a></li>
<li><a href="#">拍卖</a></li>
</ul>
</div>
<!-- 微信的图标 -->
<div class="label-icon">
<ul>
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
</ul>
</div>
</div>
</div>
</section>
<footer>
<div class="foot">
<!-- 介绍 -->
<div class="intr">
<img src="../../img/images/logo.png" alt="">
<p><span>
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
</span></p>
<p><span>是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
</div>
<!-- 地址 -->
<div class="address">
<div class="addreses">
<div class="addres-1">
<img src="../../img/images/wx-text.png" alt="">
<p><span>成都惠民职工书院</span></p>
<p><span>地址成都市青羊区青羊大道129号文化宫2楼 电话028-81712589 </span></p>
</div>
<div class="addres-2">
<p><span>联系我们</span></p>
<p><br>地址四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
</p>
</div>
<div class="addres-3">
<li><img src="../../img/images/qr-01.png" alt="">
<p><span>华夏艺术网</span></p>
</li>
<li><img src="../../img/images/qr-02.png" alt="">
<p><span>成都惠民职工书院</span></p>
</li>
</div>
<!-- <div class="addres-4">
</div> -->
</div>
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;蜀ICP备11111111号
</p>
</div>
</div>
</footer>
</body> </body>
</html> </html>

View File

@ -8,9 +8,27 @@
<link rel="stylesheet" href="../../css/swiper-bundle.min.css"> <link rel="stylesheet" href="../../css/swiper-bundle.min.css">
<link rel="stylesheet" href="../../css/logshoppingcar/shopcar2.css"> <link rel="stylesheet" href="../../css/logshoppingcar/shopcar2.css">
<script src="../../js/swiper-bundle.min.js"></script> <script src="../../js/swiper-bundle.min.js"></script>
</head> <link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
</head>
<style>
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
</style>
<body> <body>
<!-- 头部导航 -->
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
scrolling="no"></iframe>
<section> <section>
<div class="whoil"> <div class="whoil">
<div class="whoil-1"> <div class="whoil-1">
@ -138,7 +156,6 @@
</div> </div>
</div> </div>
</section> </section>
<script> <script>
var mySwiper = new Swiper('.swiper-container', { var mySwiper = new Swiper('.swiper-container', {
loop: true, // 循环模式 loop: true, // 循环模式
@ -306,4 +323,9 @@
} }
</script> </script>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
marginwidth='0'></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body> </body>

View File

@ -7,12 +7,29 @@
<title>购物车</title> <title>购物车</title>
<link rel="stylesheet" href="../../css/layui.css"> <link rel="stylesheet" href="../../css/layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/tobepaid.css"> <link rel="stylesheet" href="../../css/logshoppingcar/tobepaid.css">
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
</head> </head>
<style>
.foot-iframe {
margin-top: -30px;
color: rgb(255, 255, 255);
}
#gotoTop {
float: right;
position: relative;
right: 50px;
top: -50px;
}
</style>
<body> <body>
<header> <!-- 头部导航 -->
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
scrolling="no"></iframe>
<!-- 内容 -->
<section> <section>
<div class="whole"> <div class="whole">
<div class="whole-1"> <div class="whole-1">
@ -21,27 +38,23 @@
</div> </div>
<!-- 买家 --> <!-- 买家 -->
<div class="Buyers"> <div class="Buyers">
<div id="container">
<span class="Subtitle">收货人信息</span> <span class="Subtitle">收货人信息</span>
<span><a class="addbuy" href="">新增收货地址</a></span> <span><a class="addbuy" href="">新增收货地址</a></span>
<div id="wrap">
<div class="toggle"> <div class="address address-1" onclick="Subtitle();">
<div class="address address-1">
<div class="name na-1">程鹏龙</div> <div class="name na-1">程鹏龙</div>
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p> <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
<a class="" href=""><img src="../../img/images/Defadd.png" alt=""></a> <a class="" href=""><img src="../../img/images/Defadd.png" alt=""></a>
</div> </div>
<div class="address address-2 "> <div class="address address-2" onclick="Subtitle();">
<div class="name na-2">程鹏龙</div> <div class="name na-2">程鹏龙</div>
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p> <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
<a class="" href="">设置为默认地址</a> <a class="" href="">设置为默认地址</a>
</div> </div>
<div class="address stop">收起地址 ︽</div> <div id="gradient"></div>
<!-- <dl> </div>
<dt>收起地址 ︽ <div id="read-more"></div>
</dt>
<dd>
</dd>
</dl> -->
</div> </div>
</div> </div>
<!-- 送货清单 --> <!-- 送货清单 -->
@ -63,13 +76,12 @@
<ul class="checklist"> <ul class="checklist">
<li class="among"> <li class="among">
<table> <table>
<th> <label for="value1"><img src="../../img/images/1-1.png" alt=""></label> <th> <label for="value1"><img src="../../img/images/1-1.png" alt="图片丢失" title="商品1"></label>
</th> </th>
<th><span> <th><span>
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹 创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
</span></th> </span></th>
<th>¥188 <th>¥188
<!-- <input type="text" name="price" value="188.00"> -->
</th> </th>
<th>x3</th> <th>x3</th>
<th id="price0">¥564.6</th> <th id="price0">¥564.6</th>
@ -77,13 +89,12 @@
</li> </li>
<li class="among"> <li class="among">
<table> <table>
<th> <label for="value1"><img src="../../img/images/1-1.png" alt=""></label> <th> <label for="value1"><img src="../../img/images/1-2.png" alt="图片丢失" title="商品2"></label>
</th> </th>
<th><span> <th><span>
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹 创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
</span></th> </span></th>
<th>¥188 <th>¥188
<!-- <input type="text" name="price" value="188.00"> -->
</th> </th>
<th>x3</th> <th>x3</th>
<th id="price0">¥564.6</th> <th id="price0">¥564.6</th>
@ -96,8 +107,23 @@
</div> </div>
<!-- 使用优惠券 --> <!-- 使用优惠券 -->
<div class="coupon"> <div class="coupon">
<div class="coupon-1"> <div class="yh coupon-1" onclick="coupon1();">
<h1>20</h1>
<h3></h3>
<span>满300元立减20元</span>
<p>有效期至2020-09-31</p>
</div>
<div class="yh coupon-2" onclick="coupon2();">
<h1>20</h1>
<h3></h3>
<span>满300元立减20元</span>
<p>有效期至2020-09-31</p>
</div>
<div class="yh coupon-3" onclick="coupon3();">
<h1>20</h1>
<h3></h3>
<span>满300元立减20元</span>
<p>有效期至2020-09-31</p>
</div> </div>
</div> </div>
<!-- 备注 --> <!-- 备注 -->
@ -113,42 +139,58 @@
<!-- 提交订单 --> <!-- 提交订单 -->
<div class="setall"> <div class="setall">
<ul class="seta"> <ul class="seta">
<li>商品总金额: </li> <li>商品总金额:<span>¥1128.00 </span> </li>
<li>运费:</li> <li>运费:<span>¥0.00 </span></li>
<li>商品优惠:</li> <li>商品优惠:<span>-¥20.00 </span></li>
<li><span onclick="settlem();">提交订单</span>
</li>
</ul> </ul>
<div class="total"> <div class="total">
应付总额:<span></span> <li>应付总额:<span>¥1123.00</span></li>
<li>
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p> <p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
</li>
</div> </div>
<div class="subore"> <div class="subore">
<span>提交订单</span> <li><span onclick="settlem();">提交订单</span></li>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
marginwidth='0'></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body> </body>
<script src="../../js/jquery-1.9.1.js"></script> <script src="../../js/jquery-1.9.1.js"></script>
<script type="text/javascript"> <script type="text/javascript">
// 折叠 // 折叠
$(function () { $(function () {
$(".toggle dl dd").hide(); var slideHeight = 50; // px
$(".toggle dl dt").click(function () { var defHeight = $('#wrap').height();
$(".toggle dl dd").not($(this).next()).hide(); if (defHeight >= slideHeight) {
$(".toggle dl dt").not($(this).next()).removeClass("current"); $('#wrap').css('height', slideHeight + 'px');
$(this).next().slideToggle(500); $('#read-more').append('<a href="#">展开地址︾</a>');
$(this).toggleClass("current"); $('#read-more a').click(function () {
var curHeight = $('#wrap').height();
if (curHeight == slideHeight) {
$('#wrap').animate({
height: defHeight
}, "normal");
$('#read-more a').html('收起地址 ︽');
$('#gradient').fadeOut();
} else {
$('#wrap').animate({
height: slideHeight
}, "normal");
$('#read-more a').html('展开地址︾');
$('#gradient').fadeIn();
} }
); return false;
});
} }
); });
</script> </script>
</html> </html>

View File

@ -7,10 +7,20 @@
<title>支付成功</title> <title>支付成功</title>
<link rel="stylesheet" href="../../css/layui.css"> <link rel="stylesheet" href="../../css/layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/zf.css"> <link rel="stylesheet" href="../../css/logshoppingcar/zf.css">
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
<link rel="stylesheet" type="text/css" href="../../css/centerHead.css" />
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head> </head>
<style>
.foot-iframe {
margin-top: -30px;
}
</style>
<body> <body>
<!-- 头部导航 -->
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0" scrolling="no"></iframe>
<section> <section>
<div class="whole"> <div class="whole">
<div class="whole-1"> <div class="whole-1">
@ -28,7 +38,10 @@
</div> </div>
</div> </div>
</section> </section>
<!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body> </body>
</html> </html>