头、底部
parent
40729c08e1
commit
87873eeaf6
|
|
@ -206,151 +206,4 @@ header .container #verify #code_img {
|
|||
vertical-align: top;
|
||||
}
|
||||
|
||||
section {
|
||||
background-color: #cb1919;
|
||||
height: 60px;
|
||||
padding: 0px 180px;
|
||||
}
|
||||
|
||||
section .navig {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
section .navig .label .label-text ul {
|
||||
display: flex;
|
||||
float: left;
|
||||
}
|
||||
|
||||
section .navig .label .label-text ul li {
|
||||
padding: 20px 21px;
|
||||
}
|
||||
|
||||
section .navig .label .label-text ul li a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
section .navig .label .label-icon {
|
||||
background-color: #cb1919;
|
||||
}
|
||||
|
||||
section .navig .label .label-icon ul {
|
||||
display: flex;
|
||||
float: right;
|
||||
}
|
||||
|
||||
section .navig .label .label-icon ul li {
|
||||
padding: 20px 21px;
|
||||
}
|
||||
|
||||
section .navig .label .label-icon ul li img {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 0px 180px;
|
||||
}
|
||||
|
||||
footer .foot {
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
footer .intr {
|
||||
padding: 35px;
|
||||
width: 342px;
|
||||
height: 226px;
|
||||
}
|
||||
|
||||
footer .intr img {
|
||||
height: 86px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
footer .intr p:nth-child(1) {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
footer .intr p:nth-child(2) {
|
||||
color: #616161;
|
||||
}
|
||||
|
||||
footer .address {
|
||||
background-color: #faf9f8;
|
||||
border-left: 1px solid #ededed;
|
||||
border-bottom: 1px solid #ededed;
|
||||
}
|
||||
|
||||
footer .address .addreses {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-1,
|
||||
footer .address .addreses .addres-2,
|
||||
footer .address .addreses .addres-3 {
|
||||
padding: 33px;
|
||||
}
|
||||
|
||||
footer .address .addreses .icp {
|
||||
padding: 28px 40px;
|
||||
border-top: 1px solid #ededed;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-1 {
|
||||
width: 310px;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-1 img {
|
||||
height: 50px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-1 p {
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-1 p:nth-of-type(1) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-1 p:nth-of-type(2) {
|
||||
font-size: 6px;
|
||||
color: rgba(97, 97, 97, 0.8);
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-2 {
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-2 p {
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-2 p:nth-of-type(1) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-2 p:nth-of-type(2) {
|
||||
font-size: 12.5px;
|
||||
color: rgba(97, 97, 97, 0.8);
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-3 {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-3 img {
|
||||
height: 92px;
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-3 p {
|
||||
float: left;
|
||||
font-size: 1px;
|
||||
margin-left: 12px;
|
||||
color: rgba(97, 97, 97, 0.8);
|
||||
}
|
||||
|
||||
footer .address .addreses .addres-4 {
|
||||
padding: 63px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -164,15 +164,19 @@ header .container .codes input {
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
header .container .codes canvas {
|
||||
header .container .codes li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
header .container .codes canvas p {
|
||||
color: #000;
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
z-index: 3;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -164,15 +164,19 @@ header .container .codes input {
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
header .container .codes canvas {
|
||||
header .container .codes li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
header .container .codes canvas p {
|
||||
color: #000;
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
z-index: 3;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ header .container {
|
|||
min-height: 320px;
|
||||
max-height: 570px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
top: -350px;
|
||||
left: -40px;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
|
|
@ -175,7 +175,7 @@ header .container .codes input {
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
header .container .codes canvas {
|
||||
header .container .codes li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
|
|
@ -183,8 +183,12 @@ header .container .codes canvas {
|
|||
margin-top: 10px;
|
||||
}
|
||||
|
||||
header .container .codes canvas p {
|
||||
color: #000;
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
z-index: 3;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
|
|
@ -256,3 +260,7 @@ section .navig .label .label-icon ul li {
|
|||
section .navig .label .label-icon ul li img {
|
||||
width: 25px;
|
||||
}
|
||||
|
||||
@media screen and (min-width:621px) and (max-width:720px) {
|
||||
|
||||
}
|
||||
|
|
@ -95,15 +95,19 @@ header .container .codes input {
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
header .container .codes canvas {
|
||||
header .container .codes li {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
background: #efefef;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
header .container .codes canvas p {
|
||||
color: #000;
|
||||
header .container .codes li p {
|
||||
color: #8c8c8c;
|
||||
z-index: 3;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
z-index: 3;
|
||||
}
|
||||
/* 登录按钮 */
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,274 +0,0 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
list-style: none;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
section {
|
||||
// height: 1200px;
|
||||
background-color: #f5f5f5;
|
||||
.whole {
|
||||
padding: 15px 50px;
|
||||
margin: auto;
|
||||
.whole-1,
|
||||
.setall {
|
||||
margin: 20px auto;
|
||||
width: 1200px;
|
||||
padding: 25px;
|
||||
background-color: #ffffff;
|
||||
.all {
|
||||
display: inline-block;
|
||||
h2 {
|
||||
font-weight: 600;
|
||||
|
||||
float: left;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.Buyers,
|
||||
.opt {
|
||||
padding: 25px;
|
||||
}
|
||||
.toggle,
|
||||
.commodity {
|
||||
padding: 20px;
|
||||
}
|
||||
.Subtitle {
|
||||
font-weight: 800;
|
||||
}
|
||||
// 买家
|
||||
.Buyers {
|
||||
border-top: 2px solid #cb1919;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
background-color: #fff;
|
||||
#container {
|
||||
span {
|
||||
&:nth-child(2) {
|
||||
float: right;
|
||||
a {
|
||||
color: #066ee2;
|
||||
}
|
||||
}
|
||||
}
|
||||
#wrap {
|
||||
overflow: hidden;
|
||||
margin-top: 20px;
|
||||
.address {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.name {
|
||||
display: inline-block;
|
||||
padding: 10px 50px;
|
||||
}
|
||||
.na-1 {
|
||||
border: solid 2px #cb1919;
|
||||
}
|
||||
.na-2 {
|
||||
margin-top: 10px;
|
||||
border: solid 2px #d1d1d1;
|
||||
}
|
||||
p {
|
||||
margin: 0px 15px;
|
||||
}
|
||||
}
|
||||
.address-2 {
|
||||
a {
|
||||
color: #066ee2;
|
||||
}
|
||||
}
|
||||
.stop {
|
||||
padding: 20px 20px;
|
||||
}
|
||||
}
|
||||
#read-more{
|
||||
margin-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 送货清单
|
||||
.opt {
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
ul {
|
||||
.optall {
|
||||
table {
|
||||
width: 100%;
|
||||
background-color: #f3f3f3;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#checkall {
|
||||
margin-left: 10px;
|
||||
}
|
||||
th {
|
||||
height: 50px;
|
||||
span {
|
||||
margin-left: 85px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.checklist {
|
||||
.among {
|
||||
table {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
}
|
||||
th {
|
||||
height: 115px;
|
||||
&:nth-child(1) {
|
||||
width: 100px;
|
||||
img {
|
||||
padding: 10px;
|
||||
width: 82px;
|
||||
}
|
||||
}
|
||||
&:nth-child(2) {
|
||||
width: 300px;
|
||||
}
|
||||
&:nth-child(4) > input {
|
||||
width: 80px;
|
||||
}
|
||||
&:nth-child(3),
|
||||
&:nth-child(4),
|
||||
&:nth-child(6) {
|
||||
width: 162px;
|
||||
text-align: center;
|
||||
}
|
||||
&:nth-child(5) {
|
||||
width: 120px;
|
||||
input {
|
||||
text-align: center;
|
||||
}
|
||||
input {
|
||||
&:nth-child(1),
|
||||
&:nth-child(3) {
|
||||
width: 15px;
|
||||
}
|
||||
&:nth-child(2) {
|
||||
width: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// 使用优惠券
|
||||
.coupon {
|
||||
width: 100%;
|
||||
display: inline-flex;
|
||||
padding-bottom: 40px;
|
||||
border-bottom: 1px solid #f2f2f2;
|
||||
.yh {
|
||||
width: 262px;
|
||||
height: 130px;
|
||||
margin-right: 25px;
|
||||
|
||||
h1,
|
||||
h3,
|
||||
span {
|
||||
color: #fff;
|
||||
}
|
||||
h1 {
|
||||
font-size: 50px;
|
||||
position: relative;
|
||||
left: 30px;
|
||||
top: 20px;
|
||||
}
|
||||
h3 {
|
||||
font-size: 17px;
|
||||
position: relative;
|
||||
left: 91px;
|
||||
top: -32px;
|
||||
font-weight: 700;
|
||||
}
|
||||
span {
|
||||
position: relative;
|
||||
left: 91px;
|
||||
top: -32px;
|
||||
}
|
||||
p {
|
||||
color: #cb1919;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.coupon-1 {
|
||||
background: url("../../img/images/coupon-1.png");
|
||||
margin-left: 50px;
|
||||
}
|
||||
.coupon-2 {
|
||||
background: url("../../img/images/coupon-2.png");
|
||||
}
|
||||
.coupon-3 {
|
||||
background: url("../../img/images/coupon-3.png");
|
||||
p {
|
||||
color: #d2d2d2;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 备注
|
||||
.remarks {
|
||||
padding-top: 30px;
|
||||
.layui-textarea {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 提交订单
|
||||
.setall {
|
||||
background-color: #fff;
|
||||
border: 1px solid #e0e0e0;
|
||||
margin-top: 25px;
|
||||
.seta {
|
||||
li {
|
||||
margin-bottom: 20px;
|
||||
display: block;
|
||||
position: relative;
|
||||
left: 815px;
|
||||
text-align: center;
|
||||
width: 380px;
|
||||
span {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
.total {
|
||||
border-top: 1px solid #e0e0e0;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
li {
|
||||
display: block;
|
||||
position: relative;
|
||||
left: 752px;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
width: 445px;
|
||||
span {
|
||||
color: #cb1919;
|
||||
font-size: 26px;
|
||||
font-weight: 800;
|
||||
float: right;
|
||||
}
|
||||
p {
|
||||
color: #ababab;
|
||||
}
|
||||
}
|
||||
}
|
||||
.subore {
|
||||
padding: 30px 0px;
|
||||
height: 20px;
|
||||
span {
|
||||
padding: 15px 35px;
|
||||
background-color: #cb1919;
|
||||
color: #fff;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -8,8 +8,16 @@
|
|||
<title>艺术家注册</title>
|
||||
<link rel="stylesheet" href="../../css/layui.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/artist.css">
|
||||
</head>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe{
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<header>
|
||||
<!-- logo -->
|
||||
|
|
@ -103,77 +111,11 @@
|
|||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<section>
|
||||
<div class="navig">
|
||||
<div class="label">
|
||||
<!-- 标签 -->
|
||||
<div class="label-text">
|
||||
<ul>
|
||||
<li><a href="#">首页</a> </li>
|
||||
<li><a href="#">资讯</a></li>
|
||||
<li><a href="#">展览</a></li>
|
||||
<li><a href="#">艺术家</a></li>
|
||||
<li><a href="#">机构</a></li>
|
||||
<li><a href="#">培训</a></li>
|
||||
<li><a href="#">商城</a></li>
|
||||
<li><a href="#">拍卖</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 微信的图标 -->
|
||||
<div class="label-icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<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="回到顶部">
|
||||
|
||||
</section>
|
||||
<footer>
|
||||
<div class="foot">
|
||||
<!-- 介绍 -->
|
||||
<div class="intr">
|
||||
<img src="../../img/images/logo.png" alt="">
|
||||
<p><span>
|
||||
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
|
||||
</span></p>
|
||||
<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
|
||||
</div>
|
||||
<!-- 地址 -->
|
||||
<div class="address">
|
||||
<div class="addreses">
|
||||
<div class="addres-1">
|
||||
<img src="../../img/images/wx-text.png" alt="">
|
||||
<p><span>成都惠民职工书院</span></p>
|
||||
<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
|
||||
</div>
|
||||
<div class="addres-2">
|
||||
<p><span>联系我们</span></p>
|
||||
<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="addres-3">
|
||||
<li><img src="../../img/images/qr-01.png" alt="">
|
||||
<p><span>华夏艺术网</span></p>
|
||||
</li>
|
||||
<li><img src="../../img/images/qr-02.png" alt="">
|
||||
<p><span>成都惠民职工书院</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<!-- <div class="addres-4">
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
|
||||
蜀ICP备11111111号
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -1,103 +1,99 @@
|
|||
<!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/login.css">
|
||||
<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/login.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#gotoTop {
|
||||
float: right;
|
||||
position: relative;
|
||||
right: 50px;
|
||||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<!-- logo -->
|
||||
<div class="img">
|
||||
<img src="../../img/images/logo-bac.png" alt="">
|
||||
</div>
|
||||
<!-- 背景图 -->
|
||||
<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">个人会员</a>
|
||||
<header>
|
||||
<!-- logo -->
|
||||
<div class="img">
|
||||
<img src="../../img/images/logo-bac.png" alt="">
|
||||
</div>
|
||||
<!-- 背景图 -->
|
||||
<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">个人会员</a>
|
||||
<a href="mecha.html" class="set_1_btn Vbtn-2">机构会员</a>
|
||||
<a href="artist.html" class="set_1_btn Vbtn-2">艺术家会员</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">
|
||||
</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 codes" >
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码" autocomplete="off" class="layui-input verity">
|
||||
<canvas>
|
||||
<p>发送手机验证码</p>
|
||||
</canvas>
|
||||
|
||||
</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="ret.html" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a>
|
||||
</div>
|
||||
|
||||
</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">
|
||||
</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 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">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<a href="ret.html" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<section>
|
||||
<div class="navig">
|
||||
<div class="label">
|
||||
<!-- 标签 -->
|
||||
<div class="label-text">
|
||||
<ul>
|
||||
<li><a href="#">首页</a> </li>
|
||||
<li><a href="#">资讯</a></li>
|
||||
<li><a href="#">展览</a></li>
|
||||
<li><a href="#">艺术家</a></li>
|
||||
<li><a href="#">机构</a></li>
|
||||
<li><a href="#">培训</a></li>
|
||||
<li><a href="#">商城</a></li>
|
||||
<li><a href="#">拍卖</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 微信的图标 -->
|
||||
<div class="label-icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</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>
|
||||
|
|
@ -8,13 +8,27 @@
|
|||
<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>
|
||||
<!-- logo -->
|
||||
<div class="img">
|
||||
<img src="../../img/images/logo-bac.png" alt="">
|
||||
<img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
|
||||
</div>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
|
|
@ -59,8 +73,8 @@
|
|||
<!-- 手机号 -->
|
||||
<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">
|
||||
<input type="tel" name="phone" required lay-verify="required" placeholder="手机号" maxlength="11"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 验证码 -->
|
||||
|
|
@ -68,16 +82,16 @@
|
|||
<div class="layui-input-block codes">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<canvas>
|
||||
<li>
|
||||
<p>发送手机验证码</p>
|
||||
</canvas>
|
||||
</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">
|
||||
<input type="email" name="email" required lay-verify="required" placeholder="邮箱" maxlength="11"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 同意 -->
|
||||
|
|
@ -103,77 +117,11 @@
|
|||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<section>
|
||||
<div class="navig">
|
||||
<div class="label">
|
||||
<!-- 标签 -->
|
||||
<div class="label-text">
|
||||
<ul>
|
||||
<li><a href="#">首页</a> </li>
|
||||
<li><a href="#">资讯</a></li>
|
||||
<li><a href="#">展览</a></li>
|
||||
<li><a href="#">艺术家</a></li>
|
||||
<li><a href="#">机构</a></li>
|
||||
<li><a href="#">培训</a></li>
|
||||
<li><a href="#">商城</a></li>
|
||||
<li><a href="#">拍卖</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 微信的图标 -->
|
||||
<div class="label-icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<footer>
|
||||
<div class="foot">
|
||||
<!-- 介绍 -->
|
||||
<div class="intr">
|
||||
<img src="../../img/images/logo.png" alt="">
|
||||
<p><span>
|
||||
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
|
||||
</span></p>
|
||||
<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
|
||||
</div>
|
||||
<!-- 地址 -->
|
||||
<div class="address">
|
||||
<div class="addreses">
|
||||
<div class="addres-1">
|
||||
<img src="../../img/images/wx-text.png" alt="">
|
||||
<p><span>成都惠民职工书院</span></p>
|
||||
<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
|
||||
</div>
|
||||
<div class="addres-2">
|
||||
<p><span>联系我们</span></p>
|
||||
<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="addres-3">
|
||||
<li><img src="../../img/images/qr-01.png" alt="">
|
||||
<p><span>华夏艺术网</span></p>
|
||||
</li>
|
||||
<li><img src="../../img/images/qr-02.png" alt="">
|
||||
<p><span>成都惠民职工书院</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<!-- <div class="addres-4">
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
|
||||
蜀ICP备11111111号
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- 底部导航 -->
|
||||
<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,27 @@
|
|||
<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/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>
|
||||
|
||||
<!-- 头部导航 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
|
||||
scrolling="no"></iframe>
|
||||
<section>
|
||||
<div class="whole">
|
||||
<div class="whole-1">
|
||||
|
|
@ -19,14 +36,19 @@
|
|||
<div class="Wxcollec">
|
||||
<div class="wxprice">应付金额：<span class="">2234.50</span>元</div>
|
||||
<!-- 微信二维码 -->
|
||||
<div class="qrcode"><img class="" alt="图片丢失" title="微信二维码图片" src="../../img/images/wxqrcode.png"></div>
|
||||
<div class="qrcode"><img class="" alt="图片丢失" title="微信收款二维码" src="../../img/images/wxqrcode.png">
|
||||
</div>
|
||||
<!-- 微信支付 -->
|
||||
<div class="wxzf"><img class="" alt="图片丢失" title="微信支付" src="../../img/images/wxzf.png"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
||||
marginwidth='0'></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -6,40 +6,57 @@
|
|||
<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="../../layui.css">
|
||||
<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/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<!-- 弹窗 -->
|
||||
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
|
||||
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
|
||||
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
|
||||
<!-- 用户协议 -->
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/popup.css">
|
||||
|
||||
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#gotoTop {
|
||||
float: right;
|
||||
position: relative;
|
||||
right: 50px;
|
||||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<script>
|
||||
// function deav(){
|
||||
// document.getElementById(myPopup).style.display='none';
|
||||
(function ($){
|
||||
document.addEventListener('click',function (e) {
|
||||
var parent=$(e.target).parents('.foo,.help');
|
||||
(function ($) {
|
||||
document.addEventListener('click', function (e) {
|
||||
var parent = $(e.target).parents('.foo,.help');
|
||||
|
||||
if(parent.length===0){
|
||||
console.log('不在弹层与按钮区')
|
||||
//操作此区域
|
||||
if (parent.length === 0) {
|
||||
console.log('不在弹层与按钮区')
|
||||
//操作此区域
|
||||
|
||||
$('.help ul').hide();
|
||||
$('.bnt').removeClass('show');
|
||||
$('.help ul').hide();
|
||||
$('.bnt').removeClass('show');
|
||||
|
||||
}else{
|
||||
console.log('按钮与弹层区')
|
||||
}
|
||||
})
|
||||
})(jQuery);
|
||||
} else {
|
||||
console.log('按钮与弹层区')
|
||||
}
|
||||
})
|
||||
})(jQuery);
|
||||
|
||||
</script>
|
||||
<header>
|
||||
<!-- logo -->
|
||||
<div class="img">
|
||||
<img src="../../img/images/logo-bac.png" alt="">
|
||||
<img src="../../img/images/logo-bac.png" alt="图片消失" title="华夏艺术网logo">
|
||||
</div>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
|
|
@ -79,9 +96,9 @@
|
|||
<div class="layui-input-block codes">
|
||||
<input type="text" name="title" required lay-verify="required" placeholder="请输入验证码"
|
||||
autocomplete="off" class="layui-input verity">
|
||||
<canvas>
|
||||
<li>
|
||||
<p>发送手机验证码</p>
|
||||
</canvas>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 密码 -->
|
||||
|
|
@ -99,8 +116,8 @@
|
|||
href="#myPopup" data-rel="popup" class=" ui-inline ui-corner-all">用户协议</a>和<a
|
||||
href="#">隐私政策</a>
|
||||
|
||||
<div data-role="popup" class="myPopup" id="myPopup" class="content" data-overlay-theme="b">
|
||||
<span style="font-size: 16px;float: right;"id="deav" onclick="deav();">关闭</span>
|
||||
<div data-role="popup" class="myPopup" id="myPopup" class="content" data-overlay-theme="b">
|
||||
<span style="font-size: 16px;float: right;" id="deav" onclick="deav();">关闭</span>
|
||||
<h1>用户协议</h1>
|
||||
<p>后台替换文字内容，编辑排版文字摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家艺术品上数千件，经营规模在成都地区名列前茅。
|
||||
</p>
|
||||
|
|
@ -135,36 +152,11 @@
|
|||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<section>
|
||||
<div class="navig">
|
||||
<div class="label">
|
||||
<!-- 标签 -->
|
||||
<div class="label-text">
|
||||
<ul>
|
||||
<li><a href="#">首页</a> </li>
|
||||
<li><a href="#">资讯</a></li>
|
||||
<li><a href="#">展览</a></li>
|
||||
<li><a href="#">艺术家</a></li>
|
||||
<li><a href="#">机构</a></li>
|
||||
<li><a href="#">培训</a></li>
|
||||
<li><a href="#">商城</a></li>
|
||||
<li><a href="#">拍卖</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 微信的图标 -->
|
||||
<div class="label-icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- 底部导航 -->
|
||||
<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>
|
||||
|
|
@ -6,15 +6,30 @@
|
|||
<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/layui.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/ret.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#gotoTop {
|
||||
float: right;
|
||||
position: relative;
|
||||
right: 50px;
|
||||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<!-- logo -->
|
||||
<div class="img">
|
||||
<img src="../../img/images/logo-bac.png" alt="">
|
||||
<img src="../../img/images/logo-bac.png" alt="图片丢失" title="华夏艺术网logo">
|
||||
</div>
|
||||
<!-- 背景图 -->
|
||||
<div class="bac"></div>
|
||||
|
|
@ -34,12 +49,13 @@
|
|||
</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">
|
||||
<canvas>
|
||||
<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>
|
||||
</canvas>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 设置密码 -->
|
||||
<div class="layui-form-item">
|
||||
|
|
@ -51,7 +67,8 @@
|
|||
<!-- 确认密码 -->
|
||||
<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">
|
||||
<input type="password" name="password" required lay-verify="required" placeholder="确认新密码"
|
||||
autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<!-- 登录 -->
|
||||
|
|
@ -61,84 +78,18 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="bot">
|
||||
<a href="" class="font-set">返回网站首页</a> <a href="" class="font-set">已有账号，立即登录</a>
|
||||
<a href="" class="font-set">返回网站首页</a> <a href="" class="font-set">已有账号，立即登录</a>
|
||||
<!-- <a href="" class="font-set">已有账号，立即登录</a> -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</header>
|
||||
<section>
|
||||
<div class="navig">
|
||||
<div class="label">
|
||||
<!-- 标签 -->
|
||||
<div class="label-text">
|
||||
<ul>
|
||||
<li><a href="#">首页</a> </li>
|
||||
<li><a href="#">资讯</a></li>
|
||||
<li><a href="#">展览</a></li>
|
||||
<li><a href="#">艺术家</a></li>
|
||||
<li><a href="#">机构</a></li>
|
||||
<li><a href="#">培训</a></li>
|
||||
<li><a href="#">商城</a></li>
|
||||
<li><a href="#">拍卖</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- 微信的图标 -->
|
||||
<div class="label-icon">
|
||||
<ul>
|
||||
<li><a href="#"><img src="../../img/images/icon-wx.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-facb.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-sky.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-phon.png" alt=""></a> </li>
|
||||
<li><a href="#"><img src="../../img/images/icon-wb.png" alt=""></a> </li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<footer>
|
||||
<div class="foot">
|
||||
<!-- 介绍 -->
|
||||
<div class="intr">
|
||||
<img src="../../img/images/logo.png" alt="">
|
||||
<p><span>
|
||||
中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名
|
||||
</span></p>
|
||||
<p><span>是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.</span></p>
|
||||
</div>
|
||||
<!-- 地址 -->
|
||||
<div class="address">
|
||||
<div class="addreses">
|
||||
<div class="addres-1">
|
||||
<img src="../../img/images/wx-text.png" alt="">
|
||||
<p><span>成都惠民职工书院</span></p>
|
||||
<p><span>地址：成都市青羊区青羊大道129号文化宫2楼 电话：028-81712589 </span></p>
|
||||
</div>
|
||||
<div class="addres-2">
|
||||
<p><span>联系我们</span></p>
|
||||
<p><br>地址：四川省成都市武侯区天益街38号</br>理想中心3栋601</br>手机：13880548658</br>电话:028-61529525</br>邮箱:zarts@126.com</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="addres-3">
|
||||
<li><img src="../../img/images/qr-01.png" alt="">
|
||||
<p><span>华夏艺术网</span></p>
|
||||
</li>
|
||||
<li><img src="../../img/images/qr-02.png" alt="">
|
||||
<p><span>成都惠民职工书院</span></p>
|
||||
</li>
|
||||
</div>
|
||||
<!-- <div class="addres-4">
|
||||
|
||||
</div> -->
|
||||
</div>
|
||||
<p class="icp">Copyright@2021 华夏艺术网.All rights reserved.
|
||||
蜀ICP备11111111号
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!-- 底部导航 -->
|
||||
<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>
|
||||
|
|
@ -8,9 +8,27 @@
|
|||
<link rel="stylesheet" href="../../css/swiper-bundle.min.css">
|
||||
<link rel="stylesheet" href="../../css/logshoppingcar/shopcar2.css">
|
||||
<script src="../../js/swiper-bundle.min.js"></script>
|
||||
</head>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#gotoTop {
|
||||
float: right;
|
||||
position: relative;
|
||||
right: 50px;
|
||||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<!-- 头部导航 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
|
||||
scrolling="no"></iframe>
|
||||
<section>
|
||||
<div class="whoil">
|
||||
<div class="whoil-1">
|
||||
|
|
@ -138,7 +156,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
var mySwiper = new Swiper('.swiper-container', {
|
||||
loop: true, // 循环模式
|
||||
|
|
@ -306,4 +323,9 @@
|
|||
}
|
||||
|
||||
</script>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
||||
marginwidth='0'></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
|
|
@ -7,167 +7,190 @@
|
|||
<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>
|
||||
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
#gotoTop {
|
||||
float: right;
|
||||
position: relative;
|
||||
right: 50px;
|
||||
top: -50px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
|
||||
|
||||
<section>
|
||||
<div class="whole">
|
||||
<div class="whole-1">
|
||||
<div class="all">
|
||||
<h2>填写并核对订单信息</h2>
|
||||
</div>
|
||||
<!-- 买家 -->
|
||||
<div class="Buyers">
|
||||
<div id="container">
|
||||
<span class="Subtitle">收货人信息</span>
|
||||
<span><a class="addbuy" href="">新增收货地址</a></span>
|
||||
<div id="wrap">
|
||||
<div class="address address-1" onclick="Subtitle();">
|
||||
<div class="name na-1">程鹏龙</div>
|
||||
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
||||
<a class="" href=""><img src="../../img/images/Defadd.png" alt=""></a>
|
||||
</div>
|
||||
<div class="address address-2" onclick="Subtitle();">
|
||||
<div class="name na-2">程鹏龙</div>
|
||||
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
||||
<a class="" href="">设置为默认地址</a>
|
||||
</div>
|
||||
<div id="gradient"></div>
|
||||
</div>
|
||||
<div id="read-more"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 送货清单 -->
|
||||
<div class="opt">
|
||||
<span class="Subtitle">送货清单</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=""></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-1.png" alt=""></label>
|
||||
</th>
|
||||
<th><span>
|
||||
创意牛气冲天牛摆件现代简约家居装饰品牛摆设电视柜玄关办<br />公室博古架抽象艺术工艺品 牛气冲天+运势如虹
|
||||
</span></th>
|
||||
<th>￥188
|
||||
</th>
|
||||
<th>x3</th>
|
||||
<th id="price0">￥564.6</th>
|
||||
</table>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- 使用优惠券 -->
|
||||
<div class="coupon">
|
||||
<div class="yh coupon-1" onclick="coupon1();">
|
||||
<h1>20</h1>
|
||||
<h3>元</h3>
|
||||
<span>满300元，立减20元</span>
|
||||
<p>有效期至：2020-09-31</p>
|
||||
</div>
|
||||
<div class="yh coupon-2" onclick="coupon2();">
|
||||
<h1>20</h1>
|
||||
<h3>元</h3>
|
||||
<span>满300元，立减20元</span>
|
||||
<p>有效期至：2020-09-31</p>
|
||||
</div>
|
||||
<div class="yh coupon-3" onclick="coupon3();">
|
||||
<h1>20</h1>
|
||||
<h3>元</h3>
|
||||
<span>满300元，立减20元</span>
|
||||
<p>有效期至：2020-09-31</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 备注 -->
|
||||
<div class="remarks">
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label Subtitle">信息备注</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea placeholder="请输入内容" class="layui-textarea" name="desc"></textarea>
|
||||
<!-- 头部导航 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0"
|
||||
scrolling="no"></iframe>
|
||||
<!-- 内容 -->
|
||||
<section>
|
||||
<div class="whole">
|
||||
<div class="whole-1">
|
||||
<div class="all">
|
||||
<h2>填写并核对订单信息</h2>
|
||||
</div>
|
||||
<!-- 买家 -->
|
||||
<div class="Buyers">
|
||||
<div id="container">
|
||||
<span class="Subtitle">收货人信息</span>
|
||||
<span><a class="addbuy" href="">新增收货地址</a></span>
|
||||
<div id="wrap">
|
||||
<div class="address address-1" onclick="Subtitle();">
|
||||
<div class="name na-1">程鹏龙</div>
|
||||
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
||||
<a class="" href=""><img src="../../img/images/Defadd.png" alt=""></a>
|
||||
</div>
|
||||
<div class="address address-2" onclick="Subtitle();">
|
||||
<div class="name na-2">程鹏龙</div>
|
||||
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
||||
<a class="" href="">设置为默认地址</a>
|
||||
</div>
|
||||
<div id="gradient"></div>
|
||||
</div>
|
||||
<div id="read-more"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 送货清单 -->
|
||||
<div class="opt">
|
||||
<span class="Subtitle">送货清单</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>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- 使用优惠券 -->
|
||||
<div class="coupon">
|
||||
<div class="yh coupon-1" onclick="coupon1();">
|
||||
<h1>20</h1>
|
||||
<h3>元</h3>
|
||||
<span>满300元，立减20元</span>
|
||||
<p>有效期至：2020-09-31</p>
|
||||
</div>
|
||||
<div class="yh coupon-2" onclick="coupon2();">
|
||||
<h1>20</h1>
|
||||
<h3>元</h3>
|
||||
<span>满300元，立减20元</span>
|
||||
<p>有效期至：2020-09-31</p>
|
||||
</div>
|
||||
<div class="yh coupon-3" onclick="coupon3();">
|
||||
<h1>20</h1>
|
||||
<h3>元</h3>
|
||||
<span>满300元，立减20元</span>
|
||||
<p>有效期至：2020-09-31</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 备注 -->
|
||||
<div class="remarks">
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label Subtitle">信息备注</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea placeholder="请输入内容" class="layui-textarea" name="desc"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</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 class="total">
|
||||
<li>应付总额:<span>￥1123.00</span></li>
|
||||
<li><p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p></li>
|
||||
</div>
|
||||
<div class="subore">
|
||||
<li><span onclick="settlem();">提交订单</span></li>
|
||||
</div>
|
||||
</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 class="total">
|
||||
<li>应付总额:<span>￥1123.00</span></li>
|
||||
<li>
|
||||
<p>程鹏龙 四川 成都市 武侯区 城区 人民南路四段成科西路3号 138****1234</p>
|
||||
</li>
|
||||
</div>
|
||||
<div class="subore">
|
||||
<li><span onclick="settlem();">提交订单</span></li>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
||||
marginwidth='0'></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
<script src="../../js/jquery-1.9.1.js"></script>
|
||||
<script type="text/javascript">
|
||||
// 折叠
|
||||
$(function () {
|
||||
var slideHeight = 50; // px
|
||||
var defHeight = $('#wrap').height();
|
||||
if (defHeight >= slideHeight) {
|
||||
$('#wrap').css('height', slideHeight + 'px');
|
||||
$('#read-more').append('<a href="#">展开地址︾</a>');
|
||||
$('#read-more a').click(function () {
|
||||
var curHeight = $('#wrap').height();
|
||||
if (curHeight == slideHeight) {
|
||||
$('#wrap').animate({
|
||||
height: defHeight
|
||||
}, "normal");
|
||||
$('#read-more a').html('收起地址 ︽');
|
||||
$('#gradient').fadeOut();
|
||||
} else {
|
||||
$('#wrap').animate({
|
||||
height: slideHeight
|
||||
}, "normal");
|
||||
$('#read-more a').html('展开地址︾');
|
||||
$('#gradient').fadeIn();
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
var slideHeight = 50; // px
|
||||
var defHeight = $('#wrap').height();
|
||||
if (defHeight >= slideHeight) {
|
||||
$('#wrap').css('height', slideHeight + 'px');
|
||||
$('#read-more').append('<a href="#">展开地址︾</a>');
|
||||
$('#read-more a').click(function () {
|
||||
var curHeight = $('#wrap').height();
|
||||
if (curHeight == slideHeight) {
|
||||
$('#wrap').animate({
|
||||
height: defHeight
|
||||
}, "normal");
|
||||
$('#read-more a').html('收起地址 ︽');
|
||||
$('#gradient').fadeOut();
|
||||
} else {
|
||||
$('#wrap').animate({
|
||||
height: slideHeight
|
||||
}, "normal");
|
||||
$('#read-more a').html('展开地址︾');
|
||||
$('#gradient').fadeIn();
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
</html>
|
||||
|
|
@ -7,10 +7,20 @@
|
|||
<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/foot.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="../../css/centerHead.css" />
|
||||
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||
</head>
|
||||
<style>
|
||||
.foot-iframe {
|
||||
margin-top: -30px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- 头部导航 -->
|
||||
<iframe src="../../public/center-head.html" class="ty_herader" width="100%" height="285px" frameborder="0" scrolling="no"></iframe>
|
||||
<section>
|
||||
<div class="whole">
|
||||
<div class="whole-1">
|
||||
|
|
@ -28,7 +38,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue