购物车调整

master
chen 2021-09-18 11:50:08 +08:00
commit 94f108931b
19 changed files with 2914 additions and 1390 deletions

157
css/aboutUs.css Normal file
View File

@ -0,0 +1,157 @@
* {
padding: 0px;
margin: 0px;
}
/* header */
a {
text-decoration: none;
}
ul {
list-style: none;
}
.ty_her{
width: 100%;
height: 123px;
background-color: rgb(230,230,230);
font-size: 40px;
line-height: 123px;
color: #191919;
margin-bottom: 18px;
}
.ty_pd{
padding: 0 324px;
box-sizing: border-box;
}
.ty_text{
text-indent: 2em;
font-size: 15px;
color: #191919;
line-height: 30px;
}
.ty_imgcon{
width: 100%;
margin-bottom: 45px;
margin-top: 34px;
}
.ty_imgcon>img{
width: 100%;
}
.ty_renwu{
width: 48%;
display: inline-block;
display: flex;
}
.ty_renwu>img{
max-width: 242px;
margin-right: 21px;
}
.ty-pd{
padding-top: 15px;
}
.ty_renwucon{
display: flex;
justify-content: space-between;
}
.ty_titcon{
margin-top: 67px;
}
.ty_titcon>:nth-child(1){
font-size: 22px;
color: #cb1919;
font-weight: bold;
padding-bottom: 19px;
border-bottom:solid 1px rgb(241,241,241) ;
margin-bottom: 69px;
}
.gz_swicon{
width: 100%;
}
.ty_titcon>:nth-child(2){
width: 100%;
}
.ty_titcon>:nth-child(2)>div{
width: 100%;
}
.swiper-slide p{
font-size: 14px;
line-height: 28px;
color: #191919;
display: none;
}
.swiper-slide img{
width: 100%;
}
.swiper-slide-active .gz_swicon p{
display: block;
}
.swiper-slide span{
display: inline-block;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
}
.swiper-slide-active span{
display: none;
}
.ty_lxwo p{
font-size: 16px;
color: #191919;
margin-bottom: 16px;
}
.ty_lxwo>:nth-child(1){
font-size: 20px;
color: #cb1919;
font-weight: bold;
margin-bottom: 21px;
}
.ty_lxmiancon{
margin-top: 50px;
display: flex;
}
.ty_lxwx{
margin-left: 121px;
margin-top: 49px;
max-width: 100px;
margin-right: 52px;
}
.ty_lxwxa{
margin-left: 182px;
margin-top: 49px;
max-width: 100px;
}
.ty_lxwx p{
color: #191919;
opacity: 0.7;
font-size: 12px;
text-align: center;
margin-top: 11px;
}
.ty_lxwxa p{
color: #191919;
opacity: 0.7;
font-size: 12px;
text-align: center;
margin-top: 11px;
}
.ty_lxwxa img{
width: 100%;
}
.ty_lxwx img{
width: 100%;
}

View File

