master
parent
136413ce5e
commit
3fe80ef076
|
@ -25,7 +25,7 @@ header .img img {
|
||||||
header .bac {
|
header .bac {
|
||||||
height: 930px;
|
height: 930px;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-image: url("../../img/images/backimg.png");
|
background-image: url("../../img/images/backimage.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container {
|
header .container {
|
||||||
|
@ -164,15 +164,18 @@ 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;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
margin-top: 10px;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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%;}
|
||||||
|
}
|
|
@ -11,21 +11,11 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .img {
|
|
||||||
position: absolute;
|
|
||||||
left: 20%;
|
|
||||||
top: 5%;
|
|
||||||
transform: translate(-20%, -5%);
|
|
||||||
}
|
|
||||||
|
|
||||||
header .img img {
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header .bac {
|
header .bac {
|
||||||
height: 930px;
|
height: 930px;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-image: url("../../img/images/backimg.png");
|
background-image: url("../../img/images/backimage.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container {
|
header .container {
|
||||||
|
|
|
@ -11,21 +11,10 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .img {
|
|
||||||
position: absolute;
|
|
||||||
left: 20%;
|
|
||||||
top: 5%;
|
|
||||||
transform: translate(-20%, -5%);
|
|
||||||
}
|
|
||||||
|
|
||||||
header .img img {
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header .bac {
|
header .bac {
|
||||||
height: 930px;
|
height: 930px;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-image: url("../../img/images/backimg.png");
|
background-image: url("../../img/images/backimage.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container {
|
header .container {
|
||||||
|
@ -173,7 +162,6 @@ header .container .codes li {
|
||||||
|
|
||||||
header .container .codes li p {
|
header .container .codes li p {
|
||||||
color: #8c8c8c;
|
color: #8c8c8c;
|
||||||
z-index: 3;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
|
|
@ -11,31 +11,21 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .img {
|
|
||||||
position: absolute;
|
|
||||||
left: 20%;
|
|
||||||
top: 5%;
|
|
||||||
transform: translate(-20%, -5%);
|
|
||||||
}
|
|
||||||
|
|
||||||
header .img img {
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
header .bac {
|
header .bac {
|
||||||
height: 850px;
|
height: 930px;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-image: url("../../img/images/backimg.png");
|
background-image: url("../../img/images/backimage.png");
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container {
|
header .container {
|
||||||
width: 560px;
|
width: 420px;
|
||||||
height: 570px;
|
height: 570px;
|
||||||
min-height: 320px;
|
min-height: 320px;
|
||||||
max-height: 570px;
|
max-height: 570px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -350px;
|
top: 80px;
|
||||||
left: -40px;
|
left: 25px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -71,15 +61,12 @@ header .container .identity ul {
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container .identity ul li {
|
header .container .identity ul li {
|
||||||
display: inline-flex;
|
width: 400px;
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -91,6 +78,7 @@ 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 {
|
||||||
|
@ -115,7 +103,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: 100%;
|
width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container .identity ul li:visited {
|
header .container .identity ul li:visited {
|
||||||
|
@ -123,26 +111,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 {
|
||||||
display: contents;
|
margin-left: 30px;
|
||||||
}
|
|
||||||
|
|
||||||
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 {
|
||||||
|
@ -154,17 +142,8 @@ 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: 0px 10px;
|
margin-left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container .codes {
|
header .container .codes {
|
||||||
|
@ -180,12 +159,10 @@ header .container .codes li {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background: #efefef;
|
background: #efefef;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
margin-top: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container .codes li p {
|
header .container .codes li p {
|
||||||
color: #8c8c8c;
|
color: #8c8c8c;
|
||||||
z-index: 3;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
|
@ -193,15 +170,16 @@ header .container .codes li p {
|
||||||
}
|
}
|
||||||
|
|
||||||
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: 340px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .container .bot {
|
header .container .bot {
|
||||||
|
@ -261,6 +239,109 @@ section .navig .label .label-icon ul li img {
|
||||||
width: 25px;
|
width: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width:621px) and (max-width:720px) {
|
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;
|
||||||
|
}
|
||||||
|
|
|
@ -11,21 +11,12 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .img {
|
|
||||||
position: absolute;
|
|
||||||
left: 20%;
|
|
||||||
top: 5%;
|
|
||||||
transform: translate(-20%, -5%);
|
|
||||||
}
|
|
||||||
|
|
||||||
header .img img {
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
/* 背景图 */
|
/* 背景图 */
|
||||||
header .bac {
|
header .bac {
|
||||||
height: 930px;
|
height: 930px;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-image: url("../../img/images/backimg.png");
|
background-image: url("../../img/images/backimage.png");
|
||||||
}
|
}
|
||||||
/* 找回密码表单 */
|
/* 找回密码表单 */
|
||||||
header .container {
|
header .container {
|
||||||
|
|
|
@ -102,6 +102,7 @@ section .whoil .whoil-1 table tbody .inline td:nth-child(4) input {
|
||||||
|
|
||||||
section .whoil .whoil-1 table tfoot {
|
section .whoil .whoil-1 table tfoot {
|
||||||
background-color: #f3f3f3;
|
background-color: #f3f3f3;
|
||||||
|
height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
section .whoil .whoil-1 table tfoot td:nth-child(1) {
|
section .whoil .whoil-1 table tfoot td:nth-child(1) {
|
||||||
|
|
|
@ -8,29 +8,53 @@
|
||||||
<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">
|
||||||
|
<link rel="stylesheet" href="../../css/logshoppingcar/logRespon.css">
|
||||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.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/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>
|
<style>
|
||||||
.foot-iframe{
|
.foot-iframe {
|
||||||
margin-top: -30px;
|
margin-top: -30px;
|
||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
<script>
|
||||||
|
// function Phone() {
|
||||||
|
// var phone = document.getElementById('phone').value;
|
||||||
|
// if (!(/^1[3|4|5|7|8]\d{9}$/.test(phone))) {
|
||||||
|
// alert("手机号码有误,请重填");
|
||||||
|
// return false;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
$(function () {
|
||||||
|
let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
||||||
|
$('#phone').click(function () {
|
||||||
|
let name = $('input[name="username"]').val();
|
||||||
|
let phone = $('input[name="userphone"]').val();
|
||||||
|
let content = $('input[name="usercontent"]').val();
|
||||||
|
if (!name) {
|
||||||
|
layer.msg('请输入联系人')
|
||||||
|
} else if (!reg_tel.test(phone)) {
|
||||||
|
console.log('请输入正确的联系电话');
|
||||||
|
} else if (!content) {
|
||||||
|
console.log('请输入联系说明');
|
||||||
|
} else {
|
||||||
|
console.log('提交成功');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<!-- logo -->
|
|
||||||
<div class="img">
|
|
||||||
<img src="../../img/images/logo-bac.png" alt="">
|
|
||||||
</div>
|
|
||||||
<!-- 背景图 -->
|
<!-- 背景图 -->
|
||||||
<div class="bac"></div>
|
<div class="bac"></div>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
<form class="layui-form" action="" method="post">
|
<form class="layui-form" action="" method="post">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="head">
|
<div class="head">
|
||||||
<h2>艺术家注册</h2>
|
<h2>会员注册</h2>
|
||||||
<p>请选择您的会员身份进行注册</p>
|
<p>请选择您的会员身份进行注册</p>
|
||||||
<div class="gang"></div>
|
<div class="gang"></div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -38,8 +62,8 @@
|
||||||
<div class="identity">
|
<div class="identity">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="reg.html" class="set_1_btn Vbtn-2">个人会员</a>
|
<li><a href="reg.html" class="set_1_btn Vbtn-2">个人会员</a>
|
||||||
<a href="#" class="set_1_btn Vbtn-2">机构会员</a>
|
<a href="mecha.html" class="set_1_btn Vbtn-2">机构会员</a>
|
||||||
<a href="artist.html" class="set_1_btn Vbtn-2">艺术家会员</a>
|
<a href="#" class="set_1_btn Vbtn-2">艺术家会员</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
@ -67,8 +91,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" id="phone" required lay-verify="required" placeholder="手机号"
|
||||||
maxlength="11" autocomplete="off" class="layui-input">
|
maxlength="11" autocomplete="off" class="layui-input" value="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 验证码 -->
|
<!-- 验证码 -->
|
||||||
|
@ -76,16 +100,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="50"
|
||||||
maxlength="11" autocomplete="off" class="layui-input">
|
autocomplete="off" class="layui-input">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 同意 -->
|
<!-- 同意 -->
|
||||||
|
@ -111,10 +135,11 @@
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</header>
|
</header>
|
||||||
<!-- 底部导航 -->
|
<!-- 底部导航 -->
|
||||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' ></iframe>
|
<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="回到顶部">
|
<!-- 回到顶部 -->
|
||||||
|
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
@ -28,10 +28,6 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<!-- logo -->
|
|
||||||
<div class="img">
|
|
||||||
<img src="../../img/images/logo-bac.png" alt="">
|
|
||||||
</div>
|
|
||||||
<!-- 背景图 -->
|
<!-- 背景图 -->
|
||||||
<div class="bac"></div>
|
<div class="bac"></div>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
|
|
|
@ -26,17 +26,14 @@
|
||||||
</style>
|
</style>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<!-- logo -->
|
|
||||||
<div class="img">
|
|
||||||
<img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
|
|
||||||
</div>
|
|
||||||
<!-- 背景图 -->
|
<!-- 背景图 -->
|
||||||
<div class="bac"></div>
|
<div class="bac"></div>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
<form class="layui-form" action="" method="post">
|
<form class="layui-form" action="" method="post">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="head">
|
<div class="head">
|
||||||
<h2>机构注册</h2>
|
<h2>会员注册</h2>
|
||||||
<p>请选择您的会员身份进行注册</p>
|
<p>请选择您的会员身份进行注册</p>
|
||||||
<div class="gang"></div>
|
<div class="gang"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -9,55 +9,17 @@
|
||||||
<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" />
|
<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>
|
||||||
<!-- 弹窗 -->
|
|
||||||
<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>
|
<style>
|
||||||
.foot-iframe {
|
.foot-iframe {
|
||||||
margin-top: -30px;
|
margin-top: -30px;
|
||||||
color: rgb(255, 255, 255);
|
color: rgb(255, 255, 255);
|
||||||
}
|
}
|
||||||
|
|
||||||
#gotoTop {
|
|
||||||
float: right;
|
|
||||||
position: relative;
|
|
||||||
right: 50px;
|
|
||||||
top: -50px;
|
|
||||||
}
|
|
||||||
</style>
|
</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 -->
|
|
||||||
<div class="img">
|
|
||||||
<img src="../../img/images/logo-bac.png" alt="图片消失" title="华夏艺术网logo">
|
|
||||||
</div>
|
|
||||||
<!-- 背景图 -->
|
<!-- 背景图 -->
|
||||||
<div class="bac"></div>
|
<div class="bac"></div>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
|
@ -112,29 +74,8 @@
|
||||||
<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=""> 我已阅读并接受<a
|
<input type="checkbox" title=""> 我已阅读并接受<a
|
||||||
href="#myPopup" data-rel="popup" class=" ui-inline ui-corner-all">用户协议</a>和<a
|
href="Popup.html">用户协议</a>和<a href="#">隐私政策</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>
|
||||||
|
@ -153,8 +94,7 @@
|
||||||
</form>
|
</form>
|
||||||
</header>
|
</header>
|
||||||
<!-- 底部导航 -->
|
<!-- 底部导航 -->
|
||||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0'></iframe>
|
||||||
marginwidth='0'></iframe>
|
|
||||||
<!-- 回到顶部 -->
|
<!-- 回到顶部 -->
|
||||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -5,9 +5,10 @@
|
||||||
<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">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<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" href="../../css/logshoppingcar/logRespon.css">
|
||||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.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/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||||
</head>
|
</head>
|
||||||
|
@ -27,10 +28,6 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<!-- logo -->
|
|
||||||
<div class="img">
|
|
||||||
<img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
|
|
||||||
</div>
|
|
||||||
<!-- 背景图 -->
|
<!-- 背景图 -->
|
||||||
<div class="bac"></div>
|
<div class="bac"></div>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
|
@ -78,7 +75,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bot">
|
<div class="bot">
|
||||||
<a href="" class="font-set">返回网站首页</a> <a href="" class="font-set">已有账号,立即登录</a>
|
<a href="../../index.html" class="font-set">返回网站首页</a> <a href="./login.html" class="font-set">已有账号,立即登录</a>
|
||||||
<!-- <a href="" class="font-set">已有账号,立即登录</a> -->
|
<!-- <a href="" class="font-set">已有账号,立即登录</a> -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -7,6 +7,7 @@
|
||||||
<link rel="stylesheet" href="../../css/layui.css">
|
<link rel="stylesheet" href="../../css/layui.css">
|
||||||
<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">
|
||||||
|
<link rel="stylesheet" href="../../css/logshoppingcar/logRespon.css">
|
||||||
<script src="../../js/swiper-bundle.min.js"></script>
|
<script src="../../js/swiper-bundle.min.js"></script>
|
||||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.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/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||||
|
|
|
@ -150,7 +150,8 @@
|
||||||
</li>
|
</li>
|
||||||
</div>
|
</div>
|
||||||
<div class="subore">
|
<div class="subore">
|
||||||
<li><span onclick="settlem();">提交订单</span></li>
|
<!-- <li><span onclick="settlem();">提交订单</span></li> -->
|
||||||
|
<li><a href="qrcode.html" onclick="settlem();">提交订单</a></li>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -178,13 +179,13 @@
|
||||||
$('#wrap').animate({
|
$('#wrap').animate({
|
||||||
height: defHeight
|
height: defHeight
|
||||||
}, "normal");
|
}, "normal");
|
||||||
$('#read-more a').html('收起地址 ︽');
|
$('#read-more a').html('收起地址 ︽');
|
||||||
$('#gradient').fadeOut();
|
$('#gradient').fadeOut();
|
||||||
} else {
|
} else {
|
||||||
$('#wrap').animate({
|
$('#wrap').animate({
|
||||||
height: slideHeight
|
height: slideHeight
|
||||||
}, "normal");
|
}, "normal");
|
||||||
$('#read-more a').html('展开地址︾');
|
$('#read-more a').html('展开地址 ︾');
|
||||||
$('#gradient').fadeIn();
|
$('#gradient').fadeIn();
|
||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
|
|
|
@ -31,8 +31,8 @@
|
||||||
<div class="order">
|
<div class="order">
|
||||||
<div class="odernum">订单号:<span class="">107787156599</span></div>
|
<div class="odernum">订单号:<span class="">107787156599</span></div>
|
||||||
<div class="oderinte">积分+<span class="">159</span></div>
|
<div class="oderinte">积分+<span class="">159</span></div>
|
||||||
<div class="oderbuy"> <a href="">继续购物</a></div>
|
<div class="oderbuy"> <a href="./shopcar.html">继续购物</a></div>
|
||||||
<div class="oderhome"><a href="">返回首页</a></div>
|
<div class="oderhome"><a href="../../index.html">返回首页</a></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 449 KiB |
Loading…
Reference in New Issue