chen
/
huaxia
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

提交

master
chen 2021-09-27 17:53:50 +08:00
parent 12059edc93
commit f060f6bd5b
16 changed files with 557 additions and 254 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
css/huaxia.css
View File

@ -18,7 +18,9 @@ body {
.w90 { .w90 {
width: 90%; width: 90%;
} }
.w59 {
width: 59%;
}
.w56 { .w56 {
width: 56%; width: 56%;
} }
@ -986,7 +988,13 @@ input {
z-index: 1; z-index: 1;
border-radius: 3px; border-radius: 3px;
} }
.chooseImg-content2{
margin-top: 76px;
margin-left: 120px;
font-size: 12px;
color: #222222;
opacity: .7;
}
.chooseImg-content { .chooseImg-content {
margin-top: 76px; margin-top: 76px;
margin-left: 120px; margin-left: 120px;
@ -1447,19 +1455,18 @@ input {
} }
/* 拍卖 */ /* 拍卖 */
#pm-list>div:hover, #pm-list a:hover>div,
#pxzb-list>div:hover { #pxzb-list a:hover>div {
box-shadow: 0 0 20px rgba(0, 0, 0, .2); box-shadow: 0 0 20px rgba(0, 0, 0, .2);
cursor: pointer;
} }
#pm-list img{height: 304px;object-fit: cover;}
#pm-list>div:hover div:last-child>div:first-child, #pm-list a:hover .clips1,
#pxzb-list>div:hover div:last-child>div:first-child { #pxzb-list a:hover .clips1 {
color: #CB1919; color: #CB1919;
} }
.artist_detail_right{width: 86%;padding-right: 10px;}
#pm-list>div:hover div:last-child>div:first-child .quan, #pm-list a:hover div:last-child>div:first-child .quan,
#pxzb-list>div:hover div:last-child>div:first-child .quan { #pxzb-list a:hover div:last-child>div:first-child .quan {
border: 2px solid #CB1919; border: 2px solid #CB1919;
} }
@ -1485,7 +1492,7 @@ input {
/* 培训 */ /* 培训 */
.px-item-img { .px-item-img {
margin-bottom: -4px; float: left;
} }
.px-item-bo { .px-item-bo {
@ -3339,14 +3346,6 @@ ul {
border-radius: 3px; border-radius: 3px;
} }
.chooseImg-content {
margin-top: 76px;
margin-left: 12px;
font-size: 12px;
color: #222222;
opacity: .7;
}
.tygrzx_intfile { .tygrzx_intfile {
position: absolute; position: absolute;

164
css/huaxiaMedia.css
View File

@ -137,7 +137,7 @@
.sypx-box {padding-bottom: 20px;} .sypx-box {padding-bottom: 20px;}
.sypx-box .djb .backf {padding-bottom: 10px;} .sypx-box .djb .backf {padding-bottom: 10px;}
.sypx-box .djb .backf div{margin-top: 10px;margin-right: 10px;} .sypx-box .djb .backf div{margin-top: 10px;margin-right: 10px;}
.hz-jies{position: absolute;top: 45px;left: 0;margin-left: 0px;} .hz-jies{position: absolute;top: 45px;left: 0;margin-left: 0px;font-size: 13px;}
.hz-imgItem{margin-top: 20px;} .hz-imgItem{margin-top: 20px;}
.hz-input-box{display: inherit;} .hz-input-box{display: inherit;}
.hzly-box{padding: 20px;} .hzly-box{padding: 20px;}
@ -189,7 +189,7 @@
.dmedia{display: none;} .dmedia{display: none;}
.p-zy180,.head-box{padding: 10px 20px;} .p-zy180,.head-box{padding: 10px 20px;}
.hz-input-box div{padding: 0px 50px;} .hz-input-box div{padding: 0px 50px;}
.hz-jies{position: absolute;top: 40px;left: 0;margin-left: 0px;} .hz-jies{position: absolute;top: 40px;left: 0;margin-left: 0px;font-size: 13px;}
.hz-input-box .p-zy10{margin-top: 20px;} .hz-input-box .p-zy10{margin-top: 20px;}
.hz-input-box div{margin-top: 20px;} .hz-input-box div{margin-top: 20px;}
.hz-imgItem{flex-wrap: wrap;margin-top: 52px;} .hz-imgItem{flex-wrap: wrap;margin-top: 52px;}
@ -272,12 +272,18 @@
.sypx-box img{height: 340px;object-fit: cover;} .sypx-box img{height: 340px;object-fit: cover;}
#ys-cate{overflow-x: scroll;overflow-y: hidden;} #ys-cate{overflow-x: scroll;overflow-y: hidden;}
#ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;}
.jg-tou .font-36{font-size: 26px;margin-top: 6px;}
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;}
.jg-xian{display: none;}
.jg-guanz {width: 80px;height: 30px;line-height: 30px;}
} }
@media screen and (min-width:1621px) and (max-width:1820px) { @media screen and (min-width:1621px) and (max-width:1820px) {
.logo{width: 30%;} .logo{width: 30%;}
.p-zy180,.head-box{padding: 20px 180px;} .p-zy180,.head-box{padding: 20px 180px;}
#ys-cate{overflow-x: scroll;overflow-y: hidden;} #ys-cate{overflow-x: scroll;overflow-y: hidden;}
#ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;}
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;}
.jg-xian{display: none;}
} }
@media (max-width:766px){ @media (max-width:766px){
#zx-list img {width: 120px;max-height: 74px;} #zx-list img {width: 120px;max-height: 74px;}
@ -297,7 +303,7 @@
#zled,#zlwill,#zling{width: 100%;} #zled,#zlwill,#zling{width: 100%;}
#zl-list .m-s30{margin-top: 20px;} #zl-list .m-s30{margin-top: 20px;}
#zl-list .w90{width: 100%;max-height: 200px;object-fit: cover;} #zl-list .w90{width: 100%;max-height: 200px;object-fit: cover;}
#ys-list {justify-content: space-between;width: 100%;} #ys-list {justify-content: space-between;width: 100%;margin-top: -20px;}
#ys-list .w25{width: 48%;} #ys-list .w25{width: 48%;}
#ys-list .w90{width: 100%;margin-top: 10px;} #ys-list .w90{width: 100%;margin-top: 10px;}
#ys-list .font-26{font-size: 18px;} #ys-list .font-26{font-size: 18px;}
@ -377,7 +383,7 @@
.tk-tougao > div > input{width: 100%;height: 35px;margin-top: 10px;} .tk-tougao > div > input{width: 100%;height: 35px;margin-top: 10px;}
.tk-tougao {padding: 15px 20px;} .tk-tougao {padding: 15px 20px;}
.tgsub-btn {width: 100%;} .tgsub-btn {width: 100%;}
.chooseImg-content {margin-top: 120px;margin-left: 0px;font-size: 12px;} .chooseImg-content2 {margin-top: 120px;margin-left: 0px;font-size: 12px;}
.tgsub-btn div {width: 100px;height: 36px;line-height: 36px;font-size: 14px;} .tgsub-btn div {width: 100px;height: 36px;line-height: 36px;font-size: 14px;}
.tk-tougao .dis{flex-direction: column;} .tk-tougao .dis{flex-direction: column;}
.chooseImg-box{margin-top: 10px;} .chooseImg-box{margin-top: 10px;}
@ -401,6 +407,7 @@
#ysjzz-list img{margin-bottom: 10px;} #ysjzz-list img{margin-bottom: 10px;}
.m-s50{margin-top: 20px;} .m-s50{margin-top: 20px;}
#jgjj-box{margin-top: 0px;}
.jg-tou{margin-top: 10px;} .jg-tou{margin-top: 10px;}
.jg-tou .p-sx20{padding: 0 20px;} .jg-tou .p-sx20{padding: 0 20px;}
.jg-tou .font-36{font-size: 20px;} .jg-tou .font-36{font-size: 20px;}
@ -408,7 +415,7 @@
#jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;} #jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;}
#jgjj-box .linh42{padding-bottom: 20px;} #jgjj-box .linh42{padding-bottom: 20px;}
#jgjj-box .linh42 .dac{align-items: baseline;} #jgjj-box .linh42 .dac{align-items: baseline;}
.jg-guanz{width: 107px;height: 30px;line-height: 30px;} .jg-guanz{width: 80px;height: 30px;line-height: 30px;flex-shrink: 0;margin-left: 10px;}
.borr{font-size: 14px;} .borr{font-size: 14px;}
.jg-tou .p-zy20{padding-left: 0px;padding-right: 0px;} .jg-tou .p-zy20{padding-left: 0px;padding-right: 0px;}
@ -418,6 +425,109 @@
#jgs-list .w90,#jgz-list .w90,#jgm-list .w90{width: 100%;margin-bottom: 10px;} #jgs-list .w90,#jgz-list .w90,#jgm-list .w90{width: 100%;margin-bottom: 10px;}
#jgs-list .font-18{margin-bottom: 0px;} #jgs-list .font-18{margin-bottom: 0px;}
#jgz-list .m-s10{margin-top: 0;} #jgz-list .m-s10{margin-top: 0;}
#jgcy-box{padding-bottom: 20px;}
#zx-list .m-y30{margin-right: 10px;}
.artist_box .pd6,.trainDetail .pd6{margin-left: -20px;margin-right: -20px;}
.trainDetail .m-s30{margin-top: 6px;}
.trainDetail .m-x10{display: none;}
.trainDetail .p-zy40{padding-left: 10px;padding-right: 10px;}
.trainDetail .linh28{margin-bottom: 6px;}
.trainDetail .clips4{-webkit-line-clamp: 2;}
.trainDetail .linh30{line-height: 25px;}
.trainDetail .font-26{margin-left: 20px;}
.trainDetail .p-zy20{padding-left: 20px;padding-right: 20px;}
.trainDetail .m-zy20{margin-right: 0px;}
.shop-swiper .swiper-pagination-bullet{width: 6px;height: 6px;}
#rem-list,#jf-list {justify-content: space-between;flex-direction: column;align-items: flex-start;}
#rem-list .w20,#jf-list .w20{width: 100%;}
#rem-list .m-s20,#jf-list .m-s20{margin-top: 10px;}
#rem-list .clips2,#jf-list .clips2{-webkit-line-clamp: 1;}
#rem-list a div:nth-of-type(1), #jf-list a div:nth-of-type(1){height: 20px;}
#rem-list a img, #jf-list a img{height: 200px;}
.shopBox .m-x20{margin-bottom: 10px;}
.shop-swiper{padding-top: 10px;}
#sh-list {flex-direction: column;}
#sh-list>a:first-child{width: 100%;}
#cq-list .w59,#sh-list .w59{justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top: 10px;}
#cq-list .w33,#sh-list .w33{width: 48%;margin-bottom: 10px;}
#cq-list .m-z20,#sh-list .m-z20{margin-left: 0px;}
/* #cq-list .m-sx10,#sh-list .m-sx10{margin-bottom: 0px;margin-top: 0px;} */
#cq-list>.dis,#sh-list>.dis{justify-content: space-between;flex-wrap: wrap;}
#cq-list>.dis .w20,#sh-list>.dis .w20{width: 48%;}
#cq-list>.dis .m-y20,#sh-list>.dis .m-y20{margin-right: 0px;}
#cq-list>.dis .m-s20,#sh-list>.dis .m-s20{margin-top: 0px;}
#scjf-list{justify-content: space-between;flex-wrap: wrap;}
#scjf-list .w20{width: 48%;}
#scjf-list .m-y20{margin-right: 0px;}
#alls-list{justify-content: space-between;flex-wrap: wrap;padding-bottom: 20px;}
#alls-list .dfc > div{margin: 0;}
#alls-list .w20{width: 48%;box-shadow: none;}
.shopDetail-title{padding-top: 10px;}
.shopDetail-box{padding-top: 20px;}
.xq-pub {width: 30px;height: 30px;}
.xq-pre{left: 10px;}
.xq-next{right: 10px;}
.shopDetail-box .detail-right {width: 100%;padding: 0;}
.shopDetail-box .detail-right .font-24{font-size: 16px;}
.shopDetail-box .detail-right .linh42{line-height: 25px;height: 40px;margin-bottom: 10px;}
.shopDetail-box .detail-right .font-30{font-size: 15px;}
.shopDetail-box .detail-right .font-15{font-size: 12px;}
.shopDetail-box .youhq-box{margin-top: 0px;}
.detail-input-box{margin-top: 10px;margin-left: 12px;}
.dui-box, .addcart-box {
width: 80px;
height: 30px;
line-height: 30px;
margin-left: 0px;
}
.addcart-box .font-20{font-size: 14px;}
.detail-right .p-x20{padding-bottom: 10px;}
.detail-right .p-s20{padding-top: 10px;padding-bottom: 10px;}
.detail-right .p-s20 > .dac{margin-left: 0px;}
#pm-list{padding-bottom: 0px;}
#pm-list .m-x30{margin-bottom: 20px;}
#pm-list img{height: 150px;}
#pm-list .w56{width: 100%;padding-left: 10px;padding-right: 10px;}
#pm-list .clips3{-webkit-line-clamp: 2;}
#pm-list .m-s20{margin-top: 10px;}
#pm-list .m-x10{margin-bottom: 0px;display: none;}
#pm-list .p-sx20{padding-top: 10px;padding-bottom: 10px;}
#pm-list .font-20{font-size: 15px;}
#pm-list .font-15{font-size: 13px;}
#pm-list .m-x20{margin-bottom: 10px;display: none;}
.pm-detail img{padding-top: 20px;padding-bottom: 10px;}
.pm-detail .font-24{font-size: 18px;}
.pm-detail .font-16{font-size: 14px;line-height: 22px;}
.pm-detail .m-sx20{margin: 10px 0;}
.pm-detail .pd6 .font-36{font-size: 20px;padding-left: 10px;margin-top: -10px;}
#pmd-main{padding: 0 10px;margin-top: -30px;}
#pmd-list{justify-content: space-between;flex-wrap: wrap;}
#pmd-list .w25{width: 48%;}
#pmd-list .w90{width: 100%;}
#pmd-list .m-s30{margin-top: 0px;}
#pmd-list .clips1{margin-top: 0px;}
#duih{font-size: 13px;}
.artist_box .m-sx30{margin-top: 0px;}
.artist_detail_right{width: 100%;padding-right: 0;}
.artist_detail_right .font-24{font-size: 20px;}
.artist_detail_right .linh42{line-height: 30px;}
.artist_detail_right .m-sx20{margin-top: 10px;margin-bottom: 10px;}
.artist_detail_right .p-s20{padding-top: 0px;}
.goMai {font-size: 13px; padding: 6px 15px;}
#previewImg div:first-child{width: 60%;height: auto;}
#previewImg div:first-child img{height: 100%;float: left;}
} }
@media (min-width:767px) and (max-width:991px){ @media (min-width:767px) and (max-width:991px){
#zx-list img {width: 250px;max-height: 155px;} #zx-list img {width: 250px;max-height: 155px;}
@ -448,16 +558,31 @@
.m-z30{margin-left: 20px;} .m-z30{margin-left: 20px;}
#zlDetail .linh32{line-height: 26px;} #zlDetail .linh32{line-height: 26px;}
.zx-nav{overflow-x: scroll;overflow-y: hidden;}
.jg-tou{margin-top: 10px;} .jg-tou{margin-top: 10px;}
.jg-tou .p-sx20{padding: 0 20px;} .jg-tou .p-sx20{padding: 0 20px;}
.jg-tou .font-36{font-size: 20px;margin-top: 6px;} .jg-tou .font-36{font-size: 20px;margin-top: 6px;}
#jgjj-box{margin-top: 20px;}
#jgjj-box .m-zy20:first-child{margin-left: 0px;margin-right: 0px;margin-top: 0px;line-height: 26px;} #jgjj-box .m-zy20:first-child{margin-left: 0px;margin-right: 0px;margin-top: 0px;line-height: 26px;}
#jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;} #jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;}
#jgjj-box .linh42{padding-bottom: 20px;} #jgjj-box .linh42{padding-bottom: 20px;}
#jgjj-box .linh42 .dac{align-items: baseline;} #jgjj-box .linh42 .dac{align-items: baseline;}
.jg-guanz{width: 107px;height: 30px;line-height: 30px;} .jg-guanz{width: 80px;height: 30px;line-height: 30px;}
.borr{font-size: 14px;} .borr{font-size: 14px;}
#jgsk-box,#jgzh-box,#jgcy-box{padding-bottom: 20px;}
#zx-list .m-y30{margin-right: 10px;}
.trainDetail .p-zy40{padding-left: 20px;padding-right: 20px;}
.trainDetail .clips4{-webkit-line-clamp: 3;}
.trainDetail .linh30{line-height: 25px;}
#pm-list img{height: 200px;}
#pm-list .w56{width: 100%;padding-left: 10px;padding-right: 10px;}
#pm-list .clips3{-webkit-line-clamp: 2;}
#pm-list .m-s20{margin-top: 10px;}
#pm-list .m-x10{margin-bottom: 0px;}
#pm-list .p-sx20{padding-top: 10px;padding-bottom: 10px;}
#pm-list .font-20{font-size: 15px;}
#pm-list .font-15{font-size: 13px;}
#pm-list .m-x20{margin-bottom: 10px;}
} }
@media (min-width:992px) and (max-width:1199px){ @media (min-width:992px) and (max-width:1199px){
#zx-list img {width: 250px;max-height: 155px;} #zx-list img {width: 250px;max-height: 155px;}
@ -469,21 +594,38 @@
#ys-cate{overflow-x: scroll;overflow-y: hidden;} #ys-cate{overflow-x: scroll;overflow-y: hidden;}
#ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;}
.zx-nav{overflow-x: scroll;overflow-y: hidden;} .jg-tou .font-36{font-size: 20px;margin-top: 12px;}
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;} .zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;}
.jg-xian{display: none;}
.jg-guanz {width: 80px;height: 30px;line-height: 30px;}
.zx-nav li a, .szx-nav li a, .px-nav li a{font-size: 14px;} .zx-nav li a, .szx-nav li a, .px-nav li a{font-size: 14px;}
.jg-tou .p-sx20{padding: 0 20px;} .jg-tou .p-sx20{padding: 0 20px;}
.jg-tou .font-36{font-size: 26px;margin-top: 6px;} .zx-nav li, .szx-nav li, .px-nav li {padding: 15px 0 15px 0;}
#jgjj-box .m-zy20:first-child{margin-left: 0px;margin-right: 0px;margin-top: 0px;line-height: 26px;} #jgjj-box .m-zy20:first-child{margin-left: 0px;margin-right: 0px;margin-top: 0px;line-height: 26px;}
#jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;} #jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;}
#jgjj-box .linh42{padding-bottom: 20px;} #jgjj-box .linh42{padding-bottom: 20px;}
#jgjj-box .linh42 .dac{align-items: baseline;} #jgjj-box .linh42 .dac{align-items: baseline;}
.jg-guanz{width: 107px;height: 30px;line-height: 30px;}
.borr{font-size: 14px;} .borr{font-size: 14px;}
#pm-list img{height: 200px;}
#pm-list .w56{width: 100%;padding-left: 10px;padding-right: 10px;}
#pm-list .clips3{-webkit-line-clamp: 2;}
#pm-list .m-s20{margin-top: 10px;}
#pm-list .m-x10{margin-bottom: 0px;}
#pm-list .p-sx20{padding-top: 10px;padding-bottom: 10px;}
#pm-list .font-20{font-size: 15px;}
#pm-list .font-15{font-size: 13px;}
#pm-list .m-x20{margin-bottom: 10px;}
} }
@media (min-width:1200px) and (max-width:1440px){ @media (min-width:1200px) and (max-width:1440px){
#ys-cate{overflow-x: scroll;overflow-y: hidden;} #ys-cate{overflow-x: scroll;overflow-y: hidden;}
#ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;}
.jg-tou .font-36{font-size: 26px;margin-top: 6px;}
.zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;}
.jg-xian{display: none;}
.jg-guanz {width: 80px;height: 30px;line-height: 30px;}
} }