@ -11,6 +11,7 @@ a {
ul {
list-style: none;
}
/*
.ty_herader {
box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
@ -72,6 +73,49 @@ ul {
.ty_gr {
color: rgb(201, 57, 57) !important;
} */
input::-webkit-input-placeholder {
color: rgb(180, 180, 180);
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: rgb(180, 180, 180);
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: rgb(180, 180, 180);
}
input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgb(180, 180, 180);
}
select{
color: rgb(180, 180, 180);
}
.ty_grint input::-webkit-input-placeholder {
color: #222222;
}
.ty_grint input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #222222;
}
.ty_grint input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #222222;
}
.ty_grint input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #222222;
}
.ty_grint select{
color: #222222;
}
/* main */
.ty_ds {
@ -79,7 +123,8 @@ ul {
justify-content: center;
position: relative;
}
.naliu{
.naliu {
width: 50px;
height: 50px;
background-color: #fff;
@ -92,6 +137,7 @@ ul {
border-radius: 50%;
z-index: 5;
}
.mian {
padding-top: 22px;
}
@ -109,7 +155,8 @@ ul {
position: relative;
box-sizing: border-box;
}
.ty_caidan{
.ty_caidan {
width: 100%;
height: 30px;
border-radius: 3px;
@ -119,10 +166,11 @@ ul {
font-weight: 500;
text-align: center;
position: absolute;
top: -60px;
top: -60px;
}
.ty_lefttx {
text-align: center;
border-bottom: 1px solid rgb(245, 245, 245);
@ -147,6 +195,7 @@ ul {
padding-left: 31px;
font-size: 15px;
position: relative;
cursor: pointer;
box-sizing: border-box;
}
@ -174,21 +223,42 @@ ul {
.ty_riscon {
width: 100%;
margin-top: 20px;
margin-top: 10px;
height: 709px;
padding-top: 40px;
padding-left: 100px;
box-sizing: border-box;
background-color: #fff;
}
.ty_dindantit{
input{
padding-left: 14px;
box-sizing: border-box;
}
.ty_dindantit {
width: 100%;
height:20px;
border-bottom: 1px solid rgb(233, 233, 233);;
height: 20px;
border-bottom: 1px solid rgb(233, 233, 233);
;
display: none;
margin-bottom: 5px;
}
.ty_grzximg{
position: absolute;
top: 0px;
width: 202px;
height: 33px;
border: 1px solid rgb(245, 245, 245);
background-image: linear-gradient(#fff, rgb(245, 245, 245));
margin-bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
cursor: pointer;
}
.ty_scimg {
width: 154px;
@ -198,12 +268,19 @@ ul {
border: none;
margin-right: 28px;
}
.ty_scimg>img{
width: 100%;
border-radius: 50%;
}
.ty_tupian {
display: flex;
align-items: center;
margin-bottom: 44px;
}
.ty_tupian> :nth-child(2){
position: relative;
}
::-webkit-input-placeholder {
color: #222222;
@ -273,6 +350,7 @@ select {
background-size: 12px 8px;
width: 150px;
height: 52px;
cursor: pointer;
}
.ty_setle {
@ -310,6 +388,7 @@ select {
height: 50px;
color: #fff;
background-color: rgb(203, 25, 25);
cursor: pointer;
border: none;
}
@ -359,6 +438,7 @@ select {
.ty_shtit>p {
font-size: 18px;
color: rgb(13, 158, 61);
cursor: pointer;
}
.ty_con {
@ -415,6 +495,7 @@ select {
width: 20px;
height: 20px;
cursor: pointer;
}
@ -440,6 +521,7 @@ select {
.ty_mr>:nth-child(2)>p {
margin-left: 28px;
cursor: pointer;
}
@ -518,6 +600,7 @@ select {
.ty_yhtit>p {
margin-right: 40px;
color: #191919;
cursor: pointer;
}
/* 优惠卷 */
@ -528,12 +611,14 @@ select {
margin-bottom: 11px;
box-sizing: border-box;
}
.ty_yhjyuan{
.ty_yhjyuan {
position: absolute;
bottom: -4px;
width: 100%;
left: 0px;
}
.ty_yhuij>:nth-child(1) {
background-color: rgb(116, 210, 212);
width: 100%;
@ -560,6 +645,7 @@ select {
text-align: right;
padding-right: 10px;
padding-top: 5px;
cursor: pointer;
box-sizing: border-box;
}
@ -595,6 +681,7 @@ select {
border: 1px solid rgb(116, 210, 212);
border-radius: 30px;
margin-top: 26px;
cursor: pointer;
color: rgb(116, 210, 212);
}
@ -619,12 +706,15 @@ select {
display: flex;
}
.ty_dindantetx{
.ty_dindantetx {
display: flex;
}
.ty_dnum{
.ty_dnum {
display: flex;
}
.ty_ddys {
color: rgb(203, 25, 25);
}
@ -660,6 +750,7 @@ select {
.ty_ddxq>:nth-child(2)>* {
margin-left: 60px;
cursor: pointer;
}
.ty_ddcon {
@ -688,6 +779,7 @@ select {
.ty_ddcontit>:nth-child(2) {
display: flex;
align-items: center;
cursor: pointer;
width: 61px;
}
@ -708,19 +800,25 @@ select {
.ty_ddxx>:nth-child(1)>:last-child {
border-bottom: none;
}
.ty_ddmas{
.ty_ddmas {
display: flex;
}
.ty_ddmas>:nth-child(2) {
width: 250px;
font-size: 13px;
padding-top: 12px;
margin-left: 12px;
}
.ty_dindantop{
display: flex;align-items: center;font-size: 14px;
.ty_dindantop {
display: flex;
align-items: center;
font-size: 14px;
}
.ty_dnum>:nth-child(1) {
padding-top: 12px;
margin-left: 80px;
@ -754,10 +852,13 @@ display: flex;align-items: center;font-size: 14px;
.ty_ddxxTxt1>button {
width: 79px;
cursor: pointer;
cursor: pointer;
height: 34px;
border: 1px solid rgb(233, 156, 156);
color: rgb(203, 25, 25);
margin-bottom: 8px;
background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(244, 244, 244));
}
.ty_paging {
@ -830,9 +931,11 @@ display: flex;align-items: center;font-size: 14px;
margin-bottom: 35px;
position: relative;
}
.ty_ysnr >img{
.ty_ysnr>img {
width: 100%;
}
.ty_ysnr>p {
font-size: 16px;
color: #191919;
@ -844,6 +947,7 @@ display: flex;align-items: center;font-size: 14px;
.ty_ysmr {
display: flex;
flex-wrap: wrap;
cursor: pointer;
}
@ -859,6 +963,7 @@ display: flex;align-items: center;font-size: 14px;
top: 0px;
left: 0px;
color: #fff;
cursor: pointer;
font-size: 13px;
}
@ -869,9 +974,11 @@ display: flex;align-items: center;font-size: 14px;
margin-bottom: 21px;
position: relative;
}
.ty_wdgz>img{
.ty_wdgz>img {
width: 100%;
}
.ty_wdgz>p {
font-size: 16px;
color: #191919;
@ -900,6 +1007,7 @@ display: flex;align-items: center;font-size: 14px;
padding-left: 32px;
margin-top: 35px;
align-items: center;
}
.ty_jftit>:nth-child(2)>:nth-child(1) {
@ -911,6 +1019,7 @@ display: flex;align-items: center;font-size: 14px;
color: #cb1919;
font-size: 24px;
margin-left: 20px;
}
.ty_jftit>:nth-child(2)>:nth-child(3) {
@ -922,6 +1031,7 @@ display: flex;align-items: center;font-size: 14px;
color: #fff;
text-align: center;
line-height: 44px;
cursor: pointer;
margin-left: 30px;
}
@ -932,6 +1042,7 @@ display: flex;align-items: center;font-size: 14px;
text-align: center;
line-height: 44px;
border: 1px solid #cb1919;
cursor: pointer;
border-radius: 3px;
margin-left: 20px;
height: 44px;
@ -943,44 +1054,57 @@ display: flex;align-items: center;font-size: 14px;
font-weight: bold;
}
.ty_jfn>:nth-child(2) {
.ty_jfntit {
width: 100%;
height: 42px;
margin-top: 10px;
background-color: rgb(245, 245, 245);
display: flex;
align-items: center;
box-sizing: border-box;
padding-left: 77px;
}
.ty_jfn>:nth-child(2)>p {
.ty_jfntit>th {
color: rgb(106, 106, 106);
font-size: 14px;
}
.ty_jfn>:nth-child(2)>:nth-child(2) {
margin-left: 250px;
margin-right: 173px;
.ty_jfntit>:nth-child(2) {
width: 424px;
}
.ty_jfntit>:nth-child(3){
text-align: left;
}
.ty_jfntit>:nth-child(1) {
width: 183px;
}
.ty_jfcon>div {
display: flex;
padding: 16px 0px 17px 26px;
.ty_jftable {
width: 100%;
}
.ty_jftable>thead {
width: 100%;
}
.ty_jfcon {
height: 44px;
}
.ty_jfcon>td{
border-bottom: 1px solid rgb(238, 233, 231);
}
.ty_jfcon>div>:nth-child(1) {
.ty_jfcon>:nth-child(1) {
font-size: 13px;
color: #525252;
margin-right: 200px;
text-align: center;
}
.ty_jfcon>div>:nth-child(2) {
.ty_jfcon>:nth-child(2) {
width: 75px;
font-size: 14px;
margin-right: 161px;
text-align: center;
font-weight: bold;
}
@ -992,7 +1116,7 @@ display: flex;align-items: center;font-size: 14px;
color: rgb(203, 25, 25);
}
.ty_jfcon>div>:nth-child(3) {
.ty_jfcon>:nth-child(3) {
font-size: 13px;
color: #525252;
}
@ -1010,7 +1134,8 @@ display: flex;align-items: center;font-size: 14px;
box-sizing: border-box;
}
.ty_yishusc>img{
.ty_yishusc>img {
width: 100%;
}
@ -1046,6 +1171,7 @@ display: flex;align-items: center;font-size: 14px;
.ty_yspcon>img {
width: 100%;
}
.ty_yspcon>p {
@ -1068,12 +1194,14 @@ display: flex;align-items: center;font-size: 14px;
display: flex;
justify-content: center;
align-items: flex-end;
cursor: pointer;
}
.ty_qidaocon>img {
position: absolute;
top: 14px;
right: 16px;
cursor: pointer;
}
.ty_qidaocon>button {
@ -1142,13 +1270,16 @@ display: flex;align-items: center;font-size: 14px;
height: 85px;
margin-right: 11px;
}
.ty_ristext{
.ty_ristext {
display: flex;
}
.ty_ristext>:nth-child(1) {
width: 187px;
margin-right: 92px;
margin-left: 80px;
}
.ty_ristext>:nth-child(2) {
@ -1167,16 +1298,18 @@ display: flex;align-items: center;font-size: 14px;
width: 62px;
height: 34px;
border-radius: 3px;
cursor: pointer;
background-color: #fff;
margin-bottom: 5px;
}
.ty_ristext>:nth-child(4)>div>p{
.ty_ristext>:nth-child(4)>div>p {
color: #191919;
font-size: 13px;
margin-top: 5px;
}
.ty_ristext>div>:nth-child(1){
.ty_ristext>div>:nth-child(1) {
display: none;
}
@ -1201,7 +1334,81 @@ display: flex;align-items: center;font-size: 14px;
.ty_litittwo>:nth-child(1) {
display: none;
}
.ty_topifrane{
.ty_topifrane {
width: 100%;
height: 300px;
}
.chooseImg-box {
display: inline-block;
}
.chooseImg-box>div input {
width: 109px;
height: 109px;
border: 1px solid #E6E6E6;
border-radius: 3px;
opacity: 0;
z-index: 2;
}
.chooseImg-box>div img {
width: 109px;
height: 109px;
object-fit: cover;
z-index: 1;
border-radius: 3px;
}
.chooseImg-content {
margin-top: 76px;
margin-left: 12px;
font-size: 12px;
color: #222222;
opacity: .7;
}
.ty_intfile{
position: absolute;
z-index: 2;
}
.ty_img {
display: flex;
margin-bottom: 21px;
}
.ty_img> :nth-child(1) {
width: 80px;
text-align: right;
padding-top: 10px;
font-size: 16px;
}
.ty_img>div {
display: flex;
}
.ty_img>div>:nth-child(2) {
font-size: 12px;
color: rgb(180, 180, 180);
margin-left: 12px;
margin-bottom: 12px;
}
.ty_shcor{
color: #cb1919;
}
.ty_jgintcor{
color: #222222;
}
.ty_topimgtx{
display: none;
}
.ty_tp{
padding: 25px 12px 0 25px;display: flex; flex-wrap: wrap;align-content: flex-start;
}

View File

@ -298,8 +298,8 @@ input{outline: none;}
.chooseImg-box>div>div{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;display: flex;justify-content: center;align-items: center;}
.chooseImg-box>div>div span{display: block;width: 2px;height: 60px;border-radius: 3px;background-color: #E6E6E6;}
.chooseImg-box>div>div span:first-child{transform: rotate(90deg);}
.chooseImg-box>div img{width: 109px;height: 109px;display: none;object-fit: cover;z-index: 1;border-radius: 3px;}
.chooseImg-content{margin-top: 76px;margin-left: 130px;font-size: 12px;color: #222222;opacity: .7;}
.chooseImg-box>div img{width: 109px;height: 109px;object-fit: cover;z-index: 1;border-radius: 3px;}
.chooseImg-content{margin-top: 76px;margin-left: 20px;font-size: 12px;color: #222222;opacity: .7;}
.tgsub-btn{width: 906px;}
.tgsub-btn div{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;}
#success_fail{width: 569px;}

File diff suppressed because it is too large Load Diff

139
htmls/aboutUs/aboutUs.html Normal file
View File

@ -0,0 +1,139 @@
<!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" type="text/css" href="../../css/swiper-bundle.min.css" />
<link rel="stylesheet" href="../../css/aboutUs.css">
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="ty_her ty_pd">
关于我们
</div>
<div class="mian ty_pd">
<p class="ty_text">华夏艺术网于1998年开通是国内最早最大的书画艺术门户网站之一由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。经过多年来不间断的运营发展已成为国内知名的艺术类门户网站。华夏艺术网为艺术家、艺术行业单位构建了艺术信息的交流平台吸引了来自全国各地的艺术家及艺术机构加盟。通过网络信息技术手段不断加强与社会各界的合作与广大艺术家及画廊、拍卖行、收藏家、艺术团体建立起了业务联系架起了艺术家与艺术市场之间的桥梁。</p>
<div class="ty_imgcon">
<img src="../../img/public/gy-img.png" alt="">
</div>
<div class="ty_renwucon">
<div class="ty_renwu">
<img src="../../img/public/gz-renwu.png" alt="">
<p class="ty_text ty-pd">谭朝晖斋号“净砚斋”。原为空军某企业党委干部曾先后任四川电信天府热线执行主编、成都信息港电子商务部部长、四川铁通互联网业务中心副总经理等职。1998年创办华夏艺术网2003年创办净砚斋画廊。现为摩空精舍董事长、北京视觉经典美术馆副馆长成都市画廊协会副会长成都惠民职工画院理事长兼秘书长成都市版权协会副会长成都市阅读协会理事成都市人民对外友好协会理事四川省文化产业商会常务理事。</p>
</div>
<div class="ty_renwu">
<img src="../../img/public/ty-renw.png" alt="">
<p class="ty_text ty-pd">谭朝晖斋号“净砚斋”。原为空军某企业党委干部曾先后任四川电信天府热线执行主编、成都信息港电子商务部部长、四川铁通互联网业务中心副总经理等职。1998年创办华夏艺术网2003年创办净砚斋画廊。现为摩空精舍董事长、北京视觉经典美术馆副馆长成都市画廊协会副会长成都惠民职工画院理事长兼秘书长成都市版权协会副会长成都市阅读协会理事成都市人民对外友好协会理事四川省文化产业商会常务理事。</p>
</div>
</div>
<div class="ty_titcon">
<p>图片展示</p>
<div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
<div class="swiper-slide">
<div class="gz_swicon">
<img src="../../img/public/gz-swper.png" alt="">
<p>8月10日下午有华樱出国主办摩空精舍协办的主题为“四川人快速养成计划”的文化交流活动汇集了五湖四海的各方宾客。有来自德国、意大利、英国、新加坡、俄罗斯、摩洛哥、柬埔寨、阿塞拜疆、泰国、格鲁吉亚、越南、马来西亚、埃及、罗马尼亚、印度等多国外国友人也有来自我们中国的中学生和大学生。</p>
<span></span>
</div>
</div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</body>
<script>
mySwiper = new Swiper('.swiper-container', {
// paginationClickable: true,
observer: true,
observeParents: true,
// initialSlide: swipIndex,
effect: 'coverflow',
centeredSlides: true,
spaceBetween: '1%',
slidesPerView: 2,
loop: true,
// autoplay: {
//     disableOnInteraction: false,
// },
navigation: {
// 
},
coverflowEffect: {
rotate: 0, //slide做3d旋转时Y轴的旋转角度
stretch: 392, //每个slide之间的拉伸值越大slide靠得越紧。5.3.6 后可使用%百分比
depth: 100, //slide的位置深度。值越大z轴距离越远看起来越小。
modifier: 1, //depth和rotate和stretch的倍率相当于depth*modifier、rotate*modifier、stretch*modifier值越大这三个参数的效果越明显。
slideShadows: false,
},
on: {
transitionEnd: function () {
this.activeIndex
}
}
});
</script>
</html>

View File

@ -12,6 +12,7 @@
<script src="../../js/artistCenter/artistCenter.js" type="text/javascript" charset="utf-8"></script>
<script src="https://unpkg.com/wangeditor/dist/wangEditor.min.js"></script>
<script src="https://unpkg.com/i18next/dist/umd/i18next.js"></script>
<script src="../../js/huaxia.js"></script>
<style>
.foot-iframe {
width: 100%;
@ -33,7 +34,7 @@
.ty_riscon{margin-top: 15px;padding-left: 40px;}
.ty_name > :nth-child(1),.ty_int > :nth-child(1),.ty_setle > :nth-child(1),.ty_img > :nth-child(1){margin-right: 10px;}
.ty_btn {width: 100%;margin-top: 20px;}
.ty_btn > button{border-radius: 3px;margin-right: 110px;}
.ty_btn > button{border-radius: 3px;}
.ty_setle > select{cursor: pointer;}
.ty_lititnoe > span{color: #333333;}
.left-title{color: #CB1919!important;}
@ -117,21 +118,21 @@
<!-- 个人资料 -->
<div id="personal" style="display:block" data-in="1" class="ty_ris ">
<p class="ty_tit">个人资料</p>
<div class="ty_riscon ty_jgzl">
<div class="ty_riscon ty_jgzl ty_jgintcor">
<div class="ty_tupian">
<div class="ty_scimg">
<!-- <img src="" alt="图片缺失"> -->
<img class="uptoux ty_topimgtx" src="" title="">
</div>
<div>
<div style="position: relative;">
<button class="ty_tubtn"><img src="../../img/grzx/tusc.jpg" title="头像上传" alt="图片已缺失">请选择您要上传的头像</button>
<p class="ty_col" style="font-size: 12px;">仅支持JPG、PNG格式文件小于4M</p>
<input class="ty_grzximg inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
<p class="ty_col" style="font-size: 12px;">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
</p>
</div>
</div>
<div>
<div class="ty_name">
<p style="text-align: right;width: 81px;">用户名:</p>
<p class="tyys_namep" >用户名:</p>
<div>asdgf</div>
</div>
<div class="ty_int">
@ -158,12 +159,16 @@
<p></p>
<input class="tyint_pal" placeholder="请输入详细地址" type="text">
</div>
<div class="ty_img">
<p>照片:</p>
<div>
<img src="../../img/jgzx/tyimg.png" alt="">
<p>仅支持JPG、PNG格式文件小于4M</p>
<div class="ty_img" style="margin-bottom: 18px;">
<label for="inputImg" class="font-16 col19">封面图:</label>
<div class="pr chooseImg-box" style="position: relative;">
<div style="display: flex;">
<input class="ty_intfile inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
<img class="upImg" src="../../img/jgzx/tyimg.png">
</div>
</div>
<div class="chooseImg-content">上传图片格式包括jpg/png/gif图片大小不超过20MB</div>
</div>
<div class="ty_img" style="margin-top: 20px;">
<p>简介:</p>
@ -210,8 +215,8 @@
<p class="col19">确认新密码:</p>
<input type="text">
</div>
<div class="ty_btn ty_btn1" style="width: 65%;">
<button style="margin-right: 52px;">确认修改</button>
<div class="ty_btn ty_btn1">
<button >确认修改</button>
</div>
</div>
</div>
@ -277,7 +282,7 @@
<p data-in="1" class="ty_yhd yhdj cq-cp">可用优惠卷</p>
<p data-in="2" class="yhdj cq-cp">已过期优惠卷</p>
</div>
<div class="ty_con ty_tp" style="padding: 25px 12px 0 25px;display: flex; flex-wrap: wrap;align-content: flex-start;">
<div class="ty_con ty_tp">
<div class="ty_yhuij">
<div>
@ -370,7 +375,7 @@
</div>
</div>
<div class="ty_con ty_tp " style="padding: 25px 12px 0 25px;display: none; flex-wrap: wrap;align-content: flex-start;">
<div class="ty_con ty_tp " style="display: none; ">
<div class="ty_yhuij">
<div style="background-color: rgb(173,173,173);">
<p class="ty_yhmn"><span></span>50</p>
@ -460,7 +465,7 @@
<!-- 订单 -->
<div id="myOrder" style="display:none" data-in="" class="ty_ris">
<p class="ty_tit">我的订单</p>
<div class="ty_con ty_didanpd" style="height: auto; padding: 25px 24px 20px;">
<div class="ty_con ty_didanpd">
<div class="ty_ddtit">
<div class="ty_ddnav">
<p class="ty_ddys">全部订单</p>
@ -655,7 +660,7 @@
<p data-in="1" class="ty_yhd ty_ysnav cq-cp">我关注的艺术家</p>
<p data-in="2" class="ty_ysnav cq-cp">我关注的机构</p>
</div>
<div class="ty_con ty_yscon ty_ysmr " style="align-content: flex-start;">
<div class="ty_con ty_yscon ty_ysmr " >
<div class="ty_ysnr">
<img src="../../img/grzx/y1.png" title="张龙升" alt="图片缺失">
<p>张龙升</p>
@ -687,7 +692,7 @@
</div>
</div>
<div class="ty_con ty_yscon ty_gzmr" style="display:none;align-content: flex-start;flex-wrap: wrap;">
<div class="ty_con ty_yscon ty_gzmr" >
<div class="ty_wdgz">
<img src="../../img/grzx/jg1.png" title="摩空精舍" alt="图片缺失">
@ -729,98 +734,72 @@
<div>
<div class="ty_jfn">
<p>积分记录</p>
<div>
<p>时间</p>
<p>收入/支出</p>
<p>详情说明</p>
</div>
</div>
<table class="ty_jftable" cellspacing=0>
<tr class="ty_jfntit">
<th>时间</th>
<th>收入/支出</th>
<th>详情说明</th>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
</table>
<div class="ty_jfcon">
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys">+580</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
</div>
<div>
</div>
</div>
<div class="ty_paging" style="margin-top: 20px;">
@ -838,7 +817,7 @@
<p data-in="1" class="ty_yhd ty_sc cq-cp">我收藏的展览</p>
<p data-in="2" class="ty_sc cq-cp">我收藏的艺术品</p>
</div>
<div class="ty_con ty_sccon ty_scmr" style="align-content: flex-start;display: flex;flex-wrap: wrap;">
<div class="ty_con ty_sccon ty_scmr" >
<div class="ty_yishusc">
<img src="../../img/grzx/sc.png" title="未来城市+ :建筑设计模型展" alt="图片缺失">
<p>未来城市+ :建筑设计模型展</p>
@ -857,7 +836,7 @@
</div>
</div>
<div class="ty_con ty_sccon ty_scml" style="display:none;align-content: flex-start;flex-wrap: wrap;">
<div class="ty_con ty_sccon ty_scml" >
<div class="ty_yspcon">
<img src="../../img/grzx/ysp.png" title="艺术清酒--得寓(酒标作品)" alt="图片缺失">
<p>艺术清酒--得寓(酒标作品)</p>
@ -896,10 +875,10 @@
<!-- 征稿 -->
<div style="background: #FFFFFF;">
<div id="myZG" style="display:none" data-in="3" class="ty_ris">
<p class="ty_tit" style="">征稿作品管理</p>
<p class="ty_tit" >征稿作品管理</p>
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
<table width="96%" class="font-13" cellspacing="0" style="margin: 0 auto;table-layout: fixed;padding-top: 20px;">
<tr style="color: #333333;opacity: .7;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;">
<table width="96%" class="font-13 ty_zgyscon" cellspacing="0" >
<tr class="ty_zgysconTr" >
<th style="width: 340px;"><div style="margin-right: 120px;">作品名称</div></th>
<th style="width: 260px;">所属展览</th>
<th style="width: 80px;">审核状况</th>
@ -919,7 +898,7 @@
</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<div style="">未来城市+ :建筑设计模型展</div>
<div >未来城市+ :建筑设计模型展</div>
</td>
<td class="p-sx20" valign="top">
<div class="colcb">未审核</div>
@ -929,14 +908,14 @@
</td>
<td class="p-sx10" valign="top">
<div style="display: flex;align-items: center;flex-direction: column;">
<button class="cq-cp" type="button" style="color: #00a608;border: 1px solid #00a608;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;background: #FFFFFF;">编辑</button>
<button class="cq-cp" type="button" style="color: #066ee2;border: 1px solid #066ee2;width: 62px;height: 34px;line-height: 34px;border-radius: 3px;margin-top: 6px;background: #FFFFFF;" >删除</button>
<button class="cq-cp ty_pj" type="button " >编辑</button>
<button class="cq-cp tyzg_sc" type="button " >删除</button>
</div>
</td>
</tr>
<tr class="tc">
<td class="dis pd20" valign="top">
<div class="fs" style="width: 103px;height: 103px;overflow: hidden;">
<div class="fs tyzg_text" >
<img height="100%" src="../../img/public/backTop.png" >
</div>
<div class="m-z10 tl linh24">
@ -945,7 +924,7 @@
</div>
</td>
<td class="p-sx20" style="color: #525252;" valign="top">
<div style="">未来城市+ :建筑设计模型展</div>
<div>未来城市+ :建筑设计模型展</div>
</td>
<td class="p-sx20" valign="top">
<div class="colcb">已审核</div>
@ -966,11 +945,11 @@
<div class="djbac">
<p class="ty_tit"></p>
<div class="dac">
<button onclick="addCont(1)" class="cq-cp addContent" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #FFFFFF;background: #CB1919;border-radius: 5px;border: 1px solid #CB1919;font-size: 15px;">+添加作品</button>
<button class="cq-cp" type="button" style="width: 116px;height: 44px;line-height: 44px;text-align: center;color: #066ee2;background: #FFFFFF;border-radius: 5px;border: 1px solid #066ee2;font-size: 15px;margin: 0px 20px 0 10px;"><label for="chooseAllT" class="cq-cp">批量删除</label></button>
<button onclick="addCont(1)" class="cq-cp addContent tytj_tjzp" type="button" >+添加作品</button>
<button class="cq-cp" type="button tytj_plsc" ><label for="chooseAllT" class="cq-cp">批量删除</label></button>
</div>
</div>
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
<div style="height: 15px;width: 100%;background: rgba(245, 245, 245,1);"></div>
<table width="96%" class="font-13" cellspacing="0" style="margin: 0 auto;table-layout: fixed;padding-top: 20px;">
<tr style="color: #191919;opacity: .8;font-size: 14px;font-weight: 400;background-color: rgb(245, 245, 245);height: 40px;">
<th style="width: 20px;">
@ -997,7 +976,7 @@
<td>
<div id="" style="display: flex;justify-content: flex-end;">
<div class="dac">
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">上一页</button>
<button class="cq-cp " type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">上一页</button>
<div style="color: #CB1919;padding: 0 15px;font-weight: bold;">1</div>
<button class="cq-cp" type="button" style="width: 100px;height: 37px;line-height: 37px;text-align: center;background: #FFFFFF;border-radius: 3px;border: 1px solid #E6E6E6;color: #848484;">下一页</button>
</div>
@ -1134,20 +1113,31 @@
<p>购买链接:</p>
<input type="text">
</div>
<div class="ty_img" style="margin-bottom: 18px;">
<p>封面图:</p>
<div>
<img src="../../img/jgzx/tyimg.png" alt="">
<p>仅支持JPG、PNG格式文件小于4M</p>
</div>
</div>
<div class="ty_img ysft zhaz" style="margin-bottom: 18px;">
<p>组图:</p>
<div>
<img src="../../img/jgzx/tyimg.png" alt="">
<p>仅支持JPG、PNG格式文件小于4M</p>
</div>
</div>
<div class="ty_img" style="margin-bottom: 18px;">
<label for="inputImg" class="font-16 col19">封面图:</label>
<div class="pr chooseImg-box" style="position: relative;">
<div style="display: flex;">
<input class="ty_intfile inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
<img class="upImg" src="../../img/jgzx/tyimg.png">
</div>
</div>
<div class="chooseImg-content">上传图片格式包括jpg/png/gif图片大小不超过20MB</div>
</div>
<div class="ty_img ysft zhaz" style="margin-bottom: 18px;">
<label for="inputImg" class="font-16 col19">组图:</label>
<div class="pr chooseImg-box" style="position: relative;">
<div style="display: flex;">
<input class="ty_intfile inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
<img class="upImg" src="../../img/jgzx/tyimg.png">
</div>
</div>
<div class="chooseImg-content">上传图片格式包括jpg/png/gif图片大小不超过20MB</div>
</div>
<div class="ty_int ysft zhaz">
<p>出版时间:</p>
<input type="date" class="cq-cp">

View File

@ -0,0 +1,85 @@
<!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">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>联系我们</title>
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css" />
<link rel="stylesheet" href="../../css/aboutUs.css">
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=mDcZsWM7gGKb7MC1bC8Mo33FScjYEr0I"></script>
<title>地图展示</title>
<style type="text/css">
body,
html,
#allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
}
</style>
</head>
<body>
<body>
<div class="ty_her ty_pd">
联系我们
</div>
<div class="mian ty_pd">
<div class="ty_lxmiancon">
<div class="ty_lxwo">
<p>华夏艺术网</p>
<p>地址四川省成都市武侯区天益街38号理想中心3栋601</p>
<p>手机13880548658</p>
<p>电话028-61529525</p>
<p>邮箱zarts@126.com</p>
</div>
<div class="ty_lxwx">
<img src="../../img/public/lx_wx.png" alt="">
<p>华夏艺术网</p>
</div>
<div class="ty_lxwo">
<p>成都惠民职工书院</p>
<p>地址成都市青羊区青羊大道129号文化宫2楼 </p>
<p>电话028-81712589</p>
</div>
<div class="ty_lxwxa">
<img src="../../img/public/lx_wx.png" alt="">
<p>华夏艺术网</p>
</div>
</div>
<div id="allmap"></div>
</div>
</body>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
mapTypes: [
BMAP_NORMAL_MAP,
BMAP_HYBRID_MAP
]
}));
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>
</html>

View File

@ -8,7 +8,8 @@
<title>个人中心</title>
<link rel="stylesheet" href="../../css/grzx/grzx.css">
<link rel="stylesheet" href="../../css/huaxiaMedia.css">
<script src="../../js/jquery-1.9.1.js"></script>
<script src="../../js/huaxia.js"></script>
<style>
.foot-iframe {
width: 100%;
@ -18,7 +19,7 @@
</head>
<body class="ty_co">
<iframe src="../../public/center-head.html" class="ty_topifrane" frameborder="0" scrolling="no"></iframe>
<iframe src="../../public/center-head.html" class="ty_topifrane" frameborder="0" scrolling="no"></iframe>
<div class="mian ">
<div class="ty_ds">
@ -62,21 +63,22 @@
<div style="display:block" data-in="1" class="ty_ris ">
<p class="ty_tit">个人资料</p>
<div class="ty_riscon">
<div class="ty_tupian">
<div class="ty_scimg">
<!-- <img src="" alt="图片缺失"> -->
<img class="pa uptoux ty_topimgtx" src="" title="头像" alt="图片缺失">
</div>
<div>
<button class="ty_tubtn"><img src="../../img/grzx/tusc.jpg" title="头像上传" alt="图片已缺失">请选择您要上传的头像</button>
<input class="ty_grzximg inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
<p class="ty_col" style="font-size: 12px;">仅支持JPG,GIF,PNG,JPEG,BMP格式</p>
</p>
</div>
</div>
<div>
<div class="ty_grint">
<div class="ty_name">
<p>用户名:</p>
@ -120,7 +122,7 @@
<!-- 修改密码 -->
<div style="display:none" data-in="2" class="ty_ris ">
<p class="ty_tit">个人资料</p>
<p class="ty_tit">修改密码</p>
<div class="ty_riscon ty_riscon1">
@ -144,7 +146,7 @@
<div class="ty_btn ty_btn1">
<button>提交</button>
<button>确认修改</button>
</div>
</div>
@ -172,7 +174,7 @@
<p>张珊珊</p>
<p>默认地址</p>
</div>
<p><img src="../../img/grzx/sh1.jpg" alt="图片缺失"></p>
<p><img src="../../img/grzx/sh1.jpg" title="删除按钮" alt="图片缺失"></p>
</div>
<p class="ty_dztext">收货人:<span>张珊珊</span> </p>
<p class="ty_dztext">所在地区:<span>四川成都市温江区</span> </p>
@ -192,7 +194,7 @@
<p>张珊珊</p>
</div>
<p><img src="../../img/grzx/sh1.jpg" alt="图片缺失"></p>
<p><img src="../../img/grzx/sh1.jpg" alt="图片缺失" title="删除按钮"></p>
</div>
<p class="ty_dztext">收货人:<span>张珊珊</span> </p>
<p class="ty_dztext">所在地区:<span>四川成都市温江区</span> </p>
@ -209,16 +211,13 @@
</div>
</div>
<!-- 优惠券 -->
<div style="display:none" data-in="7" class="ty_ris">
<div class="ty_yhtit">
<p data-in="1" class="ty_yhd yhdj">可用优惠卷</p>
<p data-in="2" class="yhdj">已过期优惠卷</p>
</div>
<div class="ty_con ty_tp" style="padding: 25px 12px 0 25px;display: flex; flex-wrap: wrap;align-content: flex-start;">
<div class="ty_con ty_tp">
<div class="ty_yhuij">
<div>
@ -229,7 +228,7 @@
<p class="ty_yhmn"><span></span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
<img class="ty_yhjyuan" title="图15" src="../../img/grzx/bjyh.png" alt="图片缺失">
</div>
<div>
<button class="ty_yhbtn">立即使用</button>
@ -245,7 +244,7 @@
<p class="ty_yhmn"><span></span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
<img class="ty_yhjyuan" title="图16" src="../../img/grzx/bjyh.png" alt="图片缺失">
</div>
<div>
<button class="ty_yhbtn">立即使用</button>
@ -261,7 +260,7 @@
<p class="ty_yhmn"><span></span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
<img class="ty_yhjyuan" title="图17" src="../../img/grzx/bjyh.png" alt="图片缺失">
</div>
<div>
<button class="ty_yhbtn">立即使用</button>
@ -311,13 +310,13 @@
</div>
</div>
<div class="ty_con ty_tp " style="padding: 25px 12px 0 25px;display: none; flex-wrap: wrap;align-content: flex-start;">
<div class="ty_con ty_tp " style="display: none;">
<div class="ty_yhuij">
<div style="background-color: rgb(173,173,173);">
<p class="ty_yhmn"><span></span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
<img class="ty_yhjyuan" title="图18" src="../../img/grzx/bjyh.png" alt="图片缺失">
</div>
<div class="gqtp">
<img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
@ -331,7 +330,7 @@
<p class="ty_yhmn"><span></span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
<img class="ty_yhjyuan" title="图19" src="../../img/grzx/bjyh.png" alt="图片缺失">
</div>
<div class="gqtp">
<img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
@ -348,7 +347,7 @@
<img class="ty_yhjyuan" title="过期" src="../../img/grzx/bjyh.png" alt="图片缺失">
</div>
<div class="gqtp">
<img src="../../img/grzx/gqtp.png" alt="图片缺失">
<img src="../../img/grzx/gqtp.png" title="图20" alt="图片缺失">
</div>
</div>
@ -373,7 +372,7 @@
<p class="ty_yhmn"><span></span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
<img class="ty_yhjyuan" title="图21" src="../../img/grzx/bjyh.png" alt="图片缺失">
</div>
<div class="gqtp">
<img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
@ -387,7 +386,7 @@
<p class="ty_yhmn"><span></span>50</p>
<p class="ty_textyh">满500可用</p>
<p style="color: rgb(42,140, 142);">2021.07.15-2021.07.15</p>
<img class="ty_yhjyuan" src="../../img/grzx/bjyh.png" alt="图片缺失">
<img class="ty_yhjyuan" title="图22" src="../../img/grzx/bjyh.png" alt="图片缺失">
</div>
<div class="gqtp">
<img src="../../img/grzx/gqtp.png" title="过期" alt="图片缺失">
@ -417,7 +416,7 @@
<div>
<p>收货人</p>
<p>金额</p>
<div style="font-size: 14px;">全部状态<img src="../../img/grzx/qbdd.png" alt="图片缺失"></div>
<div style="font-size: 14px;">全部状态<img src="../../img/grzx/qbdd.png" title="箭头" alt="图片缺失"></div>
<p>操作</p>
</div>
</div>
@ -458,15 +457,15 @@
</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit">收货人</span>程鹏龙</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit">金额</span>总金额¥532.20</div>
<div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit">状态</span>待支付</div>
<div class="ty_ddxxTxt1">
<span class="ty_dindantit">操作</span>
<button class="ty_ddys">
去支付
</button>
</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit">收货人</span>程鹏龙</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit">金额</span>总金额¥532.20</div>
<div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit">状态</span>待支付</div>
<div class="ty_ddxxTxt1">
<span class="ty_dindantit">操作</span>
<button class="ty_ddys">
去支付
</button>
</div>
</div>
@ -509,18 +508,18 @@
</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 程鹏龙</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 总金额¥532.20</div>
<div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span> 待支付</div>
<div class="ty_ddxxTxt1">
<span class="ty_dindantit"></span>
<button class="ty_ddys">
确认收货
</button>
<button class="ty_ddys">
查看物流
</button>
</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 程鹏龙</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span> 总金额¥532.20</div>
<div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span> 待支付</div>
<div class="ty_ddxxTxt1">
<span class="ty_dindantit"></span>
<button class="ty_ddys">
确认收货
</button>
<button class="ty_ddys">
查看物流
</button>
</div>
</div>
@ -563,18 +562,18 @@
</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span>程鹏龙</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span>总金额¥532.20</div>
<div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span>待支付</div>
<div class="ty_ddxxTxt1">
<span class="ty_dindantit"></span>
<button class="ty_ddys ty_sqtc">
申请售后
</button>
<button class="ty_ddys ty_sqjgtc">
售后结果
</button>
</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span>程鹏龙</div>
<div class="ty_ddxxTxt"><span class="ty_dindantit"></span>总金额¥532.20</div>
<div class="ty_ddxxTxt ty_ddys"><span class="ty_dindantit"></span>待支付</div>
<div class="ty_ddxxTxt1">
<span class="ty_dindantit"></span>
<button class="ty_ddys ty_sqtc">
申请售后
</button>
<button class="ty_ddys ty_sqjgtc">
售后结果
</button>
</div>
</div>
@ -666,100 +665,74 @@
</div>
</div>
<div class="ty_con" style="height: auto; padding: 25px 24px 20px;">
<div>
<div class="ty_jfn">
<p>积分记录</p>
<div>
<p>时间</p>
<p>收入/支出</p>
<p>详情说明</p>
</div>
</div>
<table class="ty_jftable" cellspacing=0>
<tr class="ty_jfntit">
<th>时间</th>
<th>收入/支出</th>
<th>详情说明</th>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
<tr class="ty_jfcon">
<td>2019-12-20 12:25:30</td>
<td class="ty_jfys">+580</td>
<td>商品评价(商品号:65428233459奖励积分 </td>
</tr>
</table>
<div class="ty_jfcon">
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys">+580</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
<div>
<p>2019-12-20 12:25:30</p>
<p class="ty_jfys2">-80</p>
<p>商品评价(商品号:65428233459奖励积分 </p>
</div>
</div>
<div>
@ -858,7 +831,7 @@
<p>操作</p>
</div>
<!-- 征稿 -->
<!-- 征稿 -->
<div>
<div class="ty_zgcon">
@ -875,7 +848,7 @@
</div>
<div>
<p>审核状态</p>
<p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
<p style="margin-top: 5px; " class="ty_zgzti ty_shcor">未审核</p>
</div>
<div>
<p>发布日期</p>
@ -906,7 +879,7 @@
</div>
<div>
<p>审核状态</p>
<p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
<p style="margin-top: 5px;" class="ty_zgzti ty_shcor">未审核</p>
</div>
<div>
<p>发布日期</p>
@ -939,7 +912,7 @@
</div>
<div>
<p></p>
<p style="margin-top: 5px;" class="ty_zgzti">已审核</p>
<p style="margin-top: 5px;" class="ty_zgzti ty_shcor">已审核</p>
</div>
<div>
<p>发布日期</p>
@ -970,7 +943,7 @@
</div>
<div>
<p>审核状态</p>
<p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
<p style="margin-top: 5px;" class="ty_zgzti ty_shcor">未审核</p>
</div>
<div>
<p>发布日期</p>
@ -1070,12 +1043,16 @@
</div>
<div class="ty_shtcint" style="margin-bottom: 38px;align-items:flex-start;">
<p class="ty_sgtxt" style="margin-top: 10px;">图片上传:</p>
<div class="ty_tpsc">
<div>
<img src="../../img/grzx/szj.png" title="图片上传" alt="图片已缺失">
<div class="ty_img">
<label for="inputImg" class="font-16 col19">照片:</label>
<div class="pr chooseImg-box" style="position: relative;">
<div style="display: flex;">
<input class="ty_intfile" id="inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
<img id="upImg" class="pa" title="照片" src="../../img/jgzx/images/xwfm_03.png">
</div>
</div>
<p>上传图片格式包括jpg/png/gif图片大小不超过20MB</p>
<div class="chooseImg-content">上传图片格式包括jpg/png/gif图片大小不超过20MB</div>
</div>
</div>
<div class="ty_btn">
@ -1093,7 +1070,7 @@
<div class="ty_tctiti">
<p>售后结果</p>
<p class="ty_gbtc ty_shjggb"><img src="../../img/grzx/sh.jpg" alt="图片缺失"></p>
<p class="ty_gbtc ty_shjggb"><img src="../../img/grzx/sh.jpg" title="关闭" alt="图片缺失"></p>
</div>
<div class="ty_tris" style="padding-right: 30px;">
@ -1120,8 +1097,8 @@
</div>
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"></iframe>
<script src="../../js/jquery-1.9.1.js"></script>
<!-- <script src="../../js/layui.js"></script> -->
<script>
// 弹窗点击
$(".ty_cz").on("click", () => {

File diff suppressed because it is too large Load Diff

BIN
img/grzx/fdj.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 659 B

BIN
img/jgzx/images/xwfm_03.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
img/public/gy-img.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 698 KiB

BIN
img/public/gz-renwu.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

BIN
img/public/gz-swper.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 408 KiB

BIN
img/public/lx_wx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

BIN
img/public/ty-renw.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

View File

@ -3,11 +3,11 @@ function goToPage(e){
switch (e){
case 1:
console.log('关于我们');
// if(homeUrl>-1){
// location.href = 'htmls/logshoppingcar/login.html'
// } else {
// location.href = '../../htmls/logshoppingcar/login.html'
// }
if(homeUrl>-1){
location.href = 'htmls/aboutUs/aboutUs.html'
} else {
location.href = '../../htmls/aboutUs/aboutUs.html'
}
break;
case 2:
if(homeUrl>-1){
@ -18,11 +18,11 @@ function goToPage(e){
break;
case 3:
console.log('联系我们');
// if(homeUrl>-1){
// location.href = 'htmls/logshoppingcar/login.html'
// } else {
// location.href = '../../htmls/logshoppingcar/login.html'
// }
if(homeUrl>-1){
location.href = 'htmls/contactUs/contactUs.html'
} else {
location.href = '../../htmls/contactUs/contactUs.html'
}
break;
case 4:
if(homeUrl>-1){
@ -324,6 +324,22 @@ $(function(){
$('#upImg').attr('src',$filePath);
$('#fileBox').css('display','none')
$('#upImg').css('display','inline')
})
//图片选择页面复用
$('.inputImg').change(function(e){
$filePath=URL.createObjectURL(this.files[0]);
$(e.target).next().attr('src',$filePath);
$('.fileBox').css('display','none')
$(e.target).next().css('display','inline')
if ($(e.target).next().attr("class")!="upImg") {
$(".uptoux").attr('src',$filePath);
}
$(".ty_topimgtx").css("display","block")
})
// 立即投稿
$('#submitTG').click(function(){

View File

@ -4,7 +4,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>个人中心-头部</title>
<link rel="stylesheet" href="../css/centerHead.css">
<link rel="stylesheet" href="../css/huaxiaMedia.css">
</head>
@ -14,14 +14,16 @@
<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="../index.html" target="_blank">网站首页</a></li>
<li><span class="ty_di"></span><a href="">关于我们</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>
<li><a href="">【退出】</a></li>
<li> 123</li>
<li><span class="ty_di"></span><a target="_parent" href="../index.html">网站首页</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../htmls/aboutUs/aboutUs.html">关于我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../htmls/logshoppingcar/shopcar.html"><img class="ty_topicon" title="图3" src="../img/sy-scart.png" alt="图片已缺失">我的购物车</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../htmls/artNetwork/pointsMall.html">积分商城</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../htmls/contactUs/contactUs.html">联系我们</a></li>
<li><span class="ty_di"></span><a target="_parent" href="../htmls/grzx/personalData.html" class="ty_gr">个人中心</a></li>
<li><a target="_parent" href="../htmls/logshoppingcar/login.html">【退出】</a></li>
</ul>
</nav>
</header>

View File

@ -6,6 +6,7 @@
<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>
<body>
<div class="foot-nav-box">