个人中心，购物车的调整
parent
47c0be884c
commit
e16133d9ba
|
|
@ -1,198 +0,0 @@
|
|||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* 背景图 */
|
||||
header .bac {
|
||||
height: 930px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
/* 输入整体框 */
|
||||
header .container {
|
||||
width: 420px;
|
||||
height: 680px;
|
||||
min-height: 320px;
|
||||
max-height: 700px;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: -50px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
z-index: 130;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
header .container .head {
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
header .container .head p {
|
||||
color: #a2a2a2;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
header .container .head .gang {
|
||||
width: 55px;
|
||||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
/* 身份访问 */
|
||||
header .container .identity ul {
|
||||
margin: 20px;
|
||||
padding-bottom: 20px;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #f9f9f9;
|
||||
}
|
||||
|
||||
header .container .identity ul li {
|
||||
width: 400px;
|
||||
padding: 0px 28px;
|
||||
}
|
||||
|
||||
header .container .identity ul li a {
|
||||
height: 23px;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
header .container .identity ul li .set_1_btn {
|
||||
color: #333;
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
max-width: 100px;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
header .container .identity ul li .Vbtn-2 {
|
||||
letter-spacing: 0;
|
||||
transition: all 150ms linear 0s;
|
||||
float: left;
|
||||
}
|
||||
|
||||
header .container .identity ul li .Vbtn-2:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
header .container .identity ul li .Vbtn-2:hover:after {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
border-color: #56c5ff;
|
||||
-webkit-transition: width 350ms ease-in-out;
|
||||
transition: width 350ms ease-in-out;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
/* 点击切换会员 */
|
||||
header .container .identity ul li .member:link{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:hover{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:visited:focus{
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* 输入框 */
|
||||
header .container .layui-input {
|
||||
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 {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .checkb input {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 19px;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .checkb a {
|
||||
color: #cb1919;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .font-set {
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header .container .layui-input-block:last-child {
|
||||
margin-left: 20px;
|
||||
}
|
||||
/* 验证码 */
|
||||
header .container .codes {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
header .container .codes input {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
header .container .codes li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
header .container .layui-btn {
|
||||
margin-left: 18px;
|
||||
border-radius: 5px;
|
||||
width: 400px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
background-color: #cb1919;
|
||||
}
|
||||
|
||||
header .container .verity {
|
||||
width: 200px;
|
||||
}
|
||||
/* 登录 */
|
||||
header .container .bot {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,37 +0,0 @@
|
|||
@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%;}
|
||||
}
|
||||
|
|
@ -1,155 +0,0 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* 背景图 */
|
||||
header .bac {
|
||||
height: 930px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
/* 输入整体框 */
|
||||
header .container {
|
||||
width: 420px;
|
||||
height: 400px;
|
||||
min-height: 320px;
|
||||
max-height: 570px;
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
left: 25px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
z-index: 130;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
header .container .head {
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
header .container .head p {
|
||||
color: #a2a2a2;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
header .container .head .gang {
|
||||
width: 55px;
|
||||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
/* 身份访问 */
|
||||
header .container .identity ul {
|
||||
margin: 20px;
|
||||
padding-bottom: 20px;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #f9f9f9;
|
||||
}
|
||||
|
||||
header .container .identity ul li {
|
||||
width: 400px;
|
||||
padding: 0px 28px;
|
||||
}
|
||||
|
||||
header .container .identity ul li a {
|
||||
height: 23px;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
header .container .identity ul li .set_1_btn {
|
||||
color: #737373;
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
max-width: 100px;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
/* 会员底部展示条 */
|
||||
header .container .identity ul li .Vbtn-2 {
|
||||
letter-spacing: 0;
|
||||
transition: all 150ms linear 0s;
|
||||
float: left;
|
||||
}
|
||||
|
||||
header .container .identity ul li .Vbtn-2:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
header .container .identity ul li .Vbtn-2:hover:after {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transition: width 350ms ease-in-out;
|
||||
transition: width 350ms ease-in-out;
|
||||
width: 70%;
|
||||
}
|
||||
/* 点击切换会员 */
|
||||
header .container .identity ul li .member:link{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:hover{
|
||||
color: #737377;
|
||||
}
|
||||
header .container .identity ul li .member:visited:focus{
|
||||
color: #333;
|
||||
}
|
||||
/* 输入框 */
|
||||
header .container .layui-input {
|
||||
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 .font-set {
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header .container .layui-input-block:last-child {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
header .container .layui-btn {
|
||||
margin-left: 18px;
|
||||
border-radius: 5px;
|
||||
width: 400px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
background-color: #cb1919;
|
||||
}
|
||||
/* 忘记密码 */
|
||||
header .container .bot a:first-child {
|
||||
float: left;
|
||||
}
|
||||
|
||||
header .container .bot a:last-child {
|
||||
float: right;
|
||||
}
|
||||
|
|
@ -0,0 +1,352 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
.tankt{position: fixed;z-index: 10; top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,.6);padding: 10px 20px;border-radius: 3px;color: #FFFFFF;font-size: 18px;}
|
||||
/* 背景图 */
|
||||
header .bac {
|
||||
height: 926px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
display: flex;justify-content: center;align-items: center;
|
||||
}
|
||||
.pubpopu{
|
||||
width: 560px;
|
||||
/* height: 570px; */
|
||||
padding: 30px;
|
||||
z-index: 2;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
header .pubpopu .head {
|
||||
text-align: center;margin-top: 13px;
|
||||
}
|
||||
.head div:nth-child(1){font-size: 28px;color: #191919;}
|
||||
.head span{
|
||||
color: #737373;
|
||||
opacity: .7;
|
||||
font-size: 15px;
|
||||
display: block;
|
||||
margin: 18px 0;
|
||||
}
|
||||
|
||||
.gang {
|
||||
width: 55px;
|
||||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
/* 身份访问 */
|
||||
header .pubpopu .identity ul {
|
||||
margin: 50px 0 26px 0;
|
||||
padding-bottom: 16px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
font-size: 21px;
|
||||
border-bottom: 1px solid #e4e4e4;
|
||||
}
|
||||
|
||||
header .pubpopu .identity ul li a{color: #737373;}
|
||||
header .pubpopu .identity ul li .member{color: #191919;}
|
||||
/* 输入框 */
|
||||
header .pubpopu .layui-input {
|
||||
border-radius: 5px;
|
||||
font-size: 16px;
|
||||
height: 56px;
|
||||
background: #efefef;
|
||||
border: 1px solid #e2e2e2;
|
||||
}
|
||||
.layui-input-block{margin-left: 0;}
|
||||
|
||||
header .pubpopu .layui-form-item .font-set {
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
}
|
||||
.chukb{display: none;}
|
||||
|
||||
.bbtn {
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
border-radius: 5px;
|
||||
height: 56px;
|
||||
line-height: 56px;
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
margin-top: 28px;
|
||||
background-color: #cb1919;
|
||||
cursor: pointer;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
/* 忘记密码 */
|
||||
header .container .bot{display: flex;justify-content: space-between;}
|
||||
header .container .bot a:first-child{margin-left: 20px;}
|
||||
header .container .bot a{
|
||||
display: block;
|
||||
font-size: 15px;color: #191919;
|
||||
}
|
||||
#forget input,#register-gk input,#register-jk input,#register-yk input{background: #FFFFFF;}
|
||||
#forget .codes,#register-gk .codes,#register-jk .codes,#register-yk .codes{position: relative;}
|
||||
#forget .codes div,#register-gk .codes div,#register-jk .codes div,#register-yk .codes div{position: absolute; width: 209px;height: 55px;right: 1px;top: .5px;text-align: center;line-height: 55px;border-radius: 5px;border-left: 1px solid #e2e2e2;color: #737373;background: #efefef;}
|
||||
.backLogin{cursor: pointer;}
|
||||
/* 立即注册 */
|
||||
#register-gk .checkBox{border: 1px solid red;}
|
||||
.agree-box{display: flex;font-size: 15px;}
|
||||
.agree-box span{color: #CB1919;margin: 0 4px;cursor: pointer;}
|
||||
.cp{cursor: pointer;}
|
||||
|
||||
|
||||
|
||||
.userxz-box{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: none;justify-content: center;align-items: center;padding: 0 420px;background: rgba(0,0,0,.5);z-index: 20;}
|
||||
.userxzk{background: #FFFFFF;border-radius: 5px;width: 100%;}
|
||||
.userxzk img{float: right;margin: 20px 20px 0 0;cursor: pointer;}
|
||||
.userxz{font-size: 36px;color: #222222;text-align: center;margin-top: 44px;}
|
||||
.user-cont{padding: 30px;line-height: 30px;font-size: 15px;color: #191919;}
|
||||
.user-cont li{text-indent: 2em;}
|
||||
|
||||
|
||||
|
||||
/* 购物车 */
|
||||
section {
|
||||
background-color: #f5f5f5;
|
||||
padding-bottom: 34px;
|
||||
}
|
||||
|
||||
section .whoil {
|
||||
padding: 15px 240px;
|
||||
}
|
||||
section .whoil .whoil-1 {
|
||||
padding: 25px;
|
||||
}
|
||||
section .whoil .whoil-1 .all {
|
||||
color: #cb1919;
|
||||
padding-bottom: 10px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
border-bottom: #cb1919 2px solid;
|
||||
}
|
||||
/* 选择 */
|
||||
section .whoil .whoil-1 table {
|
||||
width: 100%;
|
||||
border: 1;
|
||||
}
|
||||
/* 全选 */
|
||||
section .whoil .whoil-1 table thead {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border: 1px solid #e0e0e0;
|
||||
padding: 20px 0 16px 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400px;
|
||||
color: #333333;
|
||||
}
|
||||
/* 全选 */
|
||||
section .whoil .whoil-1 tfoot {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border: 2px solid #000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
section .whoil .whoil-1 table thead th {
|
||||
padding: 22px 20px 16px 20px;
|
||||
}
|
||||
#ckAll{margin-right: 4px;}
|
||||
section .whoil .whoil-1 table thead th:nth-child(2) {
|
||||
float: left;
|
||||
padding: 22px 0 16px 0;
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline td{
|
||||
border-top: 1px solid #e0e0e0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
padding-top: 30px;
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline td:first-child{
|
||||
padding: 20px 0px 20px 20px;
|
||||
border-left: 1px solid #e0e0e0;
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline td:last-child{
|
||||
border-right: 1px solid #e0e0e0;
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(4),section .whoil .whoil-1 table tbody .inline td:nth-child(6),section .whoil .whoil-1 table tbody .inline td:nth-child(7) {
|
||||
padding-top: 34px;
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(n + 3) {
|
||||
text-align: center;
|
||||
}
|
||||
/* 结算 */
|
||||
section .whoil .whoil-1 table tfoot {
|
||||
background-color: #f3f3f3;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot th {
|
||||
padding: 10px 20px;
|
||||
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot #allPrice {
|
||||
color: #cb1919;
|
||||
font-size: 30px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot td:last-child span {
|
||||
color: #f5f5f5;
|
||||
background-color: #cb1919;
|
||||
padding: 18px 50px;
|
||||
float: right;
|
||||
}
|
||||
/* 轮播图 */
|
||||
section .whoil .whoil-1 .swiper-container {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .swiper-text {
|
||||
padding: 35px 0px 10px 0;
|
||||
margin-bottom: 25px;
|
||||
border-bottom: #e0e0e0 1px solid;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* section .whoil .whoil-1 .swiper-wrapper {
|
||||
margin-top: 20px;
|
||||
} */
|
||||
|
||||
section .whoil .whoil-1 .swiper-container img {
|
||||
display: block;
|
||||
/* width: 100%; */
|
||||
height: 287px;
|
||||
overflow: hidden;
|
||||
}
|
||||
section .whoil .whoil-1 .swiper-slide .clips1 {
|
||||
text-align: center;
|
||||
width: 284px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .swiper-button-prev,
|
||||
section .whoil .whoil-1 .swiper-container .swiper-button-next {
|
||||
height: 24px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container {
|
||||
--swiper-theme-color: #ff6600;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .swiper-pagination {
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .swiper-pagination span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
--swiper-pagination-color: #cb1919;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .hide {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-button-next,
|
||||
section .whoil .whoil-1 .swiper-button-prev {
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
||||
/* 二维码页面 */
|
||||
section .whole {
|
||||
margin: auto;
|
||||
padding: 0px 320px;
|
||||
}
|
||||
section .whole .whole-1 {
|
||||
padding: 25px 0 0 0;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec {
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
padding-top: 82px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .wxprice {
|
||||
padding-bottom: 71px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .wxprice span {
|
||||
font-size: 32px;
|
||||
font-weight: 800;
|
||||
color: #cb1919;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .qrcode img {
|
||||
padding: 18px;
|
||||
border: 1px solid #00a608;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .wxzf {
|
||||
margin-top: 10px;
|
||||
padding-bottom: 118px;
|
||||
margin-left: 85px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .wxzf img {
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
|
||||
/* 支付成功页面 */
|
||||
section .whole .whole-1 .payment {
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
padding-top: 190px;
|
||||
padding-bottom: 226px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment img {
|
||||
width: 97px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment h2 {
|
||||
font-weight: 600;
|
||||
color: #00a608;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .odernum {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .oderinte,
|
||||
section .whole .whole-1 .payment .order .oderbuy {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .oderhome {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .oderinte {
|
||||
color: #cb1919;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .oderbuy a,
|
||||
section .whole .whole-1 .payment .order .oderhome a {
|
||||
color: #00a608;
|
||||
}
|
||||
|
|
@ -1,212 +0,0 @@
|
|||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* 背景图 */
|
||||
header .bac {
|
||||
height: 930px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
/* 输入整体框 */
|
||||
header .container {
|
||||
width: 420px;
|
||||
height: 680px;
|
||||
min-height: 320px;
|
||||
max-height: 700px;
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: -50px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
z-index: 130;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
header .container .head {
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
header .container .head p {
|
||||
color: #a2a2a2;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
header .container .head .gang {
|
||||
width: 55px;
|
||||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
/* 身份访问 */
|
||||
header .container .identity ul {
|
||||
margin: 20px;
|
||||
padding-bottom: 20px;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #f9f9f9;
|
||||
}
|
||||
|
||||
header .container .identity ul li {
|
||||
width: 400px;
|
||||
padding: 0px 28px;
|
||||
}
|
||||
|
||||
header .container .identity ul li a {
|
||||
height: 23px;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
header .container .identity ul li .set_1_btn {
|
||||
color: #333;
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
max-width: 100px;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
/* 会员底部展示条 */
|
||||
header .container .identity ul li .Vbtn-2 {
|
||||
letter-spacing: 0;
|
||||
transition: all 150ms linear 0s;
|
||||
float: left;
|
||||
}
|
||||
|
||||
header .container .identity ul li .Vbtn-2:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
header .container .identity ul li .Vbtn-2:hover:after {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
border-color: #56c5ff;
|
||||
-webkit-transition: width 350ms ease-in-out;
|
||||
transition: width 350ms ease-in-out;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
/* 点击切换会员 */
|
||||
header .container .identity ul li .member:link{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:hover{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:visited:focus{
|
||||
color: #333;
|
||||
}
|
||||
/* 输入框 */
|
||||
header .container .layui-input {
|
||||
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 {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .checkb input {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 19px;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .checkb a {
|
||||
color: #cb1919;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .font-set {
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header .container .layui-input-block:last-child {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
header .container .codes {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
header .container .codes input {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
header .container .codes li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
header .container .layui-btn {
|
||||
margin-left: 18px;
|
||||
border-radius: 5px;
|
||||
width: 400px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
background-color: #cb1919;
|
||||
}
|
||||
|
||||
header .container .verity {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
header .container .bot {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
header .container #verify {
|
||||
height: 34px;
|
||||
vertical-align: top;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
header .container #verify #code_img {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
cursor: pointer;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
section {
|
||||
background-color: #cb1919;
|
||||
height: 60px;
|
||||
padding: 0px 180px;
|
||||
}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
.myPopup {
|
||||
width:100%;
|
||||
height: 600px;
|
||||
position: relative;
|
||||
width: 50%;
|
||||
height: 30%;
|
||||
transform: (50%-300px, 50%-510px);
|
||||
}
|
||||
.ui-popup.ui-body-inherit {
|
||||
margin: auto;
|
||||
/* margin-top:10px; */
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
line-height: 80px;
|
||||
}
|
||||
p {
|
||||
text-indent: 2em;
|
||||
}
|
||||
|
|
@ -1,58 +0,0 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
section {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
section .whole {
|
||||
padding: 15px 50px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
section .whole .whole-1 {
|
||||
margin: 20px auto;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec {
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
padding-top: 82px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .wxprice {
|
||||
padding-bottom: 71px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .wxprice span {
|
||||
font-size: 32px;
|
||||
font-weight: 800;
|
||||
color: #cb1919;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .qrcode img {
|
||||
padding: 18px;
|
||||
border: 1px solid #00a608;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .wxzf {
|
||||
margin-top: 10px;
|
||||
padding-bottom: 118px;
|
||||
margin-left: 85px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Wxcollec .wxzf img {
|
||||
height: 45px;
|
||||
}
|
||||
|
|
@ -1,206 +0,0 @@
|
|||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* 背景图 */
|
||||
header .bac {
|
||||
height: 930px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
/* 输入整体框 */
|
||||
header .container {
|
||||
width: 420px;
|
||||
height: 570px;
|
||||
min-height: 320px;
|
||||
max-height: 570px;
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
left: 25px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
z-index: 130;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
header .container .head {
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
header .container .head p {
|
||||
color: #a2a2a2;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
header .container .head .gang {
|
||||
width: 55px;
|
||||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
/* 身份访问 */
|
||||
header .container .identity ul {
|
||||
margin: 20px;
|
||||
padding-bottom: 20px;
|
||||
display: flex;
|
||||
border-bottom: 1px solid #f9f9f9;
|
||||
}
|
||||
|
||||
header .container .identity ul li {
|
||||
width: 400px;
|
||||
padding: 0px 28px;
|
||||
}
|
||||
|
||||
header .container .identity ul li a {
|
||||
height: 23px;
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
header .container .identity ul li .set_1_btn:link {
|
||||
color: #737373;
|
||||
display: block;
|
||||
font-weight: 400;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
max-width: 100px;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
}
|
||||
header .container .identity ul li .set_1_btn:hover {
|
||||
color: #333;
|
||||
}
|
||||
header .container .identity ul li .set_1_btn:active:visited:focus {
|
||||
color: #000;
|
||||
}
|
||||
/* 会员底部显示条 */
|
||||
header .container .identity ul li .Vbtn-2 {
|
||||
letter-spacing: 0;
|
||||
transition: all 150ms linear 0s;
|
||||
float: left;
|
||||
}
|
||||
|
||||
header .container .identity ul li .Vbtn-2:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
width: 0;
|
||||
height: 2px;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
header .container .identity ul li .Vbtn-2:hover:after {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transition: width 350ms ease-in-out;
|
||||
transition: width 350ms ease-in-out;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
header .container .identity ul li:visited {
|
||||
color: #000;
|
||||
}
|
||||
/* 点击切换会员 */
|
||||
header .container .identity ul li .member:link{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:hover{
|
||||
color: #737373;
|
||||
}
|
||||
header .container .identity ul li .member:visited:focus{
|
||||
color: #333;
|
||||
}
|
||||
/* 输入框 */
|
||||
header .container .layui-input {
|
||||
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 {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .checkb input {
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 19px;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .checkb a {
|
||||
color: #cb1919;
|
||||
}
|
||||
|
||||
header .container .layui-form-item .font-set {
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header .container .layui-input-block:last-child {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
header .container .codes {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
header .container .codes input {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
header .container .codes li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
/* 登录 */
|
||||
header .container .layui-btn {
|
||||
margin-left: 18px;
|
||||
border-radius: 5px;
|
||||
width: 400px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
background-color: #cb1919;
|
||||
}
|
||||
|
||||
header .container .verity {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
header .container .bot {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,276 +0,0 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
/* 背景图 */
|
||||
header .bac {
|
||||
height: 930px;
|
||||
background-size: 100% 100%;
|
||||
background-image: url("../../img/images/backimage.png");
|
||||
}
|
||||
/* 找回密码表单 */
|
||||
header .container {
|
||||
width: 420px;
|
||||
height: 400px;
|
||||
min-height: 320px;
|
||||
max-height: 570px;
|
||||
position: absolute;
|
||||
top: 200px;
|
||||
left: 25px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
margin: auto;
|
||||
padding: 20px;
|
||||
z-index: 130;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5);
|
||||
font-size: 16px;
|
||||
}
|
||||
/* 输入框 */
|
||||
header .container .head {
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
header .container .head p {
|
||||
color: #a2a2a2;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
header .container .head .gang {
|
||||
width: 55px;
|
||||
margin: auto;
|
||||
border-bottom: 1px solid #cb1919;
|
||||
}
|
||||
|
||||
header .container .layui-input {
|
||||
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 .font-set {
|
||||
font-size: 13px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
header .container .layui-input-block:last-child {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
/* 验证码 */
|
||||
header .container .codes {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
header .container .codes input {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
header .container .codes li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
z-index: 3;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
/* 登录按钮 */
|
||||
header .container .layui-btn {
|
||||
margin-left: 18px;
|
||||
border-radius: 5px;
|
||||
width: 400px;
|
||||
height: 40px;
|
||||
font-size: 15px;
|
||||
color: #f0cccc;
|
||||
background-color: #cb1919;
|
||||
}
|
||||
|
||||
header .container .verity {
|
||||
width: 200px;
|
||||
}
|
||||
/* 底部返回 */
|
||||
header .container .bot {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
header .container .bot a:first-child {
|
||||
float: left;
|
||||
}
|
||||
|
||||
header .container .bot a:last-child {
|
||||
float: right;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
|
@ -1,204 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
section {
|
||||
height: 1200px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
section .whoil {
|
||||
padding: 15px 240px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 {
|
||||
margin: 20px auto;
|
||||
padding: 25px;
|
||||
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .all {
|
||||
padding-bottom: 10px;
|
||||
float: left;
|
||||
display: contents;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .all h2 {
|
||||
font-weight: 600;
|
||||
color: #cb1919;
|
||||
padding: 20px;
|
||||
background-color: #fff;
|
||||
border-bottom: #cb1919 2px solid;
|
||||
}
|
||||
/* 选择 */
|
||||
section .whoil .whoil-1 table {
|
||||
width: 100%;
|
||||
border: 1;
|
||||
border-collapse: separate;
|
||||
border-spacing: 0px 20px;
|
||||
background-color: #fff;
|
||||
}
|
||||
/* 全选 */
|
||||
section .whoil .whoil-1 table thead {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border: 2px solid #000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
/* 全选 */
|
||||
section .whoil .whoil-1 tfoot {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
border: 2px solid #000;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
section .whoil .whoil-1 table thead th {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table thead th:nth-child(2) {
|
||||
float: left;
|
||||
}
|
||||
section .whoil .whoil-1 table thead th:nth-child(n + 3) {
|
||||
padding-left: 55px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table thead th input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline {
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline td span {
|
||||
display: inline-block;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline th {
|
||||
width: 140px;
|
||||
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline th input {
|
||||
position: absolute;
|
||||
margin:16px 18px;
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline th img {
|
||||
margin-left: 55px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(n + 2) {
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(n + 3) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(4) span {
|
||||
width: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(4) input {
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
section .whoil .whoil-1 table tbody .inline td:nth-child(4) button {
|
||||
width:15px;
|
||||
|
||||
}
|
||||
/* 结算 */
|
||||
section .whoil .whoil-1 table tfoot {
|
||||
background-color: #f3f3f3;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot th {
|
||||
padding: 10px 20px;
|
||||
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot #allPrice {
|
||||
color: #cb1919;
|
||||
font-size: 30px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 table tfoot td:last-child span {
|
||||
color: #f5f5f5;
|
||||
background-color: #cb1919;
|
||||
padding: 18px 50px;
|
||||
float: right;
|
||||
}
|
||||
/* 轮播图 */
|
||||
section .whoil .whoil-1 .swiper-container {
|
||||
width: 100%;
|
||||
height: 380px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .swiper-text {
|
||||
padding: 10px 5px;
|
||||
border-bottom: #e0e0e0 1px solid;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/* section .whoil .whoil-1 .swiper-wrapper {
|
||||
margin-top: 20px;
|
||||
} */
|
||||
|
||||
section .whoil .whoil-1 .swiper-container img {
|
||||
display: block;
|
||||
/* width: 100%; */
|
||||
height: 287px;
|
||||
overflow: hidden;
|
||||
}
|
||||
section .whoil .whoil-1 .swiper-slide .clips1 {
|
||||
text-align: center;
|
||||
width: 284px;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .swiper-button-prev,
|
||||
section .whoil .whoil-1 .swiper-container .swiper-button-next {
|
||||
height: 24px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container {
|
||||
--swiper-theme-color: #ff6600;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .swiper-pagination {
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .swiper-pagination span {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
--swiper-pagination-color: red;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-container .hide {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
section .whoil .whoil-1 .swiper-button-next,
|
||||
section .whoil .whoil-1 .swiper-button-prev {
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
|
@ -16,13 +16,10 @@ section {
|
|||
}
|
||||
|
||||
section .whole {
|
||||
padding: 15px 50px;
|
||||
margin: auto;
|
||||
padding: 0px 320px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 {
|
||||
margin: 20px auto;
|
||||
width: 1200px;
|
||||
padding: 25px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
|
@ -43,7 +40,7 @@ section .whole .whole-1 .Buyers {
|
|||
|
||||
section .whole .whole-1 .toggle,
|
||||
section .whole .whole-1 .commodity {
|
||||
padding: 20px;
|
||||
padding: 20px 0 0 0;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .Subtitle {
|
||||
|
|
@ -105,14 +102,13 @@ section .whole .whole-1 .Buyers #container #read-more {
|
|||
}
|
||||
/* 送货清单 */
|
||||
section .whole .whole-1 .opt {
|
||||
padding: 25px;
|
||||
padding: 15px 0 0 0;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall table {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -125,55 +121,13 @@ section .whole .whole-1 .opt ul .optall th {
|
|||
}
|
||||
|
||||
section .whole .whole-1 .opt ul .optall th span {
|
||||
margin-left: 85px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among table {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th {
|
||||
height: 115px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(1) {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(1) img {
|
||||
padding: 10px;
|
||||
width: 82px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(2) {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(4) > input {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(3), section .whole .whole-1 .opt .checklist .among th:nth-child(4), section .whole .whole-1 .opt .checklist .among th:nth-child(6) {
|
||||
width: 162px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(5) {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(5) input {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(1), section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(3) {
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .opt .checklist .among th:nth-child(5) input:nth-child(2) {
|
||||
width: 30px;
|
||||
}
|
||||
/* 使用优惠券 */
|
||||
section .whole .whole-1 .coupon {
|
||||
width: 100%;
|
||||
|
|
@ -248,10 +202,8 @@ section .whole .whole-1 .remarks .layui-textarea {
|
|||
/* 提交订单 */
|
||||
section .whole .setall {
|
||||
margin: 20px auto;
|
||||
width: 1200px;
|
||||
padding: 25px;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
border: 1px solid #e0e0e0;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,70 +0,0 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
section {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
section .whole {
|
||||
padding: 15px 50px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
section .whole .whole-1 {
|
||||
margin: 20px auto;
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment {
|
||||
background-color: #fff;
|
||||
text-align: center;
|
||||
line-height: 60px;
|
||||
padding-top: 190px;
|
||||
padding-bottom: 226px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment img {
|
||||
width: 97px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment h2 {
|
||||
font-weight: 600;
|
||||
color: #00a608;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .odernum {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .oderinte,
|
||||
section .whole .whole-1 .payment .order .oderbuy {
|
||||
padding: 0px 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .oderhome {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .oderinte {
|
||||
color: #cb1919;
|
||||
}
|
||||
|
||||
section .whole .whole-1 .payment .order .oderbuy a,
|
||||
section .whole .whole-1 .payment .order .oderhome a {
|
||||
color: #00a608;
|
||||
}
|
||||
|
||||
|
|
@ -5,7 +5,7 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>个人中心</title>
|
||||
<title>艺术家个人中心</title>
|
||||
<link rel="stylesheet" href="../../css/institutions/institutions.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
|
@ -44,7 +44,6 @@
|
|||
|
||||
<body class="ty_co">
|
||||
<iframe src="../../public/center-head.html" class="ty_topifrane" frameborder="0" scrolling="no"></iframe>
|
||||
|
||||
<div class="mian ">
|
||||
<div class="ty_ds">
|
||||
<button class="naliu">菜单</button>
|
||||
|
|
|
|||
|
|
@ -1,139 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>艺术家注册</title>
|
||||
<link rel="stylesheet" href="../../css/layui.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" />
|
||||
<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>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(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>
|
||||
<header>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
<!-- 输入框 -->
|
||||
<form class="layui-form" action="" method="post">
|
||||
<div class="container">
|
||||
<div class="head">
|
||||
<h2>会员注册</h2>
|
||||
<p>请选择您的会员身份进行注册</p>
|
||||
<div class="gang"></div>
|
||||
</div>
|
||||
<!-- 身份 -->
|
||||
<div class="identity">
|
||||
<ul>
|
||||
<li><a href="reg.html" class="set_1_btn Vbtn-2 member">个人会员</a>
|
||||
<a href="mecha.html" class="set_1_btn Vbtn-2 member">机构会员</a>
|
||||
<a href="#" class="set_1_btn Vbtn-2 member">艺术家会员</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 用户名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="用户名/登录名"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 设置密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="password" required lay-verify="required" placeholder="设置密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 姓名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="姓名"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 手机号 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="tel" name="phone" id="phone" required lay-verify="required" placeholder="手机号"
|
||||
maxlength="11" autocomplete="off" class="layui-input" value="">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证i码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<li>
|
||||
<p>发送手机验证码</p>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 邮箱 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="email" name="email" required lay-verify="required" placeholder="邮箱" maxlength="50"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 同意 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<div class="checkb">
|
||||
<input type="checkbox" title=""> 我已阅读并接受<a href="#">用户协议</a>和<a
|
||||
href="#">隐私政策</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登录 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo">立即登陆</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<!-- <a href="" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a> -->
|
||||
<a href="./login.html" class="font-set">已有账号，立即登录</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<!-- 底部导航 -->
|
||||
<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>
|
||||
|
||||
</html>
|
||||
|
|
@ -7,10 +7,10 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>登录</title>
|
||||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/login.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.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>
|
||||
<script src="../../js/login_cart/login_cart.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
|
|
@ -24,56 +24,277 @@
|
|||
right: 50px;
|
||||
top: -50px;
|
||||
}
|
||||
.layui-form select, .layui-form input[type="checkbox"], .layui-form input[type="radio"]{display: inline-block;}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
<!-- 输入框 -->
|
||||
<form class="layui-form" action="" method="post">
|
||||
<div class="container">
|
||||
<div class="bac">
|
||||
<div class="pubpopu">
|
||||
<div class="head">
|
||||
<h2>会员登录</h2>
|
||||
<p>请选择您的会员身份进行登录</p>
|
||||
<div class="chuk tank_title">会员登录</div>
|
||||
<div class="zhaoh" style="display: none;">找回密码</div>
|
||||
<span class="chuk">请选择您的会员身份进行登录</span>
|
||||
<div class="gang"></div>
|
||||
</div>
|
||||
<!-- 身份 -->
|
||||
<div class="identity">
|
||||
<div class="identity chuk">
|
||||
<ul>
|
||||
<li><a href="#" class="set_1_btn Vbtn-2 member">个人会员</a>
|
||||
<a href="#" class="set_1_btn Vbtn-2 member">机构会员</a>
|
||||
<a href="#" class="set_1_btn Vbtn-2 member">艺术家会员</a>
|
||||
</li>
|
||||
<li><a href="#" class="member">个人会员</a></li>
|
||||
<li><a href="#" class="">机构会员</a></li>
|
||||
<li><a href="#" class="">艺术家会员</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 手机号/用户名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="输入手机号/用户名"
|
||||
maxlength="20" autocomplete="off" class="layui-input">
|
||||
<!-- 登录输入框 -->
|
||||
<form id="login-k" class="layui-form" style="display: ;" action="" method="post">
|
||||
<div class="container">
|
||||
<!-- 手机号/用户名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" maxlength="11" required lay-verify="required" placeholder="手机号码/用户名"
|
||||
maxlength="20" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" maxlength="16" name="password" required lay-verify="required" placeholder="登录密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登录 -->
|
||||
<div class="bbtn login-btn" onselectstart="return false;"><span style="opacity: .8;">立即登录</span></div>
|
||||
<div class="bot">
|
||||
<a href="javascript:;" id="goForget" class="font-set">忘记密码?</a> <a href="javascript:;" id="goRegister" class="font-set">没有账号，立即注册新用户</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- 密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</form>
|
||||
<!-- 找回密码输入框 -->
|
||||
<form id="forget" class="layui-form" style="display: none;" action="" method="post">
|
||||
<div class="container">
|
||||
|
||||
<!-- 手机号 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="tel" name="forget_phone" required lay-verify="required" placeholder="手机号码"
|
||||
maxlength="11" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="forget_code" required lay-verify="required" placeholder="验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<div><span style="opacity: .8;">发送手机验证码</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 设置密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="forget_password" maxlength="16" required lay-verify="required" placeholder="设置新的密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 确认密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="forget_ppassword" maxlength="16" required lay-verify="required" placeholder="确认新密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登录 -->
|
||||
<div class="bbtn retrieve" onselectstart="return false;"><span style="opacity: .8;">立即找回</span></div>
|
||||
<div class="bot">
|
||||
<a href="../../index.html" class="font-set">返回网站首页</a> <a href="javascript:;" class="font-set backLogin">已有账号，立即登录</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登录 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
|
||||
</form>
|
||||
<!-- 个人注册输入框 -->
|
||||
<form id="register-gk" style="display: none;" class="layui-form" action="" method="post">
|
||||
<div class="container">
|
||||
<!-- 用户名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="g_name" required lay-verify="required" placeholder="用户名"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 手机号 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="tel" name="g_phone" required lay-verify="required" placeholder="手机号码"
|
||||
maxlength="11" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="g_code" required lay-verify="required" placeholder="验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<div><span style="opacity: .8;">发送手机验证码</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" maxlength="16" name="g_password" required lay-verify="required" placeholder="设置密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 同意 -->
|
||||
<div class="agree-box">
|
||||
<input class="cp" type="checkbox" name="" id="checkBox" value=""/><label for="checkBox" class="cp" style="margin-left: 4px;">我已阅读并接受</label>
|
||||
<span>用户协议</span>和<span>隐私政策</span>
|
||||
</div>
|
||||
<!-- 立即注册 -->
|
||||
<div class="bbtn g_register" onselectstart="return false;"><span style="opacity: .8;">立即注册</span></div>
|
||||
<div class="font-set backLogin" style="text-align: center;margin-bottom: 26px;">已有账号，立即登录</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<a href="ret.html" class="font-set">忘记密码?</a> <a href="./reg.html" class="font-set">没有账号，立即注册新用户</a>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<!-- 机构注册输入框 -->
|
||||
<form id="register-jk" style="display: none;" class="layui-form" action="" method="post">
|
||||
<div class="container">
|
||||
<!-- 用户名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="j_name" required lay-verify="required" placeholder="用户名/登录名"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" maxlength="16" name="j_password" required lay-verify="required" placeholder="设置密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 机构名称 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="jg_name" required lay-verify="required" placeholder="机构名称"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 联系人 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="j_people" required lay-verify="required" placeholder="联系人"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 手机号 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="tel" name="j_phone" required lay-verify="required" placeholder="手机号码"
|
||||
maxlength="11" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="j_code" required lay-verify="required" placeholder="请输入验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<div><span style="opacity: .8;">发送手机验证码</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 邮箱 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="j_email" required lay-verify="required" placeholder="邮箱"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 同意 -->
|
||||
<div class="agree-box">
|
||||
<input class="cp" type="checkbox" name="" id="checkBox" value=""/><label for="checkBox" class="cp" style="margin-left: 4px;">我已阅读并接受</label>
|
||||
<span>用户协议</span>和<span>隐私政策</span>
|
||||
</div>
|
||||
<!-- 立即注册 -->
|
||||
<div class="bbtn j_register" onselectstart="return false;"><span style="opacity: .8;">立即注册</span></div>
|
||||
<div class="font-set backLogin" style="text-align: center;margin-bottom: 26px;">已有账号，立即登录</div>
|
||||
</div>
|
||||
</form>
|
||||
<!-- 艺术家注册输入框 -->
|
||||
<form id="register-yk" style="display: none;" class="layui-form" action="" method="post">
|
||||
<div class="container">
|
||||
<!-- 用户名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="y_name" required lay-verify="required" placeholder="用户名/登录名"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" maxlength="16" name="y_password" required lay-verify="required" placeholder="设置密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 名称 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="yx_name" required lay-verify="required" placeholder="姓名"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 手机号 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="tel" name="y_phone" required lay-verify="required" placeholder="手机号码"
|
||||
maxlength="11" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="y_code" required lay-verify="required" placeholder="请输入验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<div><span style="opacity: .8;">发送手机验证码</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 邮箱 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="y_email" required lay-verify="required" placeholder="邮箱"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 同意 -->
|
||||
<div class="agree-box">
|
||||
<input class="cp" type="checkbox" name="" id="checkBox" value=""/><label for="checkBox" class="cp" style="margin-left: 4px;">我已阅读并接受</label>
|
||||
<span>用户协议</span>和<span>隐私政策</span>
|
||||
</div>
|
||||
<!-- 立即注册 -->
|
||||
<div class="bbtn y_register" onselectstart="return false;"><span style="opacity: .8;">立即注册</span></div>
|
||||
<div class="font-set backLogin" style="text-align: center;margin-bottom: 26px;">已有账号，立即登录</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</header>
|
||||
<!-- 弹框提示 -->
|
||||
<div class="tankt" style="display: none;">内容</div>
|
||||
<!-- 用户协议、隐私政策 -->
|
||||
<div class="userxz-box">
|
||||
<div class="userxzk">
|
||||
<img class="closek" src="../../img/public/closeh.png">
|
||||
<div class="userxz">用户协议</div>
|
||||
<div class="user-cont">
|
||||
<ul>
|
||||
<li>后台替换文字内容，编辑排版文字摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家艺术品上数千件，经营规模在成都地区名列前茅。</li>
|
||||
<li>下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。经过20年不间断的运营发展，已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</li>
|
||||
<li>合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等，在国内艺术品市场有较大影响，为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。</li>
|
||||
<li>后台替换文字内容，编辑排版文字摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家艺术品上数千件，经营规模在成都地区名列前茅。</li>
|
||||
<li>下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会下属华夏艺术网，于1998年底开通，是国内最早的书画艺术门户网站，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。经过20年不间断的运营发展，已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。</li>
|
||||
<li>合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。 合作艺术家2000多人，合作艺术机构数百家，架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等，在国内艺术品市场有较大影响，为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
||||
marginwidth='0'></iframe>
|
||||
|
|
|
|||
|
|
@ -1,123 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>机构注册</title>
|
||||
<link rel="stylesheet" href="../../css/layui.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>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#gotoTop {
|
||||
float: right;
|
||||
position: relative;
|
||||
right: 50px;
|
||||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<header>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
<!-- 输入框 -->
|
||||
<form class="layui-form" action="" method="post">
|
||||
<div class="container">
|
||||
<div class="head">
|
||||
<h2>会员注册</h2>
|
||||
<p>请选择您的会员身份进行注册</p>
|
||||
<div class="gang"></div>
|
||||
</div>
|
||||
<!-- 身份 -->
|
||||
<div class="identity">
|
||||
<ul>
|
||||
<li><a href="reg.html" class="set_1_btn Vbtn-2 member">个人会员</a>
|
||||
<a href="#" class="set_1_btn Vbtn-2 member">机构会员</a>
|
||||
<a href="artist.html" class="set_1_btn Vbtn-2 member">艺术家会员</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 用户名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="用户名/登录名"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 设置密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="password" required lay-verify="required" placeholder="设置密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 姓名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="姓名"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 手机号 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="tel" name="phone" required lay-verify="required" placeholder="手机号" maxlength="11"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<li>
|
||||
<p>发送手机验证码</p>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 邮箱 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="email" name="email" required lay-verify="required" placeholder="邮箱" maxlength="11"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 同意 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<div class="checkb">
|
||||
<input type="checkbox" title=""> 我已阅读并接受<a href="#">用户协议</a>和<a
|
||||
href="#">隐私政策</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登录 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo">立即登陆</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<!-- <a href="" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a> -->
|
||||
<a href="./login.html" class="font-set">已有账号，立即登录</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<!-- 底部导航 -->
|
||||
<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>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,35 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<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>
|
||||
|
||||
<body>
|
||||
<div data-role="page">
|
||||
<div data-role="main" class="ui-content">
|
||||
<a href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">显示弹窗</a>
|
||||
<div data-role="popup" class="myPopup" id="myPopup" class="content" data-overlay-theme="b">
|
||||
<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>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>微信二维码</title>
|
||||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/qrcode.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.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>
|
||||
|
|
|
|||
|
|
@ -1,102 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>会员注册</title>
|
||||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/reg.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
<!-- 输入框 -->
|
||||
<form class="layui-form" action="" method="post">
|
||||
<div class="container">
|
||||
<div class="head">
|
||||
<h2>会员注册</h2>
|
||||
<p>请选择您的会员身份进行注册</p>
|
||||
<div class="gang"></div>
|
||||
</div>
|
||||
<!-- 身份 -->
|
||||
<div class="identity">
|
||||
<ul>
|
||||
<li><a href="#" class="set_1_btn Vbtn-2 member">个人会员</a>
|
||||
<a href="mecha.html" class="set_1_btn Vbtn-2 member">机构会员</a>
|
||||
<a href="artist.html" class="set_1_btn Vbtn-2 member">艺术家会员</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 用户名 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入用户名"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 手机号 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="tel" name="phone" required lay-verify="required" placeholder="请输入手机号"
|
||||
maxlength="11" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<li>
|
||||
<p onclick="sentout()">发送手机验证码</p>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 同意 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<div class="checkb">
|
||||
<input type="checkbox" title=""> 我已阅读并接受<a
|
||||
href="Popup.html">用户协议</a>和<a href="#">隐私政策</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登录 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo">立即登陆</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<!-- <a href="" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a> -->
|
||||
<a href="./login.html" class="font-set">已有账号，立即登录</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<!-- 底部导航 -->
|
||||
<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>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,92 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>找回密码</title>
|
||||
<link rel="stylesheet" href="../../css/layui.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" />
|
||||
<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>
|
||||
<header>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
<!-- 输入框 -->
|
||||
<form class="layui-form" action="" method="post">
|
||||
<div class="container">
|
||||
<div class="head">
|
||||
<h2>找回密码</h2>
|
||||
<div class="gang"></div>
|
||||
</div>
|
||||
<!-- 手机号 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="tel" name="phone" required lay-verify="required" placeholder="请输入手机号"
|
||||
maxlength="11" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block codes">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<li>
|
||||
<p>发送手机验证码</p>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 设置密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="password" required lay-verify="required" placeholder="设置新的密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 确认密码 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<input type="password" name="password" required lay-verify="required" placeholder="确认新密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登录 -->
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo">立即登录</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<a href="../../index.html" class="font-set">返回网站首页</a> <a href="./login.html" class="font-set">已有账号，立即登录</a>
|
||||
<!-- <a href="" class="font-set">已有账号，立即登录</a> -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<!-- 底部导航 -->
|
||||
<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>
|
||||
|
||||
</html>
|
||||
|
|
@ -4,13 +4,12 @@
|
|||
<head lang="en">
|
||||
<meta charset="UTF-8">
|
||||
<title>购物车</title>
|
||||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/shopcar2.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/logRespon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.css"/>
|
||||
<script src="../../js/swiper-bundle.min.js"></script>
|
||||
<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/login_cart/login_cart.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
|
|
@ -28,138 +27,108 @@
|
|||
|
||||
<body>
|
||||
<!-- 头部导航 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
|
||||
scrolling="no"></iframe>
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0" scrolling="no"></iframe>
|
||||
<div style="height: 30px;width: 100%;background: #f5f5f5;"></div>
|
||||
<section>
|
||||
<div class="whoil">
|
||||
<div class="whoil-1">
|
||||
<th>
|
||||
<div class="all">
|
||||
<h2>全部商品(20)</h2>
|
||||
</div>
|
||||
</th>
|
||||
|
||||
<div class="whoil" style="padding: 0px 320px;">
|
||||
<div class="whoil-1" style="background: #FFFFFF;">
|
||||
<div class="all">全部商品(20)</div>
|
||||
<!-- 选择 -->
|
||||
<table style="text-align: left;">
|
||||
<table border="0" cellspacing="0" style="border-collapse: separate;border-spacing: 0px 17px;margin-top: -17px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" id="ckAll" onclick="checkAll()"> 全选</th>
|
||||
<th>商品</th>
|
||||
<th style="text-align: left;width: 110px;"><input type="checkbox" id="ckAll" onclick="checkAll()">全选</th>
|
||||
<th style="text-align: left;width: 430px;">商品</th>
|
||||
<th></th>
|
||||
<th>单价</th>
|
||||
<th>数量</th>
|
||||
<th style="width: 110px;">数量</th>
|
||||
<th>小计</th>
|
||||
<th>操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="inline">
|
||||
<th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-1.png"
|
||||
alt="图片丢失" title="购物车图片一"></th>
|
||||
<td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
|
||||
<span> x3</span>
|
||||
<tr class="inline" valign="top">
|
||||
<td style="width: 130px;">
|
||||
<div style="display: flex;">
|
||||
<input type="checkbox" name="ck" style="width: 15px;height: 15px;margin-right: 20px;" onclick="check()">
|
||||
<img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" />
|
||||
</div>
|
||||
</td>
|
||||
<td style="font-size: 15px;color: #525252;width: 430px;">
|
||||
<div style="width: 430px;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</div>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td style="font-size: 15px;color: #525252;"><span>x3</span></td>
|
||||
<td style="font-size: 14px;font-weight: bold;color: #222222;">￥188.00</td>
|
||||
<td>
|
||||
<button class="reduce" onclick="reduceCount(this)">-</button>
|
||||
<input type="text" value="3" class="count-input">
|
||||
<button class="add" onclick="addCount(this)">+</button>
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;" class="reduce" onclick="reduceCount(this)">-</div>
|
||||
<input style="width: 39px;height: 23px;display: inline-block;text-align: center;border: 1px solid #aaaaaa;" type="text" value="3" class="count-input">
|
||||
<div style="width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;" class="add" onclick="addCount(this)">+</div>
|
||||
</div>
|
||||
</td>
|
||||
<td>564.00</td>
|
||||
<td style="font-size: 14px;font-weight: bold;color: #CB1919;">￥564.00</td>
|
||||
<td>
|
||||
<span class="delete" onclick="del(this)">删除</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="inline">
|
||||
<th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-2.png"
|
||||
alt="图片丢失" title="购物车图片二"></th>
|
||||
<td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
|
||||
<span> x3</span>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<button class="reduce" onclick="reduceCount(this)">-</button>
|
||||
<input type="text" value="1" class="count-input">
|
||||
<button class="add" onclick="addCount(this)">+</button>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<span class="delete" onclick="del(this)">删除</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="inline">
|
||||
<th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-3.png"
|
||||
alt="图片丢失" title="购物车图片三"></th>
|
||||
<td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
|
||||
<span> x3</span>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<button class="reduce" onclick="reduceCount(this)">-</button>
|
||||
<input type="text" value="1" class="count-input">
|
||||
<button class="add" onclick="addCount(this)">+</button>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<span class="delete" onclick="del(this)">删除</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="inline">
|
||||
<th><input type="checkbox" name="ck" onclick="check()"><img src="../../img/images/1-4.png"
|
||||
alt="图片丢失" title="购物车图片四"></th>
|
||||
<td><span>竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190</span>
|
||||
<span> x3</span>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<button class="reduce" onclick="reduceCount(this)">-</button>
|
||||
<input type="text" value="1" class="count-input">
|
||||
<button class="add" onclick="addCount(this)">+</button>
|
||||
</td>
|
||||
<td>188.00</td>
|
||||
<td>
|
||||
<span class="delete" onclick="del(this)">删除</span>
|
||||
<span class="delete" onclick="del(this)" style="font-size: 14px;color: #222222;">删除</span>
|
||||
</td>
|
||||
<tr class="inline" valign="top">
|
||||
<td style="width: 130px;">
|
||||
<div style="display: flex;">
|
||||
<input type="checkbox" name="ck" style="width: 15px;height: 15px;margin-right: 20px;" onclick="check()">
|
||||
<img src="../../img/images/1-1.png" alt="图片丢失" title="购物车图片一" />
|
||||
</div>
|
||||
</td>
|
||||
<td style="font-size: 15px;color: #525252;width: 430px;">
|
||||
<div style="width: 430px;">竹迪 客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画靠山书房壁画抽象艺术画 11时来运转8190</div>
|
||||
</td>
|
||||
<td style="font-size: 15px;color: #525252;"><span>x3</span></td>
|
||||
<td style="font-size: 14px;font-weight: bold;color: #222222;">￥188.00</td>
|
||||
<td>
|
||||
<div style="display: flex;align-items: center;justify-content: center;">
|
||||
<div style="width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;" class="reduce" onclick="reduceCount(this)">-</div>
|
||||
<input style="width: 39px;height: 23px;display: inline-block;text-align: center;border: 1px solid #aaaaaa;" type="text" value="3" class="count-input">
|
||||
<div style="width: 17px;height: 23px;background: #f0f0f0;border: 1px solid #e5e5e5;cursor: pointer;" class="add" onclick="addCount(this)">+</div>
|
||||
</div>
|
||||
</td>
|
||||
<td style="font-size: 14px;font-weight: bold;color: #CB1919;">￥564.00</td>
|
||||
<td>
|
||||
<span class="delete" onclick="del(this)" style="font-size: 14px;color: #222222;">删除</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot id="foot">
|
||||
<tr>
|
||||
<th><input type="checkbox" id="ckAll" onclick="checkAll()"> 全选</th>
|
||||
<td valgin="left"><span class="delete" onclick="del(this)">删除</span></td>
|
||||
<td></td>
|
||||
<td>总数：<span id="allCount"></span>件</td>
|
||||
<td>总价：￥<span id="allPrice"></span></td>
|
||||
<td><a href="./tobepaid.html"><span id="accounts" onclick="accounts();">结算</span></a></td>
|
||||
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<div style="height: 50px;background: #f3f3f3;line-height: 50px;display: flex;justify-content: space-between;font-size: 14px;color: #333333;">
|
||||
<div style="padding-left: 10px;">
|
||||
<input type="checkbox" style="cursor: pointer;" id="ckAll"><span style="margin-left: 4px;cursor: pointer;">全选</span>
|
||||
<span style="margin-left: 20px;cursor: pointer;">删除</span>
|
||||
</div>
|
||||
<div>
|
||||
<span>合计：￥<span style="font-size: 20px;font-weight: bold;color: #CB1919;">0.00</span></span>
|
||||
<span id="settlementt" class="settlement" style="height: 50px;background: #CB1919;color: #FFFFFF;display: inline-block;width: 130px;text-align: center;font-size: 18px;margin-left: 10px;cursor: pointer;">结算</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 轮播图 -->
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-text">
|
||||
推荐商品
|
||||
</div>
|
||||
<div class="swiper-container" style="padding-bottom: 50px;">
|
||||
<div class="swiper-text">推荐商品</div>
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
<div class="swiper-slide"><img width="100%" alt="图片丢失" title="图片一" src="../../img/images/1.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
|
||||
</div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片二" src="../../img/images/2.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
<div class="swiper-slide"><img width="100%" alt="图片丢失" title="图片二" src="../../img/images/2.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
|
||||
</div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片三" src="../../img/images/3.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
<div class="swiper-slide"><img width="100%" alt="图片丢失" title="图片三" src="../../img/images/3.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
|
||||
</div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片四" src="../../img/images/4.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
<div class="swiper-slide"><img width="100%" alt="图片丢失" title="图片四" src="../../img/images/4.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
|
||||
</div>
|
||||
<div class="swiper-slide"><img alt="图片丢失" title="图片一" src="../../img/images/1.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术之乐 · 百名艺术家酒标展</div>
|
||||
<div class="swiper-slide"><img width="100%" alt="图片丢失" title="图片一" src="../../img/images/1.png">
|
||||
<div class="font-20 m-sx16 clips1">艺术清酒--得寓(酒标作品)</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
<!-- 导航按钮 -->
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -170,37 +139,25 @@
|
|||
})
|
||||
function sixSwiper() {
|
||||
let showNum = 4
|
||||
let beforeNum = 15
|
||||
let centeredSlides = true//是否显示半截
|
||||
let spaceBetween = 25//图片间距
|
||||
let spaceBetween = 25//图片间距
|
||||
let windowWidth = $(window).width()
|
||||
if (windowWidth * 1 <= 900) {
|
||||
showNum = 2
|
||||
beforeNum = 0
|
||||
centeredSlides = false
|
||||
spaceBetween = 10
|
||||
} else if (windowWidth * 1 <= 1000) {
|
||||
showNum = 3
|
||||
beforeNum = 0
|
||||
centeredSlides = false
|
||||
spaceBetween = 10
|
||||
} else if (windowWidth * 1 <= 1200) {
|
||||
showNum = 3
|
||||
beforeNum = 0
|
||||
centeredSlides = false
|
||||
} else if (windowWidth * 1 <= 1450) {
|
||||
showNum = 4
|
||||
beforeNum = 0
|
||||
spaceBetween = 10
|
||||
centeredSlides = true
|
||||
}
|
||||
let myswiper = new Swiper('.swiper-container', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop: true,
|
||||
slidesPerView: showNum,//显示数量
|
||||
spaceBetween: spaceBetween,//图片间距
|
||||
|
||||
slidesOffsetBefore: beforeNum,
|
||||
spaceBetween: spaceBetween,//图片间距
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
stopOnLastSlide: true,
|
||||
|
|
@ -211,24 +168,20 @@
|
|||
el: '.swiper-pagination',
|
||||
clickable: true,//点击跳转
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',//左按钮
|
||||
prevEl: '.swiper-button-prev',//右按钮
|
||||
},
|
||||
grabCursor: true,//鼠标移入变手
|
||||
});
|
||||
// 鼠标移入轮播图范围，执行的函数
|
||||
myswiper.el.onmouseover = function () {
|
||||
myswiper.autoplay.stop();
|
||||
myswiper.navigation.$nextEl.removeClass('hide');
|
||||
myswiper.navigation.$prevEl.removeClass('hide');
|
||||
}
|
||||
// 鼠标移出轮播图范围，执行的函数
|
||||
myswiper.el.onmouseout = function () {
|
||||
myswiper.autoplay.start();
|
||||
myswiper.navigation.$nextEl.addClass('hide');
|
||||
myswiper.navigation.$prevEl.addClass('hide');
|
||||
}
|
||||
// myswiper.el.onmouseover = function () {
|
||||
// myswiper.autoplay.stop();
|
||||
// myswiper.navigation.$nextEl.removeClass('hide');
|
||||
// myswiper.navigation.$prevEl.removeClass('hide');
|
||||
// }
|
||||
// // 鼠标移出轮播图范围，执行的函数
|
||||
// myswiper.el.onmouseout = function () {
|
||||
// myswiper.autoplay.start();
|
||||
// myswiper.navigation.$nextEl.addClass('hide');
|
||||
// myswiper.navigation.$prevEl.addClass('hide');
|
||||
// }
|
||||
}
|
||||
sixSwiper()
|
||||
//获取元素
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>购物车</title>
|
||||
<link rel="stylesheet" href="../../css/layui.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>
|
||||
|
|
@ -28,6 +27,7 @@
|
|||
<body>
|
||||
<!-- 头部导航 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0" scrolling="no"></iframe>
|
||||
<div style="height: 30px;width: 100%;background: #f5f5f5;"></div>
|
||||
<!-- 内容 -->
|
||||
<section>
|
||||
<div class="whole">
|
||||
|
|
@ -58,49 +58,40 @@
|
|||
</div>
|
||||
<!-- 送货清单 -->
|
||||
<div class="opt">
|
||||
<span class="Subtitle">送货清单</span>
|
||||
<span class="Subtitle" style="font-size: 15px;">送货清单</span>
|
||||
<div class="commodity">
|
||||
<ul>
|
||||
<li class="optall">
|
||||
<table>
|
||||
<th>
|
||||
<span></span>商品</span>
|
||||
</th>
|
||||
<th>单价</th>
|
||||
<th>数量</th>
|
||||
<th>小计</th>
|
||||
</table>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="checklist">
|
||||
<li class="among">
|
||||
<table>
|
||||
<th> <label for="value1"><img src="../../img/images/1-1.png" alt="图片丢失" title="商品1"></label>
|
||||
</th>
|
||||
<th><span>
|
||||
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
|
||||
</span></th>
|
||||
<th>￥188
|
||||
</th>
|
||||
<th>x3</th>
|
||||
<th id="price0">￥564.6</th>
|
||||
</table>
|
||||
</li>
|
||||
<li class="among">
|
||||
<table>
|
||||
<th> <label for="value1"><img src="../../img/images/1-2.png" alt="图片丢失" title="商品2"></label>
|
||||
</th>
|
||||
<th><span>
|
||||
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
|
||||
</span></th>
|
||||
<th>￥188
|
||||
</th>
|
||||
<th>x3</th>
|
||||
<th id="price0">￥564.6</th>
|
||||
</table>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<table style="text-align: center;width: 100%;" cellspacing="0" cellpadding="20">
|
||||
<tr style="background-color: #f3f3f3;">
|
||||
<th style="text-align: left;padding: 22px 0 16px 20px;width: 480px;">
|
||||
<span>商品</span>
|
||||
</th>
|
||||
<th>单价</th>
|
||||
<th>数量</th>
|
||||
<th>小计</th>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td style="width: 480px;text-align: left;padding: 20px;border-bottom: 1px solid #f2f2f2;">
|
||||
<div style="width: 480px;display: flex;">
|
||||
<img src="../../img/images/1-1.png" alt="图片丢失" title="商品1" >
|
||||
<div style="font-size: 14px;line-height: 24px;color: #525252;margin-left: 10px;">创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">￥188</td>
|
||||
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">x3</td>
|
||||
<td id="price0" style="padding: 20px;font-weight: bold;color: #CB1919;border-bottom: 1px solid #f2f2f2;">￥564.6</td>
|
||||
</tr>
|
||||
<tr valign="top">
|
||||
<td style="width: 480px;text-align: left;padding: 20px;border-bottom: 1px solid #f2f2f2;">
|
||||
<div style="width: 480px;display: flex;">
|
||||
<img src="../../img/images/1-1.png" alt="图片丢失" title="商品1" >
|
||||
<div style="font-size: 14px;line-height: 24px;color: #525252;margin-left: 10px;">创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办公室博古架抽象艺术工艺品 牛气冲天+运势如虹</div>
|
||||
</div>
|
||||
</td>
|
||||
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">￥188</td>
|
||||
<td style="padding: 20px;font-weight: bold;border-bottom: 1px solid #f2f2f2;">x3</td>
|
||||
<td id="price0" style="padding: 20px;font-weight: bold;color: #CB1919;border-bottom: 1px solid #f2f2f2;">￥564.6</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
@ -137,11 +128,11 @@
|
|||
</div>
|
||||
<!-- 提交订单 -->
|
||||
<div class="setall">
|
||||
<ul class="seta">
|
||||
<li>商品总金额：<span>￥1128.00 </span> </li>
|
||||
<li>运费：<span>￥0.00 </span></li>
|
||||
<li>商品优惠：<span>-￥20.00 </span></li>
|
||||
</ul>
|
||||
<div style="line-height: 36px;font-size: 16px;color: #525252;">
|
||||
<div style="text-align: right;"><span>商品总金额：</span><span style="width: 200px;display: inline-block;">￥1128.00</span></div>
|
||||
<div style="text-align: right;"><span>运费：</span><span style="width: 200px;display: inline-block;">￥0.00</span></div>
|
||||
<div style="text-align: right;"><span>商品优惠：</span><span style="width: 200px;display: inline-block;">-￥20.00</span></div>
|
||||
</div>
|
||||
<!-- 送货地址 -->
|
||||
<div class="total">
|
||||
<li>应付总额:<span>￥1123.00</span></li>
|
||||
|
|
@ -171,20 +162,20 @@
|
|||
var defHeight = $('#wrap').height();
|
||||
if (defHeight >= slideHeight) {
|
||||
$('#wrap').css('height', slideHeight + 'px');
|
||||
$('#read-more').append('<a href="#">展开地址︾</a>');
|
||||
$('#read-more a').click(function () {
|
||||
$('#read-more').append('<span style="cursor: pointer;" href="#">展开地址︾</span>');
|
||||
$('#read-more span').click(function () {
|
||||
var curHeight = $('#wrap').height();
|
||||
if (curHeight == slideHeight) {
|
||||
$('#wrap').animate({
|
||||
height: defHeight
|
||||
}, "normal");
|
||||
$('#read-more a').html('收起地址 ︽');
|
||||
$('#read-more span').html('收起地址 ︽');
|
||||
$('#gradient').fadeOut();
|
||||
} else {
|
||||
$('#wrap').animate({
|
||||
height: slideHeight
|
||||
}, "normal");
|
||||
$('#read-more a').html('展开地址 ︾');
|
||||
$('#read-more span').html('展开地址 ︾');
|
||||
$('#gradient').fadeIn();
|
||||
}
|
||||
return false;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>支付成功</title>
|
||||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/zf.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/logshoppingcar/login_cart.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>
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1,267 @@
|
|||
var num = 0
|
||||
var isReg = false
|
||||
$(function(){
|
||||
var identity = 0
|
||||
$('.identity ul li').on('click',function(){
|
||||
identity = $(this).index()
|
||||
$('.identity ul li a').removeClass('member')
|
||||
$(this).find('a').addClass('member')
|
||||
if(isReg){
|
||||
clearClose()
|
||||
if(identity==0) $('#register-gk').css('display','')
|
||||
if(identity==1) $('#register-jk').css('display','')
|
||||
if(identity==2) $('#register-yk').css('display','')
|
||||
}
|
||||
})
|
||||
// 登录事件
|
||||
$('.login-btn').on('click',function(){
|
||||
var phone = $("input[name='title']").val()
|
||||
var password = $("input[name='password']").val()
|
||||
if(phone==''){
|
||||
tishik('请输入手机号/用户名',2000)
|
||||
} else if(password==''){
|
||||
tishik('密码不能为空',2000)
|
||||
} else if(password.length>16 || password.length<6){
|
||||
tishik('密码长度必须是6位或以上',2000)
|
||||
} else {
|
||||
tishik('登录成功',2000)
|
||||
setTimeout(()=>{
|
||||
clearClose()
|
||||
},2000)
|
||||
// 个人会员登录
|
||||
if(identity==0) location.href = "../../htmls/grzx/personalData.html"
|
||||
// 机构会员登录
|
||||
if(identity==1) location.href = "../../htmls/institutions/institutions.html"
|
||||
// 艺术家会员登录
|
||||
if(identity==2) location.href = "../../htmls/artistCenter/artistCenter.html"
|
||||
}
|
||||
num = 1
|
||||
})
|
||||
// 找回密码事件
|
||||
$('.retrieve').on('click',function(){
|
||||
var forget_phone = $("input[name='forget_phone']").val()
|
||||
var forget_code = $("input[name='forget_code']").val()
|
||||
var forget_password = $("input[name='forget_password']").val()
|
||||
var forget_ppassword = $("input[name='forget_ppassword']").val()
|
||||
if(forget_phone==''){
|
||||
tishik('请输入手机号',2000)
|
||||
} else if(forget_code==''){
|
||||
tishik('请输入验证码',2000)
|
||||
} else if(forget_password==''){
|
||||
tishik('请设置新密码',2000)
|
||||
} else if(forget_password.length>16 || forget_password.length<6){
|
||||
tishik('密码长度必须是6位或以上',2000)
|
||||
} else if(forget_ppassword==''){
|
||||
tishik('请确认新密码',2000)
|
||||
} else if(forget_ppassword.length>16 || forget_ppassword.length<6){
|
||||
tishik('密码长度必须是6位或以上',2000)
|
||||
} else if(forget_password!=forget_ppassword){
|
||||
tishik('两次输入的密码必须一致',2000)
|
||||
} else {
|
||||
clearClose()
|
||||
$("#login-k").css('display','')
|
||||
}
|
||||
num = 1
|
||||
})
|
||||
$('#goForget').on('click',function(){//切换到找回密码
|
||||
clearClose()
|
||||
$('.chuk').css('display','none')
|
||||
$('.gang').css('margin','25px auto')
|
||||
$('.head').find('.zhaoh').css({'display':'','fontSize':'28px','color':'#191919'})
|
||||
$("#forget").css('display','')
|
||||
})
|
||||
$('#goRegister').on('click',function(){//切换到个人注册
|
||||
clearClose()
|
||||
if(identity==0){
|
||||
$("#register-gk").css('display','')
|
||||
}
|
||||
if(identity==1){
|
||||
$("#register-jk").css('display','')
|
||||
}
|
||||
if(identity==2){
|
||||
$("#register-yk").css('display','')
|
||||
}
|
||||
$('.tank_title').text('会员注册')
|
||||
isReg = true
|
||||
})
|
||||
$('.backLogin').on('click',function(){//切换到登录
|
||||
clearClose()
|
||||
$('.tank_title').text('会员登录')
|
||||
$("#login-k").css('display','')
|
||||
isReg = false
|
||||
})
|
||||
$('.g_register').on('click',function(){
|
||||
var g_name = $("input[name='g_name']").val()
|
||||
var g_phone = $("input[name='g_phone']").val()
|
||||
var g_code = $("input[name='g_code']").val()
|
||||
var g_password = $("input[name='g_password']").val()
|
||||
if(g_name==''){
|
||||
tishik('请输入用户名',2000)
|
||||
} else if(g_phone==''){
|
||||
tishik('请输入手机号码',2000)
|
||||
} else if(g_code==''){
|
||||
tishik('请输入验证码',2000)
|
||||
} else if(g_password==''){
|
||||
tishik('请输入密码',2000)
|
||||
} else if(g_password.length>16 || g_password.length<6){
|
||||
tishik('密码长度必须是6位或以上',2000)
|
||||
} else {
|
||||
clearClose()
|
||||
$("#login-k").css('display','')
|
||||
}
|
||||
num = 1
|
||||
})
|
||||
// 机构注册
|
||||
$('.j_register').on('click',function(){
|
||||
var j_name = $("input[name='j_name']").val()
|
||||
var j_password = $("input[name='j_password']").val()
|
||||
var jg_name = $("input[name='jg_name']").val()
|
||||
var j_people = $("input[name='j_people']").val()
|
||||
var j_phone = $("input[name='j_phone']").val()
|
||||
var j_code = $("input[name='j_code']").val()
|
||||
var j_email = $("input[name='j_email']").val()
|
||||
if(j_name==''){
|
||||
tishik('请输入用户名/登录名',2000)
|
||||
} else if(j_password==''){
|
||||
tishik('请输入密码',2000)
|
||||
} else if(j_password.length>16 || j_password.length<6){
|
||||
tishik('密码长度必须是6位或以上',2000)
|
||||
} else if(jg_name==''){
|
||||
tishik('请输入机构名称',2000)
|
||||
} else if(j_people==''){
|
||||
tishik('请输入联系人',2000)
|
||||
} else if(j_phone==''){
|
||||
tishik('请输入手机号码',2000)
|
||||
} else if(j_code==''){
|
||||
tishik('请输入验证码',2000)
|
||||
} else if(j_email==''){
|
||||
tishik('请输入邮箱',2000)
|
||||
} else {
|
||||
clearClose()
|
||||
$("#login-k").css('display','')
|
||||
}
|
||||
num = 1
|
||||
})
|
||||
// 艺术家注册
|
||||
$('.y_register').on('click',function(){
|
||||
var y_name = $("input[name='y_name']").val()
|
||||
var y_password = $("input[name='y_password']").val()
|
||||
var yx_name = $("input[name='yx_name']").val()
|
||||
var y_phone = $("input[name='y_phone']").val()
|
||||
var y_code = $("input[name='y_code']").val()
|
||||
var y_email = $("input[name='y_email']").val()
|
||||
if(y_name==''){
|
||||
tishik('请输入用户名/登录名',2000)
|
||||
} else if(y_password==''){
|
||||
tishik('请输入密码',2000)
|
||||
} else if(y_password.length>16 || y_password.length<6){
|
||||
tishik('密码长度必须是6位或以上',2000)
|
||||
} else if(yx_name==''){
|
||||
tishik('请输入姓名',2000)
|
||||
} else if(y_phone==''){
|
||||
tishik('请输入手机号码',2000)
|
||||
} else if(y_code==''){
|
||||
tishik('请输入验证码',2000)
|
||||
} else if(y_email==''){
|
||||
tishik('请输入邮箱',2000)
|
||||
} else {
|
||||
clearClose()
|
||||
$("#login-k").css('display','')
|
||||
}
|
||||
num = 1
|
||||
})
|
||||
// 关闭弹框用户协议、隐私政策弹框
|
||||
$('.closek').on('click',function(){
|
||||
$('.userxz-box').fadeOut()
|
||||
})
|
||||
$('.agree-box span').on('click',function(){
|
||||
var dangXZ = $(this).index()
|
||||
var contentMsg = ''
|
||||
// 进入用户协议
|
||||
if(dangXZ==2){
|
||||
if(identity==0){
|
||||
contentMsg = "个人会员注册时的用户协议"
|
||||
}
|
||||
if(identity==1) {
|
||||
contentMsg = "机构会员注册时的用户协议"
|
||||
}
|
||||
if(identity==2) {
|
||||
contentMsg = "艺术家会员注册时的用户协议"
|
||||
}
|
||||
console.log(contentMsg);
|
||||
}
|
||||
// 进入隐私政策
|
||||
if(dangXZ==3){
|
||||
if(identity==0) {
|
||||
contentMsg = "个人会员注册时的隐私政策"
|
||||
}
|
||||
if(identity==1) {
|
||||
contentMsg = "机构会员注册时的隐私政策"
|
||||
}
|
||||
if(identity==2) {
|
||||
contentMsg = "艺术家会员注册时的隐私政策"
|
||||
}
|
||||
console.log(contentMsg);
|
||||
}
|
||||
$('.userxz-box').fadeIn()
|
||||
setTimeout(()=>{
|
||||
$('.userxz-box').css('display','flex')
|
||||
},0)
|
||||
})
|
||||
$('#settlementt').on('click',function(){
|
||||
location.href = "tobepaid.html"
|
||||
})
|
||||
})
|
||||
function clearClose(){
|
||||
num = 0
|
||||
// 切换头部
|
||||
$('.chuk').css('display','')
|
||||
$('.gang').css('margin','auto')
|
||||
$('.head').find('.zhaoh').css({'display':'none','fontSize':'28px','color':'#191919'})
|
||||
|
||||
// 登录输入框
|
||||
$("#login-k").css('display','none')
|
||||
$("#forget").css('display','none')
|
||||
$("#register-gk").css('display','none')
|
||||
$("#register-jk").css('display','none')
|
||||
$("#register-yk").css('display','none')
|
||||
// 登录的输入框
|
||||
$("input[name='title']").val('')
|
||||
$("input[name='password']").val('')
|
||||
// 忘记密码的输入框
|
||||
$("input[name='forget_phone']").val('')
|
||||
$("input[name='forget_code']").val('')
|
||||
$("input[name='forget_password']").val('')
|
||||
$("input[name='forget_ppassword']").val('')
|
||||
// 个人注册
|
||||
$("input[name='g_name']").val('')
|
||||
$("input[name='g_phone']").val('')
|
||||
$("input[name='g_code']").val('')
|
||||
$("input[name='g_password']").val('')
|
||||
// 机构注册
|
||||
$("input[name='j_name']").val('')
|
||||
$("input[name='j_password']").val('')
|
||||
$("input[name='jg_name']").val('')
|
||||
$("input[name='j_people']").val('')
|
||||
$("input[name='j_phone']").val('')
|
||||
$("input[name='j_code']").val('')
|
||||
$("input[name='j_email']").val('')
|
||||
// 艺术家
|
||||
$("input[name='y_name']").val('')
|
||||
$("input[name='y_password']").val('')
|
||||
$("input[name='yx_name']").val('')
|
||||
$("input[name='y_phone']").val('')
|
||||
$("input[name='y_code']").val('')
|
||||
$("input[name='y_email']").val('')
|
||||
}
|
||||
function tishik(val,time){
|
||||
if(num==0){
|
||||
$('.tankt').css('display','')
|
||||
$('.tankt').text(val)
|
||||
setTimeout(()=>{
|
||||
$('.tankt').css('display','none')
|
||||
$('.tankt').text('')
|
||||
num = 0
|
||||
},time)
|
||||
}
|
||||
}
|
||||
|
|
@ -14,10 +14,10 @@
|
|||
<nav class="ty_w ty_w1220 ty_ds">
|
||||
<img src="../img/logo.png" title="图2" alt="图片已缺失">
|
||||
<ul class="ty_listnav">
|
||||
<li> 123</li>
|
||||
<li><span class="ty_di"></span><a href="">网站首页</a></li>
|
||||
<li>123</li>
|
||||
<li><span class="ty_di"></span><a href="../index.html" target="_blank">网站首页</a></li>
|
||||
<li><span class="ty_di"></span><a href="">关于我们</a></li>
|
||||
<li><span class="ty_di"></span><a href=""><img class="ty_topicon" title="图3" src="../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
|
||||
<li><span class="ty_di"></span><a href="../htmls/logshoppingcar/shopcar.html" target="_blank"><img class="ty_topicon" title="图3" src="../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
|
||||
<li><span class="ty_di"></span><a href="">积分商城</a></li>
|
||||
<li><span class="ty_di"></span><a href="">联系我们</a></li>
|
||||
<li><span class="ty_di"></span><a href="" class="ty_gr">个人中心</a></li>
|
||||
|
|
|
|||
Loading…
Reference in New Issue