54
htmls/artNetwork/artistDetail.html
View File

@ -132,7 +132,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="p-zy320"> <div class="p-zy320 artist_box">
<div class="backf5 m-s50 pd6"> <div class="backf5 m-s50 pd6">
<div class="p-sx20 backf"> <div class="p-sx20 backf">
<div class="djb bbt m-zy20"> <div class="djb bbt m-zy20">
@ -170,38 +170,26 @@
<li class="pr"><a href="javascript:;">瓷器</a><div></div></li> <li class="pr"><a href="javascript:;">瓷器</a><div></div></li>
</ul> </ul>
<div id="jgy-list" class="dac fw w102"> <div id="jgy-list" class="dac fw w102">
<div class="dfc w25 m-x30"> <a href="artist_worksDetail.html" class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-01.png" alt="图标丢失" title="" ></a> <img class="w90" src="../../img/public/jg-dy-01.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div> <div class="font-18 m-s20 w90 clips1 col19" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div> </a>
<div class="dfc w25 m-x30"> <a href="artist_worksDetail.html" class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-02.png" alt="图标丢失" title="" ></a> <img class="w90" src="../../img/public/jg-dy-02.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div> <div class="font-18 m-s20 w90 clips1 col19" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div> </a>
<div class="dfc w25 m-x30"> <a href="artist_worksDetail.html" class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-03.png" alt="图标丢失" title="" ></a> <img class="w90" src="../../img/public/jg-dy-03.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div> <div class="font-18 m-s20 w90 clips1 col19" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div> </a>
<div class="dfc w25 m-x30"> <a href="artist_worksDetail.html" class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-04.png" alt="图标丢失" title="" ></a> <img class="w90" src="../../img/public/jg-dy-04.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div> <div class="font-18 m-s20 w90 clips1 col19" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div> </a>
<div class="dfc w25 m-x30"> <a href="artist_worksDetail.html" class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-05.png" alt="图标丢失" title="" ></a> <img class="w90" src="../../img/public/jg-dy-05.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div> <div class="font-18 m-s20 w90 clips1 col19" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div> </a>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-06.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-07.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-08.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
</div> </div>
</div> </div>
</div> </div>

200
htmls/artNetwork/artist_worksDetail.html Normal file
View File

@ -0,0 +1,200 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>艺术家详情</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/huaxiaMedia.css"/>
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
<link rel="stylesheet" type="text/css" href="../../css/ispinner.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 src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container parent-page" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/parent-banner.png" ></div>
</div>
<div class="swiper-pagination"></div>
</div>
<script>
let swiper = new Swiper('.ont-swiper', {
cssMode: false,//禁止鼠标滑动，切换
loop:true,
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable :true,
},
mousewheel: false,//禁止鼠标滚动，切换
});
</script>
<div class="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span onclick="goToPage(1)" class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div onclick="goToPage(2)" class="cq-cp dac">
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
<span class="cq-cp">我的购物车</span>
</div>
<span class="sy-dian"></span>
<a href="pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
<span class="sy-dian"></span>
<span onclick="goToPage(3)" class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span onclick="goToPage(4)" class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac m-s20">
<div class="w100">
<ul class="dao-box dac">
<li>
<div><a href="../../index.html">首页</a></div>
</li>
<li >
<div><a href="realTimeInfo.html">资讯</a></div>
</li>
<li>
<div><a href="exhibition.html">展览</a></div>
</li>
<li>
<div class="cq-dao-active"><a href="javascript:;">艺术家</a></div>
</li>
<li>
<div><a href="mechanism.html">机构</a></div>
</li>
<li>
<div><a href="train.html">培训</a></div>
</li>
<li>
<div><a href="shoppingMall.html">商城</a></div>
</li>
<li>
<div><a href="auction.html">拍卖</a></div>
</li>
</ul>
</div>
<div class="pr input-box backf">
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
<img class="pa cq-cp" src="../../img/sy-search.png">
</div>
</div>
</div>
<!-- 功能按钮 -->
<div class="gn-box">
<img class="shous" src="../../img/cell-search.png">
<img class="gongn" src="../../img/public/gn.png">
</div>
<!-- 输入弹框 -->
<div class="cell-input dn">
<div>
<input type="text" onkeydown="searchKey(event)" name="keyWord" id="" value="" placeholder="请输入关键词搜索"/>
</div>
</div>
<!-- 弹框导航 -->
<div class="cell-nav dn">
<div>
<ul>
<li><a href="../../index.html">首页</a></li>
<li><a href="realTimeInfo.html">资讯</a></li>
<li><a href="exhibition.html">展览</a></li>
<li><a href="artist.html" class="cell-active">艺术家</a></li>
<li><a href="mechanism.html">机构</a></li>
<li><a href="train.html">培训</a></li>
<li><a href="shoppingMall.html">商城</a></li>
<li><a href="auction.html">拍卖</a></li>
<li><a href="pointsMall.html">积分商城</a></li>
<li><a href="../aboutUs/aboutUs.html">关于我们</a></li>
<li><a href="../contactUs/contactUs.html">联系我们</a></li>
</ul>
</div>
</div>
</div>
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40 allitem-title">周安明</div>
<div class="dac m-s20">
<div class="cq-cp zx-xx">关注他</div>
</div>
</div>
</div>
<div class="p-zy320 artist_box">
<div class="backf5 m-s50 pd6">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<!-- 二级导航 -->
<ul class="zx-nav dac" id="ys-nav" style="padding: 0;margin: 0;">
<li class="pr cq-cp zx-nav-title"><span>个人简介</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span class="zx-nav-title">推荐作品</span><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>艺术访谈</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>书刊杂志</span><div></div></li>
</ul>
</div>
<div class="p-zy20 m-sx30">
<div class="djb bbt p-x30">
<!-- Swiper -->
<div class="ys-swiper swiper-container m-y20">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-02.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-03.png" ></div>
</div>
<!-- 右箭头 -->
<img class="xq-next xq-pub" src="../../img/public/xq-next.png" >
<!-- 左箭头 -->
<img class="xq-pre xq-pub" src="../../img/public/xq-pre.png" >
</div>
<script>
let twoswiper = new Swiper('.ys-swiper', {
cssMode: false,//禁止鼠标滑动，切换
loop:true,
autoplay: {
delay: 2000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
navigation: {
nextEl: '.xq-next',
prevEl: '.xq-pre',
},
mousewheel: false,//禁止鼠标滚动，切换
});
</script>
<div class="artist_detail_right">
<div class="font-24 fb clips2 linh42 w100">
东方泥土 创意陶瓷年雕塑艺术摆件 新婚礼物闺蜜 结婚礼品乐趣 H20-03B 乐趣猪 彩色
</div>
<div class="p-sx20 bbt btt m-sx20 font-15 linh30">
简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1
</div>
<div class="p-s20"><span class="goMai">去购买</span></div>
</div>
</div>
<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
<img width="100%" src="../../img/public/jg-dyd-02.png" >
<div class="font-15 linh30 m-sx20">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
<img width="100%" src="../../img/public/jg-dyd-03.png" >
</div>
</div>
</div>
</div>
<!-- 底部导航 -->
<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>

33
htmls/artNetwork/auction.html
View File

@ -132,7 +132,38 @@
<div class="p-zy320"> <div class="p-zy320">
<!-- 全部列表 --> <!-- 全部列表 -->
<section id="pm-main"> <section id="pm-main">
<div id="pm-list" class="p-sx30"></div> <div id="pm-list" class="p-sx30">
<a href="auctionDetail.html">
<div class="dac m-x30 bd">
<img width="100%" style="vertical-algin:bottom;" src="../../img/public/pm01.png" alt="图片丢失" title="">
<div class="p-zy30 w56">
<div class="font-20 linh28 fb dac p-sx20 bbt"><span class="quan"></span><div class="clips1 col19">四岛集珍唐人书画无底价专场</div></div>
<div class="font-15 col19 m-s20 m-x10">专场介绍</div>
<div class="font-15 col19 linh26 clips3 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
<div class="font-12 colcb m-s10 m-x20 tr"><span class="cq-cp">更多详情</span></div>
<div class="btt p-sx20 font-15 djbac">
<span class="col19">拍品641件</span>
<span class="col19 op7">2021.06.30</span>
</div>
</div>
</div>
</a>
<a href="auctionDetail.html">
<div class="dac m-x30 bd">
<img width="100%" style="vertical-algin:bottom;" src="../../img/public/pm02.png" alt="图片丢失" title="">
<div class="p-zy30 w56">
<div class="font-20 linh28 fb dac p-sx20 bbt"><span class="quan"></span><div class="clips1 col19">四岛集珍唐人书画无底价专场</div></div>
<div class="font-15 col19 m-s20 m-x10">专场介绍</div>
<div class="font-15 col19 linh26 clips3 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
<div class="font-12 colcb m-s10 m-x20 tr"><span class="cq-cp">更多详情</span></div>
<div class="btt p-sx20 font-15 djbac">
<span class="col19">拍品641件</span>
<span class="col19 op7">2021.06.30</span>
</div>
</div>
</div>
</a>
</div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;"> <div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray"> <div class="container gray">
<div class="ispinner gray animating"> <div class="ispinner gray animating">

6
htmls/artNetwork/auctionDetail.html
View File

@ -129,7 +129,7 @@
<div class="font-40 allitem-title">拍卖</div> <div class="font-40 allitem-title">拍卖</div>
</div> </div>
</div> </div>
<div class="p-zy320"> <div class="p-zy320 pm-detail">
<img class="p-s30 p-x20" width="100%" src="../../img/public/pm01.png" > <img class="p-s30 p-x20" width="100%" src="../../img/public/pm01.png" >
<div class="font-24 fb">四岛集珍唐人书画无底价专场</div> <div class="font-24 fb">四岛集珍唐人书画无底价专场</div>
<div class="col19 font-16 m-s10 linh30 bbt p-x20"> <div class="col19 font-16 m-s10 linh30 bbt p-x20">
@ -139,14 +139,14 @@
</div> </div>
<div class="font-16 col19 m-sx20">专场介绍</div> <div class="font-16 col19 m-sx20">专场介绍</div>
<div class="font-16 col19 m-x20 linh30 tin2">运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存</div> <div class="font-16 col19 m-x20 linh30 tin2">运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存</div>
<div class="backf5" style="padding: 6px;"> <div class="backf5 pd6">
<div class="p-sx20 backf"> <div class="p-sx20 backf">
<div class="djb bbt m-zy20 p-x20"> <div class="djb bbt m-zy20 p-x20">
<div class="font-36">全部拍品</div> <div class="font-36">全部拍品</div>
</div> </div>
<!-- 全部列表 --> <!-- 全部列表 -->
<section id="pmd-main" class="p-zy20"> <section id="pmd-main" class="p-zy20">
<div id="pmd-list" class="dac fw" style="width: 102.6%;"></div> <div id="pmd-list" class="dac fw w102"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;"> <div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray"> <div class="container gray">
<div class="ispinner gray animating"> <div class="ispinner gray animating">

6
htmls/artNetwork/exhibitionComingDetail.html
View File

@ -154,7 +154,7 @@
上海市樱花路869号喜玛拉雅中心A区3-4 层 上海市樱花路869号喜玛拉雅中心A区3-4 层
<div class="dac m-z20 cq-cp fs"> <div class="dac m-z20 cq-cp fs">
<img class="zhanldw" src="../../img/public/zldw.png" > <img class="zhanldw" src="../../img/public/zldw.png" >
<span class="col007">去这里</span> <a href="goMap.html?address='成都市成华区双店路地铁站-a口'"><span class="col007">去这里</span></a>
</div> </div>
</div> </div>
</div> </div>
@ -471,7 +471,7 @@
</div> </div>
<!-- 预览图片 --> <!-- 预览图片 -->
<div id="previewImg"> <div id="previewImg">
<div><img src="../../img/grzx/ysp1.png" style="width: 100%;"></div> <div><img src="../../img/grzx/ysp1.png" width="100%;"></div>
<div><img class="closeImg" src="../../img/public/closeh.png" ></div> <div><img class="closeImg" src="../../img/public/closeh.png" ></div>
</div> </div>
</section> </section>
@ -510,7 +510,7 @@
<img id="upImg" style="display: none;" class="pa" src="" > <img id="upImg" style="display: none;" class="pa" src="" >
</div> </div>
</div> </div>
<div class="chooseImg-content">上传图片格式包括jpg/png/gif，图片大小不超过20MB</div> <div class="chooseImg-content2">上传图片格式包括jpg/png/gif，图片大小不超过20MB</div>
</div> </div>
<div class="dis fn tgsub-btn"> <div class="dis fn tgsub-btn">
<div id="submitTG" class="cq-cp m-s37" onselectstart="return false;">立即提交</div> <div id="submitTG" class="cq-cp m-s37" onselectstart="return false;">立即提交</div>

78
htmls/artNetwork/goMap.html Normal file
View File

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Cache-Control" content="no-store" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title></title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=DD279b2a90afdf0ae7a3796787a0742e"></script>
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
function getUrlParamCN(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = decodeURI(window.location.search).substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]); return null; //返回参数值
}
var dangAddress = getUrlParamCN("address").split('\'')[1]
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
}
//创建地图函数：
function createMap(){
var map = new BMap.Map("BaiduDitu");//在百度地图容器中创建一个地图
map.centerAndZoom(dangAddress,18);//设定地图的中心点和坐标并将地图显示在地图容器中
window.map = map;//将map变量存储在全局
var myGeo = new BMap.Geocoder();
// 创建小车图标
var myIcon = new BMap.Icon("../../img/public/dwionv.png", new BMap.Size(52, 52));
// 将地址解析结果显示在地图上，并调整地图视野
myGeo.getPoint(dangAddress, function(point){
if(point){
// 创建Marker标注，使用小车图标
// var pt = new BMap.Point(104.142588, 30.664403);
var pt = new BMap.Point(point.lng, point.lat);
var marker = new BMap.Marker(pt, {
icon: myIcon
});
marker.enableDragging(); //开启标注拖拽功能
marker.addEventListener("dragend", function(e){
console.log("当前位置：" + e.point.lng + ", " + e.point.lat);
})
// 将标注添加到地图
map.addOverlay(marker);
}
})
// var pt = new BMap.Point(104.143154,30.664661);
// myGeo.getLocation(pt,function(res){
// console.log(res.addressComponents);
// })
}
//地图事件设置函数：
function setMapEvent(){
map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
map.enableKeyboard();//启用键盘上下左右键移动地图
}
$(function(){
initMap();//创建和初始化地图
});
</script>
</head>
<body>
<div class="Ditumap">
<div style="border:none;" id="BaiduDitu"></div>
<script type="text/javascript">
window.onload = function(){
var w_height = $(window).height()
var w_width = $(window).width()
var html = document.getElementById('BaiduDitu')
html.style.height = w_height+'px'
html.style.width = w_width+'px'
}
</script>
</div>
</body>
</html>

2
htmls/artNetwork/mechanismArtworkDetail.html
View File

@ -174,7 +174,7 @@
mousewheel: false,//禁止鼠标滚动，切换 mousewheel: false,//禁止鼠标滚动，切换
}); });
</script> </script>
<div style="width: 86%;padding-right: 10px;"> <div class="artist_detail_right">
<div class="font-24 fb clips2 linh42 w100"> <div class="font-24 fb clips2 linh42 w100">
东方泥土 创意陶瓷年雕塑艺术摆件 新婚礼物闺蜜 结婚礼品乐趣 H20-03B 乐趣猪 彩色 东方泥土 创意陶瓷年雕塑艺术摆件 新婚礼物闺蜜 结婚礼品乐趣 H20-03B 乐趣猪 彩色
</div> </div>

4
htmls/artNetwork/mechanismBooksDetail.html
View File

@ -261,8 +261,8 @@
mousewheel: false,//禁止鼠标滚动，切换 mousewheel: false,//禁止鼠标滚动，切换
}); });
</script> </script>
<div style="width: 86%;padding-right: 10px;"> <div class="artist_detail_right">
<div class="font-24 fb clips2" style="width:100%;line-height: 42px;">新中国美术家系列——曹辉作品集</div> <div class="font-24 fb clips2 w100 linh42">新中国美术家系列——曹辉作品集</div>
<div class="p-sx20 bbt btt m-sx20 font-15 linh30"> <div class="p-sx20 bbt btt m-sx20 font-15 linh30">
简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1 简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1
</div> </div>

10
htmls/artNetwork/pointsMallDetail.html
View File

@ -37,9 +37,9 @@
mousewheel: false,//禁止鼠标滚动，切换 mousewheel: false,//禁止鼠标滚动，切换
}); });
</script> </script>
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;"> <div class="dao-boxw head-box pr">
<img class="logo" src="../../img/logo.png"> <img class="cq-cp logo" src="../../img/logo.png">
<div> <div class="head-nav-box fs dmedia">
<div class="guan-box"> <div class="guan-box">
<span onclick="goToPage(1)" class="cq-cp">关于我们</span> <span onclick="goToPage(1)" class="cq-cp">关于我们</span>
<span class="sy-dian"></span> <span class="sy-dian"></span>
@ -123,12 +123,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="p-zy320 backe6"> <div class="p-zy320 backe6 shopDetail-title">
<div class="djbac"> <div class="djbac">
<div class="font-14 col19 op7 p-sx20">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div> <div class="font-14 col19 op7 p-sx20">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
</div> </div>
</div> </div>
<div class="p-zy320"> <div class="p-zy320 shopDetail-box">
<div class="djb bbt ps m-s30 p-x30"> <div class="djb bbt ps m-s30 p-x30">
<!-- Swiper --> <!-- Swiper -->
<div class="ys-swiper swiper-container"> <div class="ys-swiper swiper-container">

4
htmls/artNetwork/shopDetail.html
View File

@ -123,12 +123,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="p-zy320 backe6"> <div class="p-zy320 backe6 shopDetail-title">
<div class="djbac"> <div class="djbac">
<div class="font-14 col19 op7 p-sx20">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div> <div class="font-14 col19 op7 p-sx20">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
</div> </div>
</div> </div>
<div class="p-zy320"> <div class="p-zy320 shopDetail-box">
<div class="djb bbt ps m-s30 p-x30"> <div class="djb bbt ps m-s30 p-x30">
<!-- Swiper --> <!-- Swiper -->
<div class="ys-swiper swiper-container"> <div class="ys-swiper swiper-container">

25
htmls/artNetwork/shopMore.html
View File

@ -123,7 +123,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="p-zy320" style="background: #e6e6e6;"> <div class="p-zy320 backe6">
<div class="djbac"> <div class="djbac">
<div class="font-40 p-sx30">商城</div> <div class="font-40 p-sx30">商城</div>
</div> </div>
@ -144,7 +144,28 @@
</ul> </ul>
</div> </div>
</div> </div>
<div id="alls-list" class="dac m-s20 fw"></div> <div id="alls-list" class="dac m-s20 fw">
<div class="dfc w20">
<a href="shopDetail.html">
<div>
<img class="w100 cq-cp" src="../../img/public/jf09.png" alt="图标丢失" title="" >
<div class="font-14 m-sx10 clips2 linh24 col19">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
<div class="font-13"><span class="op7 col19">积分：</span><span class="fb colcb font-20">2256</span></div>
<!-- <div class="font-13"><span class="op7 col19">￥：</span><span class="fb colcb font-20">2256</span></div> -->
</div>
</a>
</div>
<div class="dfc w20">
<a href="shopDetail.html">
<div>
<img class="w100 cq-cp" src="../../img/public/jf10.png" alt="图标丢失" title="" >
<div class="font-14 m-sx10 clips2 linh24 col19">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
<div class="font-13"><span class="op7 col19">积分：</span><span class="fb colcb font-20">2256</span></div>
<!-- <div class="font-13"><span class="op7 col19">￥：</span><span class="fb colcb font-20">2256</span></div> -->
</div>
</a>
</div>
</div>
</div> </div>
<!-- 底部导航 --> <!-- 底部导航 -->
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe> <iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>

10
htmls/artNetwork/shoppingMall.html
View File

@ -148,7 +148,7 @@
}); });
</script> </script>
</div> </div>
<div class="p-zy320 m-s10"> <div class="p-zy320 m-s10 shopBox">
<!-- 热门商品 --> <!-- 热门商品 -->
<div class="djbac bbt p-sx10 m-x20"> <div class="djbac bbt p-sx10 m-x20">
<div class="font-26">热门商品</div> <div class="font-26">热门商品</div>
@ -208,7 +208,7 @@
</div> </div>
</div> </div>
</a> </a>
<div class="dis" style="width: 59%;"> <div class="dis w59">
<div class="dfc w33 m-z20"> <div class="dfc w33 m-z20">
<div> <div>
<img class="w100 cq-cp" src="../../img/public/jf06.png" alt="图标丢失" title="" > <img class="w100 cq-cp" src="../../img/public/jf06.png" alt="图标丢失" title="" >
@ -275,7 +275,8 @@
<div id="cq-more" class="font-14 col19 op8 cq-cp">更多产品</div> <div id="cq-more" class="font-14 col19 op8 cq-cp">更多产品</div>
</div> </div>
<div id="cq-list" class="dis fw"> <div id="cq-list" class="dis fw">
<div class="dfc pr" style="width: 41%;"> <a href="">
<div class="dfc pr">
<img class="w100 cq-cp" height="100%" src="../../img/public/yi-one.png" alt="图标丢失" title="" > <img class="w100 cq-cp" height="100%" src="../../img/public/yi-one.png" alt="图标丢失" title="" >
<div class="pa w100" style="bottom: 0px;background: linear-gradient(to top,rgba(0,0,0,.5),rgba(255,255,255,0));margin: 0;"> <div class="pa w100" style="bottom: 0px;background: linear-gradient(to top,rgba(0,0,0,.5),rgba(255,255,255,0));margin: 0;">
<div class="mg10"> <div class="mg10">
@ -284,7 +285,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="dis" style="width: 59%;"> </a>
<div class="dis w59">
<div class="dfc w33 m-z20"> <div class="dfc w33 m-z20">
<div> <div>
<img class="w100 cq-cp" src="../../img/public/jf06.png" alt="图标丢失" title="" > <img class="w100 cq-cp" src="../../img/public/jf06.png" alt="图标丢失" title="" >

6
htmls/artNetwork/trainDetail.html
View File

@ -134,7 +134,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="p-zy320"> <div class="p-zy320 trainDetail">
<div class="dis backf5 m-sx30"> <div class="dis backf5 m-sx30">
<div class="pr fs w50"> <div class="pr fs w50">
<img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title=""> <img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title="">
@ -142,11 +142,11 @@
</div> </div>
<div class="p-zy40 w50 m-s30"> <div class="p-zy40 w50 m-s30">
<div class="font-20 linh28 dac p-x10 bbt"><span class="quan"></span><div class="clips1">培训课名陈四岛集珍唐人书画培训</div></div> <div class="font-20 linh28 dac p-x10 bbt"><span class="quan"></span><div class="clips1">培训课名陈四岛集珍唐人书画培训</div></div>
<div class="font-16 col19 clips4 m-s20 m-x10 fb">课程简介</div> <div class="font-16 col19 m-s20 m-x10 fb">课程简介</div>
<div class="font-15 col19 linh30 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div> <div class="font-15 col19 linh30 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
</div> </div>
</div> </div>
<div class="backf5" style="padding: 6px;"> <div class="backf5 pd6">
<div class="p-sx20 backf"> <div class="p-sx20 backf">
<div class="djb bbt m-zy20 p-x20"> <div class="djb bbt m-zy20 p-x20">
<div class="font-26">详情介绍</div> <div class="font-26">详情介绍</div>

158
js/huaxia.js
View File

@ -204,9 +204,7 @@ $(function () {
// $('.ysj').css({"justify-content":"space-between","marginRight":0}) // $('.ysj').css({"justify-content":"space-between","marginRight":0})
// $('.ysj .ya-item-box').css({"marginRight":0}) // $('.ysj .ya-item-box').css({"marginRight":0})
// } // }
pmList() //拍卖列表事件
checkPMShop() //拍卖所有商品事件 checkPMShop() //拍卖所有商品事件
checkAllSList() //查询所有商品
let zhTop = 0 let zhTop = 0
$(window).scroll(function () { $(window).scroll(function () {
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) { if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
@ -216,9 +214,7 @@ $(function () {
// $('.zx-more').css('display','none') // $('.zx-more').css('display','none')
// window.scrollBy(0,-10); // window.scrollBy(0,-10);
// },1500) // },1500)
// pmList()
// checkPMShop() // checkPMShop()
// checkAllSList()
} }
}); });
@ -433,71 +429,6 @@ function closeTK() { //关闭弹框
$('#name').val('') $('#name').val('')
} }
function pmList() { //机构下的新闻动态列表
var pmHtml = '';
var pmData = [{
imgSrc: '../../img/public/pm01.png',
title: '四岛集珍唐人书画无底价专场',
time: '2021.06.30',
num: 27,
time: '2021.07.21',
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
},
{
imgSrc: '../../img/public/pm02.png',
title: '四岛集珍唐人书画无底价专场',
time: '2021.06.30',
num: 99,
time: '2021.07.21',
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
},
{
imgSrc: '../../img/public/pm03.png',
title: '四岛集珍唐人书画无底价专场',
time: '2021.06.30',
num: 1234,
time: '2021.07.21',
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
},
{
imgSrc: '../../img/public/pm04.png',
title: '四岛集珍唐人书画无底价专场',
time: '2021.06.30',
num: 32,
time: '2021.07.21',
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
},
{
imgSrc: '../../img/public/pm05.png',
title: '四岛集珍唐人书画无底价专场',
time: '2021.06.30',
num: 641,
time: '2021.07.21',
content: '本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'
},
]
$.each(pmData, function (commentIndex, comment) {
pmHtml += `<div class="dac m-x30 bd" onclick="goPMDetail(${commentIndex})">
<img width="100%" style="vertical-algin:bottom;" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
<div class="p-zy30 w56">
<div class="font-20 linh28 fb dac p-sx20 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
<div class="font-15 col19 m-s20 m-x10">专场介绍</div>
<div class="font-15 col19 linh26 clips3 op8">${comment.content}</div>
<div class="font-12 colcb m-s10 m-x20 tr"><span class="cq-cp">更多详情</span></div>
<div class="btt p-sx20 font-15 djbac">
<span>拍品${comment.num}件</span>
<span class="col19 op7">${comment.time}</span>
</div>
</div>
</div>`
});
$('#pm-list').prepend(pmHtml);
}
function goPMDetail(e) { //查看资讯详情
location.href = `auctionDetail.html?id=${e}`
}
function checkPMShop() { //拍卖全部商品事件 function checkPMShop() { //拍卖全部商品事件
let pmdHtml = ''; let pmdHtml = '';
let pmdData = [{ let pmdData = [{
@ -626,95 +557,6 @@ function toup(e) { //投票调起弹框
$('#success_fail').css('display', '') $('#success_fail').css('display', '')
$('#successk').css('display', '') $('#successk').css('display', '')
} }
function checkAllSList() { //查询积分商城列表
let allHtml = '';
let allData = [{
imgSrc: '../../img/public/jf01.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: '积分'
},
{
imgSrc: '../../img/public/jf02.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: ''
},
{
imgSrc: '../../img/public/jf03.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: ''
},
{
imgSrc: '../../img/public/jf04.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: ''
},
{
imgSrc: '../../img/public/jf05.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: ''
},
{
imgSrc: '../../img/public/jf06.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: ''
},
{
imgSrc: '../../img/public/jf07.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: '积分'
},
{
imgSrc: '../../img/public/jf08.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: ''
},
{
imgSrc: '../../img/public/jf09.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: ''
},
{
imgSrc: '../../img/public/jf10.png',
title: '雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',
num: '2256',
type: '积分'
},
]
$.each(allData, function (commentIndex, comment) {
if (comment.type == '积分') {
allHtml += `<div class="dfc w20">
<div>
<img class="w100 cq-cp" onclick="goShopDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-14 m-sx10 clips2 linh24">${comment.title}</div>
<div class="font-13"><span class="op7">积分：</span><span class="fb colcb font-20">${comment.num}</span></div>
</div>
</div>`
} else {
allHtml += `<div class="dfc w20">
<div>
<img class="w100 cq-cp" onclick="goShopDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-14 m-sx10 clips2 linh24">${comment.title}</div>
<div class="font-13 fb colcb">￥<span class="font-20">${comment.num}</span></div>
</div>
</div>`
}
});
$('#alls-list').prepend(allHtml);
}
function goShopDetail(e) { //查看书刊详情
location.href = `shopDetail.html?id=${e}`
}
// 回到顶部 // 回到顶部
function pageScroll() { function pageScroll() {
window.scrollBy(0, -100); window.scrollBy(0, -100);