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

响应式

master
tangyi 2021-09-14 18:07:17 +08:00
parent 33164dc6e2 e954b6ef3c
commit 9b8c7ff9cc
75 changed files with 3588 additions and 1171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/foot.min.css vendored
View File

@ -11,6 +11,7 @@ body{padding: 0;margin: 0;}
}
.foot-nav-box>div:first-child{color: #FFFFFF;font-size: 15px;display: flex;align-items: center;}
.foot-box-nav>div{margin-right: 46px;cursor: pointer;}
.foot-box-nav>div>a{text-decoration: none;color: #FFFFFF;}
.foot-box-img>img{margin-left: 20px;cursor: pointer;-webkit-filter: invert(.1); filter: invert(.1);}
/* -webkit-filter: invert(.8); filter: invert(.8); */
.foot-box-img>img:nth-child(1),.foot-box-img>img:nth-child(2){width:23px;height:19px;}

86
css/huaxia.css
View File

@ -2,12 +2,18 @@ body{margin: 0;padding: 0;}
.w100{width: 100%;}
.w96{width: 96%;}
.w90{width: 90%;}
.w56{width: 56%;}
.w50{width: 50%;}
.w48{width: 49%;}
.w33{width: 33.33%;}
.w25{width: 25%;}
.w20{width: 19%;}
.op9{opacity: .9;}
.op8{opacity: .8;}
.op7{opacity: .7;}
.op6{opacity: .6;}
.dis{display: flex;}
.djb{display: flex;justify-content: space-between;}
.dend{display: flex;justify-content: flex-end;}
@ -37,6 +43,8 @@ body{margin: 0;padding: 0;}
.m-s27{margin-top: 27px;}
.m-s30{margin-top: 30px;}
.m-s37{margin-top: 37px;}
.m-s46{margin-top: 46px;}
.m-s50{margin-top: 50px;}
.m-s65{margin-top: 65px;}
.m-z10{margin-left: 10px;}
@ -76,6 +84,8 @@ body{margin: 0;padding: 0;}
.pd30{padding: 30px;}
.pd20{padding: 20px;}
.pd10{padding: 10px;}
.p-s65{padding-top: 65px;}
.p-s30{padding-top:30px;}
@ -88,11 +98,14 @@ body{margin: 0;padding: 0;}
.p-x65{padding-bottom: 65px;}
.p-x30{padding-bottom: 30px;}
.p-x27{padding-bottom: 27px;}
.p-x20{padding-bottom: 20px;}
.p-x10{padding-bottom: 10px;}
.p-zy320{padding-left: 320px;padding-right: 320px;}
.p-zy180{padding-left: 180px;padding-right: 180px;}
.p-zy40{padding-left: 40px;padding-right: 40px;}
.p-zy30{padding-left: 30px;padding-right: 30px;}
.p-zy20{padding-left: 20px;padding-right: 20px;}
.p-zy15{padding-left: 15px;padding-right: 15px;}
@ -109,6 +122,7 @@ body{margin: 0;padding: 0;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-15{font-size: 15px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
@ -129,6 +143,7 @@ body{margin: 0;padding: 0;}
.tl{text-align: left;}
.tr{text-align: right;}
.col19{color: #191919;}
.col7d{color: #7d7d7d;}
.col9{color: #999999;}
@ -140,6 +155,8 @@ body{margin: 0;padding: 0;}
.backf5{background: #f5f5f5;}
.bd{border: 1px solid #e6e6e6;}
.btt{border-top: 1px solid #ebebeb;}
.bbt{border-bottom: 1px solid #ebebeb;}
.tin2{text-indent: 2em;}
@ -156,6 +173,7 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
.tn{text-decoration: none;}
#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;}
.dmedia{display: inline;}
/* 轮播图 */
.swiper-container {
@ -236,6 +254,8 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
/* 首页 */
.logo{width: 487px;}
.banner-img{width: 100%;height: auto;}
.head-box{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;padding: 10px 180px;}
.head-nav-box>div:last-child{margin-top: 20px;}
.sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;}
.top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;}
.dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;}
@ -282,33 +302,61 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
.wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
.wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
.wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;}
.gongn{display: none;width: 50px;height: 50px;position: absolute;right: 50px;cursor: pointer;}
.xinxy-box{background: #f6f5f3;padding-bottom: 65px;}
.xinxy-box .dac{width: 102%;overflow: hidden;}
.syysj-box{background: #100e0d;padding-bottom: 65px;}
.syys-name{font-size: 30px;font-weight: bold;color: #cb1919;}
.sypx-box{background: url(../img/public/px-bac.png); background-size: 100% 100%;padding-bottom: 65px;}
.hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;}
.hzly-box{padding: 30px;z-index: 1;}
.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 10px 50px;border-radius: 3px;}
/* 资讯 */
.zx-nav,.szx-nav{padding: 0;}
.zx-nav li,.szx-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
.zx-nav li a,.szx-nav li a{text-decoration: none;color: #181818;font-size: 18px;}
.zx-nav li div,.szx-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title{color: #CB1919;}
.zx-nav,.szx-nav,.px-nav{padding: 0;}
.zx-nav li,.szx-nav li,.px-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;}
.zx-nav li a,.szx-nav li a,.px-nav li a{text-decoration: none;color: #181818;font-size: 18px;}
.zx-nav li div,.szx-nav li div,.px-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active,.px-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title,.px-nav li .zx-nav-title{color: #CB1919;}
#zx-xg>div:first-child{margin-right: 10px;}
.zx-xx{color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;font-size: 16px;}
.zx-gg{padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;}
/* 机构 */
#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img{transition: transform .5s;}
#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover{transform: scale(.94);transition: transform .5s;}
#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img,#jgs-list img,#pmd-list img,#pxsp-list img,#ys-list img,#zl-list img {transition: transform .5s;}
#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover,#jgs-list img:hover,#pmd-list img:hover,#ys-list img:hover,#zl-list img:hover{transform: scale(.94);transition: transform .5s;cursor: pointer;}
#zl-list div:hover .m-s20{font-weight: bold;}
.jg-guanz{width: 110px;height: 42px;line-height: 42px;text-align: center;}
.jg-xian{border: 0.5px solid #dbdbdb;position: absolute;right: -26px;height: 28%;top: 12%;}
/* 拍卖 */
#pm-list>div:hover,#pxzb-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;}
#pm-list>div:hover div:last-child>div:first-child,#pxzb-list>div:hover div:last-child>div:first-child{color: #CB1919;}
#pm-list>div:hover div:last-child>div:first-child .quan,#pxzb-list>div:hover div:last-child>div:first-child .quan{border: 2px solid #CB1919;}
.quan{width: 6px;height: 6px;border-radius: 100%;border: 2px solid #818181;margin-right: 6px;}
/* 培训 */
.px-item-img{margin-bottom: -4px;}
.px-item-bo{top: 50%;left: 50%;transform: translate(-50%,-50%);}
#px-list>div:hover div>div:first-child{color: #CB1919;}
#px-list>div:hover div>div:first-child .quan{border: 2px solid #CB1919;}
#pxsp-list div>div:first-child:hover {transform: scale(.94);transition: transform .5s;cursor: pointer;}
#pxsp-list div:hover>div {color: #CB1919;font-weight: bold;}
/* 艺术家 */
#ys-cate{padding: 0;}
#ys-cate li a{text-decoration: none;color: #181818;font-size: 18px;}
#ys-cate li {margin-right: 29px;position: relative;padding: 20px 0 15px 0;}
#ys-cate li div {border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;}
#ys-cate li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;}
#ys-cate li .zx-nav-title{color: #CB1919;}
#ys-list div:hover .djbac{color: #CB1919;}
#ys-list div:hover .djbac>div:last-child{color: #FFFFFF;background-color: #CB1919;cursor: pointer;}
#ysj-ft>div>div:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.2);cursor: pointer;color: #CB1919;opacity: 1;}
#ysj-ft>div>div:hover div{color: #CB1919;}
#ysj-ft>div>div .dac span{opacity: 0;}
#ysj-ft>div>div:hover .op6{opacity: 1;}
#ysj-ft>div>div:hover .dac span{opacity: 1;}
#ysj-skd-box{width: 26%;}
#ysj-skd-box .m-s20:hover{cursor: pointer;color: #CB1919;}

128
css/huaxiaMedia.css
View File

@ -10,6 +10,7 @@
@media screen and (min-width:621px) and (max-width:720px) {}
@media screen and (min-width:721px) and (max-width:820px) {
.ty_left {
position: absolute;
@ -415,3 +416,130 @@
@media screen and (min-width:1421px) and (max-width:1520px) {}
@media screen and (min-width:1521px) and (max-width:1620px) {}
@media screen and (width:320px) {
.exhibition .item-box {height: 200px!important;}
.swiper-button-next, .swiper-button-prev {top: 40%!important;}
}
@media screen and (max-width:750px) {
.logo{width: 60%;}
.head-box {top: 0px;}
.gongn{display: inline;right: 20px;width: 40px;height: 40px;}
.dmedia{display: none;}
.head-box{padding: 10px 20px;}
.p-zy180{padding: 10px 20px 0 20px;}
.cq-item-title-box {padding: 10px 0;}
.font-32 {font-size: 16px;}
.font-22 {font-size: 12px;}
.cq-gengd {font-size: 12px;color: #191919;}
.cq-item-title-box>div>div{background: -webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 6px;bottom: 0;left: 0; width: 70px;opacity: .8;z-index: 0;}
.exhibition .item-box {height: 270px;}
.font-20 {font-size: 16px;}
.font-13 {font-size: 12px;}
.m-x16 {margin-bottom: 16px;}
.swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 6px;height: 6px;}
.swiper-button-next, .swiper-button-prev {background: rgba(0,0,0,.6);width: 20px;height: 20px;top: 42%;}
.swiper-button-next::after, .swiper-button-prev::after {font-size: 12px;}
.m-sx16 {margin-top: 10px;margin-bottom: 10px;}
.m-x16 {margin-bottom: 2px;}
.m-x65 {margin-bottom: 20px;}
.p-sx20{padding-top: 0px;padding-bottom: 10px;}
.m-x37,.m-x32 {margin-bottom: 10px;}
.w25,.w48{width: 100%;}
.msg .dac{display: inline;}
.m-zy15 {margin-left: 10px; margin-right: 10px;margin-top: 10px;}
.font-18 {font-size: 16px;}
.xx-content {line-height: 20px;}
.msg .m-x32:nth-last-child(2) {margin-bottom: 10px;}
.djb{display: inline;}
.djb .w50{width: 100%;margin-bottom: 10px;}
.djb .w50 .m-zy30{margin-left: 0px;margin-right: 0px;margin-bottom: 10px;}
.ys-title {font-size: 16px;}
.ya-item-box .pr{padding-right: 0;}
.m-s37 {margin-top: 10px;}
.syysj-box,.xinxy-box{padding-bottom: 20px;}
.xinxy-box .dac{display: inline;}
.syysj-box .dac{display: inherit;}
.syysj-box .dac .m-zy30{margin-left: 10px;margin-right: 10px;height: 200px;}
.syysj-box .dac .m-zy30 .m-s30{margin-top: 20px;}
.syys-name{font-size: 18px;margin-top: 10px;margin-bottom: 10px;}
.ysj-name{line-height: 20px;}
.w20{width: 100%;padding-bottom: 10px;}
.wc-box > div > img {width: 100%;}
.sypx-box {padding-bottom: 20px;}
.sypx-box .djb .backf {padding-bottom: 10px;}
.sypx-box .djb .backf div{margin-top: 10px;}
.hz-jies{position: absolute;top: 25px;left: 0;margin-left: 0px;}
.hz-imgItem{margin-top: 20px;}
.hz-input-box{display: inherit;}
.hzly-box{padding: 20px;}
.hz-input-box .p-zy10{width: 94%;margin-top: 10px;}
.hz-input-box .p-zy10:first-child{margin-top: 30px;}
.hz-input-box div{margin-top: 10px;text-align: center;}
#gotoTop {width: 40px;height: 40px;right: 20px;bottom: 120px;}
}
@media screen and (min-width:751px) and (max-width:850px) {
.logo{width: 26%;}
.gongn{display: inline;}
.dmedia{display: none;}
.p-zy180,.head-box{padding: 10px 60px;}
}
@media screen and (min-width:851px) and (max-width:1000px) {
.logo{width: 26%;}
.gongn{display: inline;}
.dmedia{display: none;}
.input-box{display: none;}
.head-box{padding: 10px 60px 5px 60px;}
.p-zy180 {padding: 10px 60px;}
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li:last-child{padding-right: 0;}
.dao-box>li>div{padding: 6px 0;}
.head-nav-box > div:last-child {margin-top: 0px;}
.redD {right: 6px;}
}
@media screen and (min-width:1001px) and (max-width:1120px) {
.logo{width: 26%;}
.input-box{display: none;}
.p-zy180,.head-box{padding: 10px 100px;}
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li:last-child{padding-right: 0;}
.dao-box>li>div{padding: 6px 0;}
.head-nav-box > div:last-child {margin-top: 0px;}
.redD {right: 6px;}
}
@media screen and (min-width:1121px) and (max-width:1260px) {
.logo{width: 26%;}
.input-box{display: none;}
.p-zy180,.head-box{padding: 10px 100px;}
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li:last-child{padding-right: 0;}
.dao-box>li>div{padding: 6px 0;}
.head-nav-box > div:last-child {margin-top: 10px;}
.redD {right: 6px;}
}
@media screen and (min-width:1261px) and (max-width:1350px) {
.logo{width: 26%;}
.p-zy180,.head-box{padding: 10px 100px;}
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li>div{padding: 6px 0;}
.head-nav-box > div:last-child {margin-top: 10px;}
.redD {right: 6px;}
}
@media screen and (min-width:1351px) and (max-width:1620px) {
.logo{width: 26%;}
.p-zy180,.head-box{padding: 20px 100px;}
.dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;}
.dao-box>li>div{padding: 6px 0;}
.redD {right: 8px;}
}
@media screen and (min-width:1621px) and (max-width:1820px) {
.logo{width: 30%;}
.p-zy180,.head-box{padding: 20px 100px;}
}
@media screen and (min-width:751px) and (max-width:1820px) {
.cq-item-title-box {padding: 20px 0 15px 0;}
.font-32 {font-size: 26px;}
}

195
css/institutions/institutions.css
View File

@ -17,7 +17,8 @@ ul {
justify-content: center;
position: relative;
}
.naliu{
.naliu {
width: 50px;
height: 50px;
background-color: #fff;
@ -30,6 +31,7 @@ ul {
border-radius: 50%;
z-index: 5;
}
.mian {
padding-top: 22px;
}
@ -47,7 +49,8 @@ ul {
position: relative;
box-sizing: border-box;
}
.ty_caidan{
.ty_caidan {
width: 100%;
height: 30px;
border-radius: 3px;
@ -57,10 +60,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);
@ -119,10 +123,12 @@ ul {
box-sizing: border-box;
background-color: #fff;
}
.ty_dindantit{
.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;
@ -181,7 +187,7 @@ ul {
}
.ty_int> :nth-child(1) {
width: 65px;
width: 81px;
text-align: right;
margin-right: 20px;
font-size: 16px;
@ -220,7 +226,7 @@ select {
}
.ty_setle> :nth-child(1) {
width: 65px;
width: 81px;
text-align: right;
margin-right: 20px;
font-size: 16px;
@ -257,13 +263,33 @@ select {
}
.ty_jgzl{
.ty_jgzl {
height: auto;
padding-bottom: 29px;
}
.ty_img {
display: flex;
}
.ty_img> :nth-child(1) {
width: 81px;
text-align: right;
margin-right: 20px;
font-size: 16px;
}
.ty_img>div {
display: flex;
align-items: flex-end;
}
.ty_img>div>:nth-child(2) {
font-size: 12px;
color: rgb(180, 180, 180);
margin-left: 12px;
margin-bottom: 12px;
}
/* 密码修改 */
@ -476,12 +502,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%;
@ -567,12 +595,15 @@ select {
display: flex;
}
.ty_dindantetx{
.ty_dindantetx {
display: flex;
}
.ty_dnum{
.ty_dnum {
display: flex;
}
.ty_ddys {
color: rgb(203, 25, 25);
}
@ -656,19 +687,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;
@ -778,9 +815,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;
@ -817,9 +856,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;
@ -958,7 +999,8 @@ display: flex;align-items: center;font-size: 14px;
box-sizing: border-box;
}
.ty_yishusc>img{
.ty_yishusc>img {
width: 100%;
}
@ -1042,7 +1084,6 @@ display: flex;align-items: center;font-size: 14px;
height: 40px;
display: flex;
align-items: center;
padding-left: 77px;
box-sizing: border-box;
}
@ -1051,27 +1092,49 @@ display: flex;align-items: center;font-size: 14px;
color: rgb(106, 106, 106);
}
.ty_zgtit>:nth-child(1) {
margin-right: 314px;
}
.ty_zgtit>:nth-child(2) {
margin-right: 159px;
margin-right: 70px;
}
.ty_zgtit>:nth-child(3) {
margin-right: 101px;
margin-right: 271px;
}
.ty_zgtit>:nth-child(4) {
margin-right: 82px;
margin-right: 100px;
}
.ty_zgtit>:nth-child(5) {
margin-right: 90px;
}
.ty_selectAll {
width: 19px;
height: 19px;
box-sizing: border-box;
border-radius: 3px;
border: 2px solid rgb(174, 174, 174);
margin-left: 11px;
margin-right: 39px;
}
.ty_selected {
width: 19px;
height: 19px;
box-sizing: border-box;
border-radius: 3px;
border: 2px solid rgb(174, 174, 174);
margin-left: 11px;
margin-right: 19px;
margin-top: 19px;
}
.ty_zgcon {
padding-top: 17px;
padding-bottom: 14px;
padding-left: 9px;
padding-right: 7px;
padding-bottom: 23px;
}
.ty_zgcon {
@ -1082,60 +1145,59 @@ display: flex;align-items: center;font-size: 14px;
.ty_zgzti {
font-size: 13px;
color: rgb(82, 82, 82);
color: #191919;
}
.ty_zgcon>:nth-child(1) {
width: 88px;
height: 85px;
.ty_zgcon>:nth-child(2) {
width: 98px;
height: 60px;
margin-right: 11px;
}
.ty_ristext{
.ty_zgcon>:nth-child(3) {
width: 233px;
line-height: 27px;
margin-right: 68px;
}
.ty_zgcon>:nth-child(4) {
margin-right: 90px;
}
.ty_zgcon>:nth-child(5) {
margin-right: 88px;
}
.ty_ristext {
display: flex;
}
.ty_ristext>:nth-child(1) {
width: 187px;
margin-right: 92px;
margin-left: 80px;
}
.ty_ristext>:nth-child(2) {
margin-right: 67px;
}
.ty_ristext>:nth-child(3) {
margin-right: 34px;
}
.ty_ristext>:nth-child(4) {
width: 62px;
}
.ty_ristext>:nth-child(4)>div>button {
width: 62px;
height: 34px;
border-radius: 3px;
background-color: #fff;
margin-bottom: 5px;
}
.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;
}
.ty_bj {
color: #00a608;
border: 1px solid #00a608;
padding: 10px 17px;
background-color: #fff;
border-radius: 3px;
}
.ty_scsc {
color: #066ee2;
border: 1px solid #066ee2;
padding: 10px 17px;
background-color: #fff;
border-radius: 3px;
}
.ty_button {
color: rgb(25, 25, 25);
border: 1px solid rgb(188, 188, 188);
padding: 10px 17px;
background-color: #fff;
border-radius: 3px;
}
.ty_lititnoe>:nth-child(2) {
@ -1149,7 +1211,8 @@ display: flex;align-items: center;font-size: 14px;
.ty_litittwo>:nth-child(1) {
display: none;
}
.ty_topifrane{
.ty_topifrane {
width: 100%;
height: 300px;
}

1
css/layer.css Normal file
View File

File diff suppressed because one or more lines are too long

117
css/logshoppingcar/shopcar.css
View File

@ -1,117 +0,0 @@
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
section {
height: 1200px;
background-color: #f5f5f5;
}
section .whole {
padding: 15px 50px;
margin: auto;
}
section .whole .whole-1 {
margin: 20px auto;
width: 1200px;
padding: 25px;
}
section .whole .whole-1 .all {
display: inline-block;
}
section .whole .whole-1 .all h2 {
font-weight: 600;
color: #cb1919;
float: left;
padding-bottom: 10px;
}
section .whole .whole-1 .opt {
border-top: 2px solid #cb1919;
}
section .whole .whole-1 .opt ul .optall table {
width: 100%;
background-color: #f3f3f3;
border: 1px solid #e0e0e0;
margin-bottom: 20px;
}
section .whole .whole-1 .opt ul .optall #checkall {
margin-left: 10px;
}
section .whole .whole-1 .opt ul .optall th {
height: 50px;
}
section .whole .whole-1 .opt ul .optall th span {
margin-left: 85px;
}
section .whole .whole-1 .opt #checklist .among {
margin-bottom: 20px;
}
section .whole .whole-1 .opt #checklist .among table {
width: 100%;
background-color: #fff;
border: 1px solid #e0e0e0;
}
section .whole .whole-1 .opt #checklist .among .box1 {
margin-left: 15px;
}
section .whole .whole-1 .opt #checklist .among th {
height: 115px;
}
section .whole .whole-1 .opt #checklist .among th:nth-child(1) {
width: 135px;
}
section .whole .whole-1 .opt #checklist .among th:nth-child(1) img {
padding: 10px;
width: 82px;
}
section .whole .whole-1 .opt #checklist .among th:nth-child(2) {
width: 500px;
}
section .whole .whole-1 .opt #checklist .among th:nth-child(3), section .whole .whole-1 .opt #checklist .among th:nth-child(4), section .whole .whole-1 .opt #checklist .among th:nth-child(6) {
width: 120px;
}
section .whole .whole-1 .opt #checklist .among th:nth-child(5) {
width: 120px;
}
section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(1), section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(3) {
width: 15px;
}
section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(2) {
width: 30px;
}
section .whole .whole-1 .opt #checklist .among span {
width: 400px;
font-size: 12px;
display: inline-block;
}

179
css/logshoppingcar/shopcar2.css Normal file
View File

@ -0,0 +1,179 @@
@charset "UTF-8";
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
section {
height: 1200px;
background-color: #f5f5f5;
}
section .whoil {
padding: 15px 50px;
}
section .whoil .whoil-1 {
margin: 20px auto;
padding: 25px;
/* 最外层盒子 */
/* 图片 */
/* 左右按钮 */
/* 改变左右箭头、分页器的样式 */
/* 单独修改分页器的css样式，swiper默认是10*10的span */
/* 移动鼠标，隐藏显示左右按钮，配合js使用 */
}
section .whoil .whoil-1 .all {
padding-bottom: 10px;
float: left;
display: contents;
}
section .whoil .whoil-1 .all h2 {
font-weight: 600;
color: #cb1919;
padding: 20px;
background-color: #fff;
border-bottom: #cb1919 2px solid;
}
section .whoil .whoil-1 table {
width: 100%;
border: 1;
border-collapse: separate;
border-spacing: 0px 20px;
background-color: #fff;
}
section .whoil .whoil-1 table thead {
width: 100%;
background-color: #f3f3f3;
border: 2px solid #000;
margin-bottom: 20px;
}
section .whoil .whoil-1 table thead th {
padding: 10px 20px;
}
section .whoil .whoil-1 table thead th:nth-child(2) {
float: left;
}
section .whoil .whoil-1 table thead th input {
float: left;
}
section .whoil .whoil-1 table tbody .inline {
border: 1px solid #e0e0e0;
}
section .whoil .whoil-1 table tbody .inline td span {
display: inline-block;
margin-left: 10px;
}
section .whoil .whoil-1 table tbody .inline td:nth-child(1) {
width: 70px;
padding: 0px 10px;
}
section .whoil .whoil-1 table tbody .inline td:nth-child(n + 2) {
padding: 10px 20px;
}
section .whoil .whoil-1 table tbody .inline td:nth-child(n + 3) {
text-align: center;
}
section .whoil .whoil-1 table tbody .inline td:nth-child(4) span {
width: 20px;
margin: 0;
}
section .whoil .whoil-1 table tbody .inline td:nth-child(4) input {
width: 40px;
text-align: center;
}
section .whoil .whoil-1 table tfoot {
background-color: #f3f3f3;
}
section .whoil .whoil-1 table tfoot td:nth-child(1) {
padding: 10px 20px;
}
section .whoil .whoil-1 table tfoot td:nth-child(5) {
width: 200px;
}
section .whoil .whoil-1 table tfoot td:nth-child(5) #allPrice {
color: #cb1919;
font-size: 30px;
font-weight: 800;
}
section .whoil .whoil-1 table tfoot td:nth-child(6) span {
background-color: #cb1919;
padding: 15px 25px;
}
section .whoil .whoil-1 .swiper-container {
width: 100%;
height: 380px;
background-color: #fff;
}
section .whoil .whoil-1 .swiper-container .swiper-text {
padding: 10px 5px;
border-bottom: #e0e0e0 1px solid;
}
section .whoil .whoil-1 .swiper-wrapper {
margin-top: 20px;
}
section .whoil .whoil-1 .swiper-container img {
display: block;
height: 287px;
overflow: hidden;
}
section .whoil .whoil-1 .swiper-container .swiper-button-prev,
section .whoil .whoil-1 .swiper-container .swiper-button-next {
height: 24px;
margin: auto;
}
section .whoil .whoil-1 .swiper-container {
--swiper-theme-color: #ff6600;
}
section .whoil .whoil-1 .swiper-container .swiper-pagination {
bottom: 10px;
}
section .whoil .whoil-1 .swiper-container .swiper-pagination span {
width: 10px;
height: 10px;
--swiper-pagination-color: red;
}
section .whoil .whoil-1 .swiper-container .hide {
opacity: 0;
}
section .whoil .whoil-1 .swiper-button-next,
section .whoil .whoil-1 .swiper-button-prev {
transition: opacity 0.5s;
}

149
htmls/artNetwork/artist.html Normal file
View File

@ -0,0 +1,149 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw">艺术家<div class="xiahx pa "></div></div>
<span class="redD pa "></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="train.html">培训</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">艺术家</div>
<div class="dac m-s20">
<div class="cq-cp zx-gg">在线签约</div>
</div>
</div>
</div>
<div class="p-zy320">
<!-- 二级导航 -->
<ul class="bbt dac" id="ys-cate"></ul>
<!-- 列表数据 -->
<div id="ys-list" class="dac fw" style="width: 102.6%;"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</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>

194
htmls/artNetwork/artistDetail.html Normal file
View File

@ -0,0 +1,194 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw">艺术家<div class="xiahx pa "></div></div>
<span class="redD pa "></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="train.html">培训</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">周安明</div>
<div class="dac m-s20">
<div class="cq-cp zx-xx">关注他</div>
</div>
</div>
</div>
<div class="p-zy320">
<div class="backf5 m-s50" style="padding: 6px;">
<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"><a href="javascript:;" class="zx-nav-title">个人简介</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">推荐作品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">艺术访谈</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div></li>
</ul>
</div>
<!-- 简介 -->
<div id="ysj-jj">
<div class="bbt m-zy20 m-s20 p-x20">
<img style="width: 34%;" src="../../img/public/ys-d01.png" alt="图片丢失" title="">
<div class="font-26 m-sx20">周安明</div>
<div class="col19 linh30">出版有《周明安作品集》、《周明安画虎精品选》、《中国跨世纪美术家画集、周明安中国画动物、山水卷》、《中国当代线描资料丛书、动物出版有《周明安作品集》、《周明安画虎精品选》、《中国跨世纪美术家画集、周明安中国画动物、山水卷》、《中国当代线描资料丛书、动物</div>
</div>
<div class="m-zy20 m-s20 linh30">
<div class="tin2 col19">周明安，1949年生于广州，祖籍山西河曲，现为四川省诗书画院专业画家、国家一级美术师，中国美术家协会会员、四川省书法周明安，1949年生于广州，祖籍山西河曲，现为四川省诗书画院专业画家、国家一级美术师，中国美术家协会会员、四川省书法</div>
<img class="m-sx20 w100" src="../../img/public/ys-d02.png" alt="图片丢失" title="" >
</div>
</div>
<!-- 推荐作品 -->
<div id="ysj-zp">
<div id="" class="p-zy20">
<!-- 三级导航 -->
<ul class="szx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="javascript:;" class="zx-nav-title">国画</a><div class="zx-nav-active"></div></li>
<li class="pr"><a href="javascript:;">油画</a><div></div></li>
<li class="pr"><a href="javascript:;">书法</a><div></div></li>
<li class="pr"><a href="javascript:;">素描</a><div></div></li>
<li class="pr"><a href="javascript:;">雕塑</a><div></div></li>
<li class="pr"><a href="javascript:;">工笔画</a><div></div></li>
<li class="pr"><a href="javascript:;">瓷器</a><div></div></li>
</ul>
<div id="jgy-list" class="dac fw" style="width: 102.6%;"></div>
</div>
</div>
<!-- 艺术访谈 -->
<div id="ysj-ft" class="p-zy20">
<div id="ysj-ft-list" class="dac m-s20 fw"></div>
</div>
<!-- 书刊杂志 -->
<div id="ysj-sk" class="p-zy20">
<div id="ysjzz-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</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>

162
htmls/artNetwork/artistSKDetail.html Normal file
View File

@ -0,0 +1,162 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw">艺术家<div class="xiahx pa "></div></div>
<span class="redD pa "></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="train.html">培训</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">周安明</div>
<div class="dac m-s20">
<div class="cq-cp zx-xx">关注他</div>
</div>
</div>
</div>
<div class="p-zy320 djb p-sx30">
<div class="backf5" style="padding: 6px;">
<div class="backf p-zy30">
<div class="bbt p-sx20">
<div class="" style="font-size: 26px;">中国国家画院举办“时代画卷——油画、版画、雕塑名家作品展”</div>
<div class="col7d m-s20">
<span>2021年06月04日</span>
<span class="m-z15">来源：华夏艺术网</span>
</div>
</div>
<div class="p-sx20 tin2 font-15 linh30 col22">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
<div>
<img class="w100" src="../../img/public/zx-detail01.png" >
<img class="w100" src="../../img/public/zx-detail02.png" >
</div>
<div class="p-sx20 tin2 font-15 linh30 col22">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
</div>
</div>
<div class="fs m-z30 p-s20" id="ysj-skd-box">
<div class="font-26 bbt p-x10">推荐阅读</div>
<div class="m-s20">
<div class="clips2 font-15 linh24">中国国家画院举办“时代画卷—油画、版画、雕塑 名家作品展”</div>
<div class="col19 op6 font-12 bbt p-s10 p-x20">2021年06月21日</div>
</div>
<div class="m-s20">
<div class="clips2 font-15 linh24">中国国家画院举办“时代画卷—油画、版画、雕塑 名家作品展”</div>
<div class="col19 op6 font-12 bbt p-s10 p-x20">2021年06月21日</div>
</div>
<div class="m-s20">
<div class="clips2 font-15 linh24">中国国家画院举办“时代画卷—油画、版画、雕塑 名家作品展”</div>
<div class="col19 op6 font-12 bbt p-s10 p-x20">2021年06月21日</div>
</div>
<div class="m-s20">
<div class="clips2 font-15 linh24">中国国家画院举办“时代画卷—油画、版画、雕塑 名家作品展”</div>
<div class="col19 op6 font-12 bbt p-s10 p-x20">2021年06月21日</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>

146
htmls/artNetwork/auction.html Normal file
View File

@ -0,0 +1,146 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">拍卖</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</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>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
</div>
</div>
<div class="p-zy320">
<!-- 全部列表 -->
<section id="pm-main">
<div id="pm-list" class="p-sx30"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</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>

162
htmls/artNetwork/auctionDetail.html Normal file
View File

@ -0,0 +1,162 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">拍卖</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</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>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
</div>
</div>
<div class="p-zy320">
<img class="p-s30 p-x20" width="100%" src="../../img/public/pm01.png" >
<div class="font-24 fb">四岛集珍唐人书画无底价专场</div>
<div class="col19 font-16 m-s10 linh30 bbt p-x20">
<div class="op8">主办方：华夏艺术网</div>
<div class="op8">拍品总数：78 件</div>
<div class="op8">拍卖时间：2021年07月21日上午10:00 开始</div>
</div>
<div class="font-16 col19 m-sx20">专场介绍</div>
<div class="font-16 col19 m-x20 linh30 tin2">运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存运用表现主义的绘画语言，阴郁的色彩，弯曲的笔触对线条、图像进行了变形化的处理。其作品不仅关注女性自身的经验，生存</div>
<div class="backf5" style="padding: 6px;">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20 p-x20">
<div class="font-36">全部拍品</div>
</div>
<!-- 全部列表 -->
<section id="pmd-main" class="p-zy20">
<div id="pmd-list" class="dac fw" style="width: 102.6%;"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</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>

173
htmls/artNetwork/auctionShopDetail.html Normal file
View File

@ -0,0 +1,173 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
</div>
</div>
<div class="p-zy320">
<div class="djb bbt ps m-s50 p-x30">
<!-- Swiper -->
<div class="ys-swiper swiper-container m-y20">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
</div>
<!-- 右箭头 -->
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
<!-- 左箭头 -->
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
</div>
<script>
let twoswiper = new Swiper('.ys-swiper', {
cssMode: false,//禁止鼠标滑动，切换
loop:true,
autoplay: {
delay: 2000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
navigation: {
nextEl: '.two-next',
prevEl: '.two-prev',
},
mousewheel: false,//禁止鼠标滚动，切换
});
</script>
<div class="" style="width: 86%;padding-right: 10px;background: #f4f4f4;padding: 20px;">
<div class="font-24 clips2" style="width:100%;line-height: 36px;margin: 0 10px;">約公元一世紀</br> 大理石雕阿斯克勒庇俄斯殘像</div>
<div class="p-sx20 m-sx20 p-zy10 font-15 linh30" style="border-top: 1px solid #dbdbdb;">
<div class="font-16 col19 fb">描述：</div>
<span style="font-size: 15px;color: #4d4d4d;">该器为紫砂胎，通体施仿均釉，釉色极佳，蓝釉中泛出若隐若现的白点，似蓝色的云层中泛出点点繁星。整器大气磅礴，釉面细腻光滑，底部露该器为紫砂胎，通体施仿均釉，釉色极佳，蓝釉中泛出若隐若现的白点，似蓝色的云层中泛出点点繁星。整器大气磅礴，釉面细腻光滑，底部露该器为紫砂胎，通体施仿均釉，釉色极佳，蓝釉中泛出若隐若现的白点，似蓝色的云层中泛出点点繁星。整器大气磅礴，釉面细腻光滑，底部露</span>
</div>
</div>
</div>
<div class="backf5" style="padding: 6px;">
<div class="backf">
<!-- 详情 -->
<div class="p-zy20">
<div class="bbt p-sx20 col19" style="font-size: 28px;">详情介绍</div>
<div class="font-15 linh30 m-sx20 tin2" style="color: #222222;">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
<div class="djcacfw">
<img width="97%" class="m-x20" src="../../img/public/pm-sd02.png" >
<img width="97%" class="m-x20" src="../../img/public/pm-sd03.png" >
</div>
</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>

123
htmls/artNetwork/exhibition.html Normal file
View File

@ -0,0 +1,123 @@
<!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/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>
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw">展览<div class="xiahx pa "></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">展览</div>
<div class="dac m-s20" id="px-item">
<div class="cq-cp zx-xx">正在展会</div>
<div class="cq-cp zx-gg" style="margin: 0 10px;">即将展览</div>
<div class="cq-cp zx-gg">展览回顾</div>
</div>
</div>
</div>
<div class="p-zy320">
<div id="zl-list" class="dac fw" style="width: 102.6%;"></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>

2
htmls/artNetwork/mechanism.html
View File

@ -96,7 +96,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>

6
htmls/artNetwork/mechanismArtwork.html
View File

@ -96,7 +96,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
@ -121,8 +121,8 @@
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">艺术品</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>

184
htmls/artNetwork/mechanismArtworkDetail.html Normal file
View File

@ -0,0 +1,184 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
<div class="p-zy320">
<div class="backf5" style="padding: 6px;margin-top: -90px;">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">艺术品</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</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="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
</div>
<!-- 右箭头 -->
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
<!-- 左箭头 -->
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
</div>
<script>
let twoswiper = new Swiper('.ys-swiper', {
cssMode: false,//禁止鼠标滑动，切换
loop:true,
autoplay: {
delay: 2000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
navigation: {
nextEl: '.two-next',
prevEl: '.two-prev',
},
mousewheel: false,//禁止鼠标滚动，切换
});
</script>
<div style="width: 86%;padding-right: 10px;">
<div class="font-24 fb clips2" style="width:100%;line-height: 42px;">
东方泥土 创意陶瓷年雕塑艺术摆件 新婚礼物闺蜜 结婚礼品乐趣 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 style="background-color: #CB1919;color: #FFFFFF;font-size: 20px;padding: 10px 40px;cursor: pointer;">去购买</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>

161
htmls/artNetwork/mechanismBooks.html Normal file
View File

@ -0,0 +1,161 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
<div class="p-zy320">
<div class="backf5" style="padding: 6px;margin-top: -90px;">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">书刊杂志</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 全部列表 -->
<section id="jgs-main" class="p-zy20">
<div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</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>

183
htmls/artNetwork/mechanismBooksDetail.html Normal file
View File

@ -0,0 +1,183 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
<div class="p-zy320">
<div class="backf5" style="padding: 6px;margin-top: -90px;">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">书刊杂志</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 详情 -->
<div class="p-zy20 m-sx30">
<div class="djb bbt p-x30">
<!-- Swiper -->
<div class="ys-swiper swiper-container m-y20" style="background: #e6e6e6;">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background: #e6e6e6;"><img height="618" class="" src="../../img/public/jg-sk-01.png" ></div>
<!-- <div class="swiper-slide" style="background: #e6e6e6;"><img height="618" class="" src="../../img/public/jg-sk-01.png" ></div>
<div class="swiper-slide" style="background: #e6e6e6;"><img height="618" class="" src="../../img/public/jg-sk-01.png" ></div> -->
</div>
<!-- 右箭头 -->
<!-- <div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div> -->
<!-- 左箭头 -->
<!-- <div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div> -->
</div>
<script>
let twoswiper = new Swiper('.ys-swiper', {
cssMode: false,//禁止鼠标滑动，切换
loop:false,
autoplay: {
delay: 2000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
navigation: {
nextEl: '.two-next',
prevEl: '.two-prev',
},
mousewheel: false,//禁止鼠标滚动，切换
});
</script>
<div style="width: 86%;padding-right: 10px;">
<div class="font-24 fb clips2" style="width:100%;line-height: 42px;">新中国美术家系列——曹辉作品集</div>
<div class="p-sx20 bbt btt m-sx20 font-15 linh30">
简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1
</div>
<div class="p-s20 dac">
<div style="border: 1px solid #CB1919;background-color: #CB1919;color: #FFFFFF;font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;">去购买</div>
<div style="border: 1px solid #CB1919;color: #CB1919;font-size: 20px;cursor: pointer;width: 163px;height: 53px;line-height: 53px;text-align: center;margin-left: 10px;">在线预览</div>
</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-dxd-01.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>

8
htmls/artNetwork/mechanismDetail.html
View File

@ -2,7 +2,7 @@
<html>
<head>
<meta charset="utf-8">
<title>机构详情</title>
<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"/>
@ -96,7 +96,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
@ -121,8 +121,8 @@
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>

6
htmls/artNetwork/mechanismExhibition.html
View File

@ -96,7 +96,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
@ -121,8 +121,8 @@
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">展会</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>

163
htmls/artNetwork/mechanismNews.html Normal file
View File

@ -0,0 +1,163 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span 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 class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<img class="w100" style="position: relative; z-index: -1;" src="../../img/public/jg-detail-01.png" >
<div class="p-zy320">
<div class="backf5" style="padding: 6px;margin-top: -90px;">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20">
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
<li class="pr"><a href="mechanismDetail.html">机构简介</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismPeople.html">机构成员</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;" class="zx-nav-title">新闻动态</a><div class="zx-nav-active"></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<!-- 全部列表 -->
<div class="p-zy20">
<section id="jgx-main">
<div id="jgx-list"></div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</div>
</div>
</section>
</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>

6
htmls/artNetwork/mechanismPeople.html
View File

@ -96,7 +96,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
@ -121,8 +121,8 @@
<li class="pr"><a href="javascript:;" class="zx-nav-title">机构成员</a><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismExhibition.html">展会</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismArtwork.html">艺术品</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="javascript:;">新闻动态</a><div></div></li>
<li class="pr"><a href="mechanismBooks.html">书刊杂志</a><div></div><p class="jg-xian"></p></li>
<li class="pr"><a href="mechanismNews.html">新闻动态</a><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>

2
htmls/artNetwork/realTimeInfo.html
View File

@ -96,7 +96,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>

2
htmls/artNetwork/realTimeInfoDetail.html
View File

@ -96,7 +96,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>

197
htmls/artNetwork/train.html Normal file
View File

@ -0,0 +1,197 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
<div class="dac m-s20" id="px-item">
<div class="cq-cp zx-xx">课堂介绍</div>
<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
<div class="cq-cp zx-gg">在线直播</div>
</div>
</div>
</div>
<div class="p-zy320">
<!-- 二级导航 -->
<ul class="px-nav bbt dac">
<li><a href="javascript:;" class="zx-nav-title">国画</a><div class="zx-nav-active"></div></li>
<li><a href="javascript:;">油画</a><div></div></li>
<li><a href="javascript:;">书法</a><div></div></li>
<li><a href="javascript:;">其他</a><div></div></li>
</ul>
<!-- 全部的课堂介绍列表 -->
<div id="px-list" class="p-s10"></div>
<!-- 全部的课堂视频列表 -->
<div id="pxsp-list" class="p-s10 djbac fw" style="width: 102%;display: none;"></div>
<!-- 直播 -->
<div id="pxzb-list" class="p-s10" style="display: none;">
<div class="dac m-x30 bd">
<div class="pr w100" style="max-height: 400px;">
<img width="100%" style="max-height: 400px;object-fit: cover;" src="../../img/public/px-zb01.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="">
</div>
<div class="p-zy30 w56">
<div class="font-20 linh28 fb dac p-x20 bbt"><span class="quan"></span><div class="clips1">张老详细解说走进花鸟画的秘密花园【三】</div></div>
<div class="font-15 col19 m-s20 m-x10">直播时间：2021年07月20日</div>
<div class="font-15 col19 m-s20 m-x10">直播预告</div>
<div class="font-15 col19 linh26 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
</div>
</div>
<div class="dac m-x30 bd">
<div class="pr w100" style="max-height: 400px;">
<img width="100%" style="max-height: 400px;object-fit: cover;" src="../../img/public/px-zb02.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="">
</div>
<div class="p-zy30 w56">
<div class="font-20 linh28 fb dac p-x20 bbt"><span class="quan"></span><div class="clips1">张老详细解说走进花鸟画的秘密花园【三】</div></div>
<div class="font-15 col19 m-s20 m-x10">直播时间：2021年07月20日</div>
<div class="font-15 col19 m-s20 m-x10">直播预告</div>
<div class="font-15 col19 linh26 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
</div>
</div>
<div class="dac m-x30 bd">
<div class="pr w100" style="max-height: 400px;">
<img width="100%" style="max-height: 400px;object-fit: cover;" src="../../img/public/px-zb03.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="">
</div>
<div class="p-zy30 w56">
<div class="font-20 linh28 fb dac p-x20 bbt"><span class="quan"></span><div class="clips1">张老详细解说走进花鸟画的秘密花园【三】</div></div>
<div class="font-15 col19 m-s20 m-x10">直播时间：2021年07月20日</div>
<div class="font-15 col19 m-s20 m-x10">直播预告</div>
<div class="font-15 col19 linh26 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
</div>
</div>
</div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
<div class="ispinner-blade"></div>
</div>
</div>
<div class="m-z10 col7d">下拉加载更多信息</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>

151
htmls/artNetwork/trainDetail.html Normal file
View File

@ -0,0 +1,151 @@
<!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/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" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></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="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div 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>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!-- 点 -->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa"></div></div>
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</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>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
<div class="dac m-s20">
<div class="cq-cp zx-gg">课堂介绍</div>
<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
<div class="cq-cp zx-gg">在线直播</div>
</div>
</div>
</div>
<div class="p-zy320">
<div class="dis backf5 m-sx30">
<div class="pr fs w50">
<img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title="">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
</div>
<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-16 col19 clips4 m-s20 m-x10 fb">课程简介</div>
<div class="font-15 col19 linh30 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
</div>
</div>
<div class="backf5" style="padding: 6px;">
<div class="p-sx20 backf">
<div class="djb bbt m-zy20 p-x20">
<div class="font-36">详情介绍</div>
</div>
<div class=" p-zy20">
<div class="tin2 p-sx30 linh30">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
<img width="100%" src="../../img/public/px-d01.png" >
<img width="100%" src="../../img/public/px-d02.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>

193
htmls/institutions/institutions.html
View File

@ -6,7 +6,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>个人中心</title>
<link rel="stylesheet" href="../../css/grzx/grzx.css">
<link rel="stylesheet" href="../../css/institutions/institutions.css">
<style>
@ -114,7 +114,15 @@
<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>
</div>
<div class="ty_btn">
<button>提交</button>
</div>
@ -407,7 +415,7 @@
</div>
<!-- 订单 -->
<div style="display:none" data-in="3" class="ty_ris">
<div 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_ddtit">
@ -856,143 +864,92 @@
</div>
<!-- 征稿 -->
<div style="display:none" data-in="8" class="ty_ris">
<div style="display:none" data-in="3" class="ty_ris">
<p class="ty_tit">征稿作品管理</p>
<div class="ty_con" style=" padding: 25px 24px 20px;">
<div class="ty_zgtit">
<p>作品名称</p>
<p>所属展览</p>
<p>审核状况</p>
<p>发布日期</p>
<p>操作</p>
<p class="ty_selectAll"></p>
<p>封面</p>
<p>标题</p>
<p>创建日期</p>
<p>状态</p>
<p>操作</p>
</div>
<!-- 征稿 -->
<!-- 征稿 -->
<div>
<div class="ty_zgcon">
<p class="ty_selected" data-in="0"></p>
<img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
<p class="ty_zgzti">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20</p>
<p style="margin-top: 5px;" class="ty_zgzti">正常</p>
<div>
<p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<button class="ty_button">向上</button>
<button class="ty_button">向下</button>
<button class="ty_bj">编辑</button>
<button class="ty_scsc">删除</button>
<p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
</div>
<div class="ty_ristext">
<div>
<p>所属展览</p>
<p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
</div>
<div>
<p>审核状态</p>
<p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
</div>
<div>
<p>发布日期</p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
</div>
<div>
<div>
操作
</div>
<div>
<button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
<p></p>
</div>
</div>
</div>
<div class="ty_zgcon">
<p class="ty_selected" data-in="1"></p>
<img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
<p class="ty_zgzti">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20</p>
<p style="margin-top: 5px;" class="ty_zgzti">正常</p>
<div>
<button class="ty_button">向上</button>
<button class="ty_button">向下</button>
<button class="ty_bj">编辑</button>
<button class="ty_scsc">删除</button>
</div>
</div>
<div class="ty_zgcon">
<p class="ty_selected" data-in="2"></p>
<img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
<p class="ty_zgzti">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20</p>
<p style="margin-top: 5px;" class="ty_zgzti">正常</p>
<div>
<p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<button class="ty_button">向上</button>
<button class="ty_button">向下</button>
<button class="ty_bj">编辑</button>
<button class="ty_scsc">删除</button>
<p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
</div>
<div class="ty_ristext">
<div>
<p>所属展览</p>
<p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
</div>
<div>
<p>审核状态</p>
<p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
</div>
<div>
<p>发布日期</p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
</div>
<div>
<div>
操作
</div>
<div>
<button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
<p></p>
</div>
</div>
</div>
</div>
<div class="ty_zgcon">
<p class="ty_selected" data-in="3"></p>
<img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
<p class="ty_zgzti">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20</p>
<p style="margin-top: 5px;" class="ty_zgzti">正常</p>
<div>
<p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<button class="ty_button">向上</button>
<button class="ty_button">向下</button>
<button class="ty_bj">编辑</button>
<button class="ty_scsc">删除</button>
<p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
</div>
<div class="ty_ristext">
<div>
<p>所属展览</p>
<p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
</div>
<div>
<p></p>
<p style="margin-top: 5px;" class="ty_zgzti">已审核</p>
</div>
<div>
<p>发布日期</p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
</div>
<div>
<div>
操作
</div>
<div>
<p>联系平台</p>
</div>
</div>
</div>
</div>
<div class="ty_zgcon">
<p class="ty_selected" data-in="4"></p>
<img src="../../img/grzx/zgimg.png" title="雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 " alt="图片缺失">
<p class="ty_zgzti">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20</p>
<p style="margin-top: 5px;" class="ty_zgzti">正常</p>
<div>
<p class="ty_zgzti" style="width: 207px;line-height: 27px;">雅尊（Yazun）现代轻奢艺术镂空装饰品摆设工艺品 B款 </p>
<button class="ty_button">向上</button>
<button class="ty_button">向下</button>
<button class="ty_bj">编辑</button>
<button class="ty_scsc">删除</button>
<p style="font-size: 13px;color: rgb(140,140,140);margin-top: 5px;">作品编号：15245825461</p>
</div>
<div class="ty_ristext">
<div>
<p>所属展览</p>
<p style="margin-top: 5px;" class="ty_zgzti">未来城市+ ：建筑设计模型展</p>
</div>
<div>
<p>审核状态</p>
<p style="margin-top: 5px;" class="ty_zgzti">未审核</p>
</div>
<div>
<p>发布日期</p>
<p style="margin-top: 5px;" class="ty_zgzti">2019-12-20 12:25:30</p>
</div>
<div>
<div></div>
<div>
<button class="ty_bj">编辑</button><button class="ty_scsc">删除</button>
<p></p>
</div>
</div>
</div>
</div>
@ -1132,9 +1089,7 @@
<script src="../../js/jquery-1.9.1.js"></script>
<!-- <script src="../../js/layui.js"></script> -->
<script>
import E from 'wangeditor'
const editor = new E('#div1')
editor.create()
// 弹窗点击
$(".ty_cz").on("click", () => {
$(".ty_shclick").css("display", "flex")
@ -1219,6 +1174,7 @@ editor.create()
})
function tyList(data) {
$(".ty_lititnoe").addClass("ty_litittwo");
$(".ty_lititnoe").removeClass("ty_lititnoe");
@ -1258,6 +1214,19 @@ editor.create()
$(".ty_left").css("left", "-65PX")
})
// 新闻公告选择点击
$(".ty_selected").on("click", () => {
if ($(event.target).css("backgroundColor") != "rgb(0, 0, 0)") {
$(event.target).css("backgroundColor", "#000")
}else{
$(event.target).css("backgroundColor", "#fff")
}
})
</script>
</body>

436
htmls/logshoppingcar/shopcar.html
View File

@ -1,161 +1,309 @@
<!DOCTYPE html>
<html lang="en">
<html>
<head>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>购物车</title>
<link rel="stylesheet" href="../../css/layui.css">
<link rel="stylesheet" href="../../css/logshoppingcar/shopcar.css">
<link rel="stylesheet" href="../../css/swiper-bundle.min.css">
<link rel="stylesheet" href="../../css/logshoppingcar/shopcar2.css">
<script src="../../js/swiper-bundle.min.js"></script>
</head>
<body>
<section>
<div class="whole">
<div class="whole-1">
<div class="all">
<h2>全部商品(20)</h2>
</div>
<div class="whoil">
<div class="whoil-1">
<th>
<div class="all">
<h2>全部商品(20)</h2>
</div>
</th>
<!-- 选择 -->
<div class="opt">
<ul>
<li class="optall">
<table>
<th> <input type="checkbox" id="checkall">
<label for="value1">全选</label>
<span>商品</span>
</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</table>
</li>
</ul>
<ul id="checklist">
<li class="among">
<table>
<th> <input type="checkbox" name="arr[]" value="1" class="box1">
<label for="value1"><img src="../../img/images/1-1.png" alt=""></label>
</th>
<th><span>
竹迪&nbsp;&nbsp;客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190
</span></th>
<th>x3</th>
<th>￥1888.00</th>
<th>
<input type="button" name="minus" value="-" onclick="minus(0);">
<input type="text" name="amount" value="1">
<input type="button" name="plus" value="+" onclick="plus(0);">
</th>
<th id="price0">￥564.6</th>
<th onclick="del(1)">删除</th>
</table>
</li>
<li class="among">
<table>
<th> <input type="checkbox" name="arr[]" value="2" class="box1">
<label for="value1"><img src="../../img/images/1-2.png" alt=""></label>
</th>
<th><span>
竹迪&nbsp;&nbsp;客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190
</span></th>
<th>x3</th>
<th>￥1888.00</th>
<th>
<input type="button" name="minus" value="-" onclick="minus(0);">
<input type="text" name="amount" value="1">
<input type="button" name="plus" value="+" onclick="plus(0);">
</th>
<th id="price0">￥564.6</th>
<th onclick="del(1)">删除</th>
</table>
</li>
<table>
<thead>
<tr>
<th><input type="checkbox" id="ckAll" onclick="checkAll()">全选</th>
<th>商品</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr class="inline">
<td><input type="checkbox" name="ck" onclick="check()"></td>
<td><img src="../../img/images/1-1.png" alt=""><span>竹迪
客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
11时来运转8190</span>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
</td>
<td>188.00</td>
<td>
<span class="reduce" onclick="reduceCount(this)">-</span>
<input type="text" value="1" class="count-input">
<span class="add" onclick="addCount(this)">+</span>
</td>
<td>188.00</td>
<td>
<span class="delete" onclick="del(this)">删除</span>
</td>
</tr>
<tr class="inline">
<td><input type="checkbox" name="ck" onclick="check()"></td>
<td><img src="../../img/images/1-2.png" alt=""><span>竹迪
客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
11时来运转8190</span>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
</td>
<td>188.00</td>
<td>
<span class="reduce" onclick="reduceCount(this)">-</span>
<input type="text" value="1" class="count-input">
<span class="add" onclick="addCount(this)">+</span>
</td>
<td>188.00</td>
<td>
<span class="delete" onclick="del(this)">删除</span>
</td>
</tr>
<tr class="inline">
<td><input type="checkbox" name="ck" onclick="check()"></td>
<td><img src="../../img/images/1-3.png" alt=""><span>竹迪
客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
11时来运转8190</span>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
</td>
<td>188.00</td>
<td>
<span class="reduce" onclick="reduceCount(this)">-</span>
<input type="text" value="1" class="count-input">
<span class="add" onclick="addCount(this)">+</span>
</td>
<td>188.00</td>
<td>
<span class="delete" onclick="del(this)">删除</span>
</td>
</tr>
<tr class="inline">
<td><input type="checkbox" name="ck" onclick="check()"></td>
<td><img src="../../img/images/1-4.png" alt=""><span>竹迪
客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画
11时来运转8190</span>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x3</span>
</td>
<td>188.00</td>
<td>
<span class="reduce" onclick="reduceCount(this)">-</span>
<input type="text" value="1" class="count-input">
<span class="add" onclick="addCount(this)">+</span>
</td>
<td>188.00</td>
<td>
<span class="delete" onclick="del(this)">删除</span>
</td>
</tr>
</tbody>
<tfoot id="foot">
<tr>
<td><input type="checkbox" id="ckAll" onclick="checkAll()">&nbsp;&nbsp;全选</td>
<td><span class="delete" onclick="del(this)">删除</span></td>
<td></td>
<td>总数：<span id="allCount"></span>件</td>
<td>总价：￥<span id="allPrice"></span></td>
<td><span id="accounts" onclick="accounts();">结算</span></td>
<li class="among">
<table>
<th> <input type="checkbox" name="arr[]" value="3" class="box1">
<label for="value1"><img src="../../img/images/1-3.png" alt=""></label>
</th>
<th><span>
竹迪&nbsp;&nbsp;客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190
</span></th>
<th>x3</th>
<th>￥1888.00</th>
<th>
<input type="button" name="minus" value="-" onclick="minus(0);">
<input type="text" name="amount" value="1">
<input type="button" name="plus" value="+" onclick="plus(0);">
</th>
<th id="price0">￥564.6</th>
<th onclick="del(1)">删除</th>
</table>
</li>
</tr>
</tfoot>
</table>
<li class="among">
<table>
<th> <input type="checkbox" name="arr[]" value="4" class="box1">
<label for="value1"><img src="../../img/images/1-4.png" alt=""></label></th>
<th><span>竹迪&nbsp;&nbsp;客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画<br />靠山书房壁画抽象艺术画 11时来运转8190/span></th>
<th>x3</th>
<th>￥1888.00</th>
<th>
<input type="button" name="minus" value="-" onclick="minus(0);">
<input type="text" name="amount" value="1">
<input type="button" name="plus" value="+" onclick="plus(0);">
</th>
<th id="price0">￥564.6</th>
<th onclick="del(1)">删除</th>
</table>
</li>
</li>
</ul>
<div class="swiper-container">
<div class="swiper-text">
推荐商品
</div>
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="../../img/images/1.png" alt=""></div>
<div class="swiper-slide"><img src="../../img/images/2.png" alt=""></div>
<div class="swiper-slide"><img src="../../img/images/3.png" alt=""></div>
<div class="swiper-slide"><img src="../../img/images/4.png" alt=""></div>
<div class="swiper-slide"><img src="../../img/images/1.png" alt=""></div>
</div>
<!-- 如果需要分页器 -->
<div class="swiper-pagination"></div>
<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</section>
</body>
<script type="text/javascript" src="../../js/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function () {
/*全选按钮状态显示判断*/
$(".checklist").find("input[type='checkbox']").click(function () {
/*初始化选择为TURE*/
$(".checkall")[0].checked = true;
/*获取未选中的*/
var nocheckedList = new Array();
$(".checklist").find('input:not(:checked)').each(function () {
nocheckedList.push($(this).val());
});
/*状态显示*/
if (nocheckedList.length == $(".checklist").find('input').length) {
$(".checkall")[0].checked = false;
$(".checkall")[0].indeterminate = false;
} else if (nocheckedList.length) {
$(".checkall")[0].indeterminate = true;
} else {
$(".checkall")[0].indeterminate = false;
}
});
// 全选/取消
$(".checkall").click(function () {
// alert(this.checked);
if ($(this).is(':checked')) {
$(".checklist").find('input').each(function () {
$(this).prop("checked", true);
});
} else {
$(".checklist").find('input').each(function () {
$(this).removeAttr("checked", false);
$(this).prop("checked", false); // 根据官方的建议：具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()
});
}
});
});
</script>
<script>
var mySwiper = new Swiper('.swiper-container', {
loop: true, // 循环模式
slidesPerView: 5,//显示数量
spaceBetween: 25,//图片间距
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: true,//是否禁止自动切换
},
// 分页器
pagination: {
el: '.swiper-pagination',
clickable: true,//点击跳转
},
navigation: {
nextEl: '.swiper-button-next',//左按钮
prevEl: '.swiper-button-prev',//右按钮
},
//鼠标移入变手
grabCursor: true,
})
// 鼠标移入轮播图范围，执行的函数
mySwiper.el.onmouseover = function () {
mySwiper.autoplay.stop();
mySwiper.navigation.$nextEl.removeClass('hide');
mySwiper.navigation.$prevEl.removeClass('hide');
}
// 鼠标移出轮播图范围，执行的函数
mySwiper.el.onmouseout = function () {
mySwiper.autoplay.start();
mySwiper.navigation.$nextEl.addClass('hide');
mySwiper.navigation.$prevEl.addClass('hide');
}
</html>
//获取元素
var ckAll = document.getElementById('ckAll');
var cks = document.getElementsByName('ck');
var trs = document.getElementsByClassName('inline');
var allCount = document.getElementById('allCount');
var allPrice = document.getElementById('allPrice');
var countInput = document.getElementsByClassName('count-input');
var accounts = document.getElementById("accounts");
// 结算
// function accounts(){
// var sum=0;
// }
// function accounts() {
// accounts.style.display = "block";
// alert("")
// accounts.innerHTML = str;
// }
//计算总数
function sumCount() {
var sum = 0;
for (var i = 0; i < cks.length; i++) {
if (cks[i].checked == true) {
var num = Number(countInput[i].value);
sum += num;
}
}
allCount.innerHTML = sum;
}
//计算总价
function sumPrice() {
var sum = 0;
for (var i = 0; i < cks.length; i++) {
if (cks[i].checked == true) {
var p = Number(trs[i].children[4].innerHTML);
sum += p;
}
}
allPrice.innerHTML = sum.toFixed(2);
}
//计算每一行的总价
function inlinePrice() {
for (var i = 0; i < trs.length; i++) {
//获取每一行单价
var price = Number(trs[i].children[2].innerHTML);
//获取数量
var num = Number(trs[i].children[3].children[1].value);
//小计
trs[i].children[4].innerHTML = (price * num).toFixed(2);
}
}
// // 输入数量的最大值
// functionb (num){
// if(value.length<8){
// var btn1 = document.getElementById("org");
// btn1.insertBefore(input1, null);
// }else{
// alert("不能再添加");
// }
// }
//数量增加
function addCount(e) {
// 获取input标签里的value值,数量
var num = parseInt(e.previousElementSibling.value);
// 最大数量
if (num > 98) {
alert("不能再多了");
return;
}
//数量加1
e.previousElementSibling.value = num + 1;
inlinePrice();
sumPrice();
sumCount();
}
//数量递减
function reduceCount(e) {
var num = parseInt(e.nextElementSibling.value);
if (num <= 0) {
alert("不能再减了");
return;
}
e.nextElementSibling.value = num - 1;
inlinePrice();
sumPrice();
sumCount();
}
//全选和反选
function checkAll() {
for (var i = 0; i < cks.length; i++) {
cks[i].checked = ckAll.checked;
}
sumPrice();
sumCount();
}
//复选框的交互
function check() {
// 判断四个小的复选框有没有没被选中的,如果有一个,就把ckAllde的checked 变为false
for (var i = 0; i < cks.length; i++) {
if (cks[i].checked == false) {
ckAll.checked = false;
sumPrice();
sumCount();
// 有一个小复选框为false,就不需要对其他复选框进行判断了,直接中止函数下面的执行语句
return;
}
}
//循环结束后,如果小复选框checked的值都为true,ckAll的checked的值就为true
ckAll.checked = true;
sumPrice();
sumCount();
}
//单行删除
function del(e) {
e.parentElement.parentElement.remove();
sumPrice();
sumCount();
}
</script>
</body>

BIN
img/images/01个人中心--机构资料_03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
img/jgzx/tyimg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
img/public/gn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
img/public/jg-dxd-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
img/public/jg-dyd-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 315 KiB

BIN
img/public/jg-dyd-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 398 KiB

BIN
img/public/jg-dyd-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 792 KiB

BIN
img/public/jg-sk-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 178 KiB

BIN
img/public/jg-sk-02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

BIN
img/public/jg-sk-03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 217 KiB

BIN
img/public/jg-sk-04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

BIN
img/public/pm-sd01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 198 KiB

BIN
img/public/pm-sd02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 459 KiB

BIN
img/public/pm-sd03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 868 KiB

BIN
img/public/pm01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 383 KiB

BIN
img/public/pm02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 215 KiB

BIN
img/public/pm03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 416 KiB

BIN
img/public/pm04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 285 KiB

BIN
img/public/pm05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 477 KiB

BIN
img/public/px-d01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
img/public/px-d02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
img/public/px-sp01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 336 KiB

BIN
img/public/px-sp02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 425 KiB

BIN
img/public/px-sp03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 529 KiB

BIN
img/public/px-sp04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 450 KiB

BIN
img/public/px-sp05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 408 KiB

BIN
img/public/px-sp06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 469 KiB

BIN
img/public/px-zb01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 540 KiB

BIN
img/public/px-zb02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 599 KiB

BIN
img/public/px-zb03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 697 KiB

BIN
img/public/px01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 412 KiB

BIN
img/public/px02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 543 KiB

BIN
img/public/px03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 644 KiB

BIN
img/public/px04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 386 KiB

BIN
img/public/px05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 644 KiB

BIN
img/public/pxb.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
img/public/ys-d01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 292 KiB

BIN
img/public/ys-d02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
img/public/ysj-ft01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

BIN
img/public/ysj-ft02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 98 KiB

BIN
img/public/ysj-ft03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 79 KiB

145
index.html
View File

@ -4,28 +4,23 @@
<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/layui.css" />
<link rel="stylesheet" type="text/css" href="css/layer.css" />
<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"/>
<!-- <script src="js/layui.js" type="text/javascript" charset="utf-8"></script> -->
<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/huaxiaMedia.css"/>
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/layer.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 style="background: #FFFFFF;">
<body>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
@ -44,9 +39,9 @@
mousewheel: false,//禁止鼠标滚动，切换
});
</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="cq-cp logo" src="img/logo.png">
<div>
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -65,7 +60,7 @@
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac m-s20">
<div class="dend w100 ac">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
@ -82,7 +77,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="htmls/artNetwork/artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -90,7 +85,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="htmls/artNetwork/train.html">培训</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -98,7 +93,7 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="htmls/artNetwork/auction.html">拍卖</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
</ul>
@ -109,6 +104,8 @@
</div>
</div>
</div>
<!-- 功能按钮 -->
<img class="gongn" src="img/public/gn.png">
</div>
<div class="p-zy180">
<div class="djbac cq-item-title-box">
@ -198,32 +195,64 @@
</div>
</div>
<script>
var myswiper = new Swiper('.exhibition', {
cssMode: false,//禁止鼠标滑动，切换
loop:true,
slidesPerView: 6,//显示数量
centeredSlides: true,//显示半截
spaceBetween: 25,//图片间距
slidesOffsetBefore : 16,
autoplay: {
delay: 4000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
navigation: {
nextEl: '.two-next',
prevEl: '.two-prev',
},
mousewheel: false,//禁止鼠标滚动，切换
});
myswiper.el.onmouseover = function(){
myswiper.autoplay.stop()
}
myswiper.el.onmouseleave = function(){
myswiper.autoplay.start()
$(window).resize(function(){//监听窗口大小的改变
// console.log($(window).width());
sixSwiper()
})
sixSwiper()
function sixSwiper(){
let showNum = 6
let beforeNum = 16
let centeredSlides = true//是否显示半截
let spaceBetween = 25//图片间距
let windowWidth = $(window).width()
if(windowWidth<=900){
showNum = 2
beforeNum = 0
centeredSlides = false
spaceBetween = 15
} else if(900 < windowWidth <=1100){
showNum = 3
beforeNum = 0
centeredSlides = false
} else if(1100< windowWidth <=1450){
showNum = 5
beforeNum = 0
centeredSlides = false
} else {
showNum = 6
beforeNum = 16
centeredSlides = true
}
let myswiper = new Swiper('.exhibition', {
cssMode: false,//禁止鼠标滑动，切换
loop:true,
slidesPerView: showNum,//显示数量
centeredSlides: centeredSlides,//显示半截
spaceBetween: spaceBetween,//图片间距
slidesOffsetBefore : beforeNum,
autoplay: {
delay: 4000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
navigation: {
nextEl: '.two-next',
prevEl: '.two-prev',
},
mousewheel: false,//禁止鼠标滚动，切换
observer:true,//修改swiper自己或子元素时，自动初始化swiper
observeParents:true//修改swiper的父元素时，自动初始化swiper
});
myswiper.el.onmouseover = function(){
myswiper.autoplay.stop()
}
myswiper.el.onmouseleave = function(){
myswiper.autoplay.start()
}
}
</script>
<div class="p-zy180" style="background: #f6f5f3;padding-bottom: 65px;">
<div class="p-zy180 xinxy-box">
<!-- 信息动态 -->
<div class="djbac cq-item-title-box p-s65">
<div class="font-32 pr">信息动态<span class="font-22 m-z10">Information News</span><div class="pa"></div></div>
@ -263,7 +292,7 @@
</div>
</div>
</div>
<div class="dac fw ysc" style="width: 102%;overflow: hidden;">
<div class="dac fw ysc">
<div class="w25 ya-item-box m-s37">
<div class="pr">
<img src="img/public/ys-one.png" width="100%" >
@ -331,15 +360,15 @@
</div>
</div>
<!-- 艺术家 -->
<div class="p-zy180" style="background: #100e0d;padding-bottom: 65px;">
<div class="p-zy180 syysj-box">
<div class="djbac cq-item-title-box" style="margin-top: 0px;color: #FFFFFF;">
<div class="font-32 pr">艺术家<span class="font-22 m-z10">Artist</span><div class="pa"></div></div>
<div class="cq-gengd cq-cp" style="color: #FFFFFF;">View More +</div>
</div>
<div class="w100 backf dac">
<img class="cq-cp" src="img/public/ysj-one.png" width="39.2%">
<img class="cq-cp" src="img/public/ysj-one.png" width="100%">
<div class="m-zy30 col19 font-14">
<div class="m-x20" style="font-size: 30px;font-weight: bold;color: #cb1919;">张龙森</div>
<div class="m-x20 syys-name">张龙森</div>
<div class="ysj-name">职业画家</div>
<div class="ysj-name clips4">毕业于中央美术学院，硕士；曾留学在德国卡塞尔艺术学院，现工作生活于北京 <br/>文字后期后台替换无论你是追求精致生活的Ta，还是要文艺一把的男女青年，还是热爱潮流、追求个性的一族，又或者是一个不折不扣的吃货。来设计周吧！全方位的体验满足你的挑剔。文字后期后台替换无论你是追求精致生活的Ta，还是要文艺一把的男女青年，还是热爱潮流、追求个性的一族，又或者是一个不折不扣的吃货。来设计周吧！全方位的体验满足你的挑剔。</div>
<div class="m-s30">
@ -463,7 +492,7 @@
</div>
</div>
<!-- 培训 -->
<div class="p-zy180 p-x65" style="background: url(img/public/px-bac.png); background-size: 100% 100%;">
<div class="p-zy180 sypx-box">
<div class="djbac cq-item-title-box">
<div class="font-32 pr">培训<span class="font-22 m-z10">Cooperative Partner</span><div class="pa"></div></div>
<div class="cq-gengd cq-cp">View More +</div>
@ -471,16 +500,16 @@
<div class="djb">
<div class="w50 backf">
<img src="img/public/px-01.png" width="100%">
<div class="clips1 m-sx20 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
<div class="clips1 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
</div>
<div class="w50 djb">
<div class="m-zy30 backf">
<img src="img/public/px-02.png" width="100%">
<div class="clips1 m-sx20 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
<div class="clips1 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
</div>
<div class="backf">
<img class="" src="img/public/px-03.png" width="100%">
<div class="clips1 m-sx20 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
<div class="clips1 ys-title p-zy15">艺术清酒--得寓(酒标作品)Delight Sake</div>
</div>
</div>
</div>
@ -488,10 +517,10 @@
<!-- 合作伙伴 -->
<div class="p-zy180">
<div class="djbac cq-item-title-box">
<div class="font-32 pr">合作伙伴<span class="font-22 m-z10">Cooperative Partner <span style="font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;">700+媒体合作、200+机构支持、5000+名艺术家</span></span><div class="pa"></div></div>
<div class="font-32 pr w100">合作伙伴<span class="font-22 m-z10">Cooperative Partner <span class="hz-jies">700+媒体合作、200+机构支持、5000+名艺术家</span></span><div class="pa"></div></div>
<div class="cq-gengd cq-cp fs">View More +</div>
</div>
<div class="djbac">
<div class="djbac hz-imgItem">
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-01.png" ></div>
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-02.png" ></div>
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-03.png" ></div>
@ -504,22 +533,22 @@
<div class="m-s30" style="background-color: #f5f5f5;padding: 5px;">
<div class="pr backf" style="overflow: hidden;">
<img class="pa" src="img/public/sy-input-bc.png" height="100%" width="100%" style="z-index: 0;">
<div style="padding: 30px;z-index: 1;">
<div class="hzly-box">
<div class="djbac cq-item-title-box" style="padding: 0;">
<div class="font-32 pr">合作留言<span class="font-22 m-z10">Cooperation Message <span style="font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;">如果您有意见建议请留言，我们将第一时间与您联系！</span></span><div class="pa"></div></div>
<div class="font-32 pr w100">合作留言<span class="font-22 m-z10">Cooperation Message <span class="hz-jies">如果您有意见建议请留言，我们将第一时间与您联系！</span></span><div class="pa"></div></div>
</div>
<div class="djbac m-s20 pr">
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 m-y10 p-sx10 p-zy10" type="text" name="username" placeholder="联系人" />
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 m-y10 p-sx10 p-zy10" type="number" name="userphone" placeholder="联系电话" />
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 m-y10 p-sx10 p-zy10" type="text" name="usercontent" placeholder="联系说明" />
<div class="fs cq-cp" style="color: #FFFFFF;background: #cb1919;padding: 10px 50px;border-radius: 3px;">提交</div>
<div class="djbac m-s20 pr hz-input-box">
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 p-sx10 p-zy10" type="text" name="username" placeholder="联系人" />
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 p-sx10 p-zy10" type="number" name="userphone" placeholder="联系电话" />
<input style="border-radius: 3px;border:1px solid #e9e9e9" class="w100 p-sx10 p-zy10" type="text" name="usercontent" placeholder="联系说明" />
<div id="submitLY" class="fs cq-cp">提交</div>
</div>
</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" marginwidth='0' marginheight='0'></iframe>
<!-- 回到顶部 -->
<img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" alt="图片丢失" title="回到顶部">
</body>

470
js/huaxia.js
View File

@ -1,4 +1,23 @@
$(function(){
let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
$('#submitLY').click(function(){
let name = $('input[name="username"]').val();
let phone = $('input[name="userphone"]').val();
let content = $('input[name="usercontent"]').val();
if(!name){
layer.msg('请输入联系人')
} else if(!reg_tel.test(phone)){
console.log('请输入正确的联系电话');
} else if(!content){
console.log('请输入联系说明');
} else {
console.log('提交成功');
}
})
let headH = $('#huaxia-head').height()
$(window).resize(function(){//监听窗口大小的改变
// console.log($(window).width());
})
$('.logo').on('click',function(){//logo图标点击事件
location.href = 'index.html'
})
@ -21,6 +40,12 @@ $(function(){
$(this).addClass('zx-nav-title')
$(this).next("div").addClass('zx-nav-active')
})
$('.px-nav li a').click(function(){//培训页二级导航
$('.px-nav li a').removeClass('zx-nav-title')
$('.px-nav li div').removeClass('zx-nav-active')
$(this).addClass('zx-nav-title')
$(this).next("div").addClass('zx-nav-active')
})
//三级导航
$('.szx-nav li a').click(function(){
$('.szx-nav li a').removeClass('zx-nav-title')
@ -55,7 +80,29 @@ $(function(){
$(this).addClass('borr')
}
})
// 培训课堂介绍、课堂视频、在线直播切换事件
$('#px-item div').click(function(){
$('#px-item div').removeClass('zx-xx')
$('#px-item div').addClass('zx-gg')
$(this).addClass('zx-xx')
$(this).removeClass('zx-gg')
let pxIndex = $(this).index()//0代表课堂介绍、1代表课堂视频、2代表在线直播
switch (pxIndex){
case 0:
$('#px-list').css('display','')
$('#pxsp-list').css('display','none')
break;
case 1:
$('#px-list').css('display','none')
$('#pxsp-list').css('display','')
break;
case 2:
$('#pxzb-list').css('display','')
$('#px-list').css('display','none')
$('#pxsp-list').css('display','none')
break;
}
})
// let childer = document.querySelectorAll('.ysj .ya-item-box').length
// if(childer==5) {
// $('.ysj').css({"justify-content":"space-between","marginRight":0})
@ -67,6 +114,16 @@ $(function(){
checkPeo()//机构成员事件
checkExhibitone()//机构展会事件
checkArt()//机构艺术品事件
checkBooks()//查看书刊
jgxList()//机构新闻动态事件
pmList()//拍卖列表事件
checkPMShop()//拍卖所有商品事件
checkPXList()//培训列表事件
checkPXSPList()//培训视频事件
checkartist()//查询艺术家列表事件
checkFT()//查询艺术访谈列表
checkYSZZList()//查询艺术家杂志列表
checkZLList()//查询展览列表
$(window).scroll(function() {
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
zxList()
@ -74,9 +131,56 @@ $(function(){
checkPeo()
checkExhibitone()
checkArt()
checkBooks()
jgxList()
pmList()
checkPMShop()
checkPXSPList()
checkartist()
checkFT()
checkYSZZList()
checkZLList()
}
});
ysEJ()//艺术家二级分类
// 艺术家二级分类切换事件
$('#ys-cate li').click(function(){
$('#ys-cate li a').removeClass('zx-nav-title')
$('#ys-cate li div').removeClass('zx-nav-active')
$(this).find('a').addClass('zx-nav-title')
$(this).find('div').addClass('zx-nav-active')
})
// 艺术家二级切换
$('#ys-nav li').click(function(){
let ysIndex = $(this).index()
switch (ysIndex){
case 0:
$('#ysj-jj').css('display','')
$('#ysj-zp').css('display','none')
$('#ysj-ft').css('display','none')
$('#ysj-sk').css('display','none')
break;
case 1:
$('#ysj-zp').css('display','')
$('#ysj-jj').css('display','none')
$('#ysj-ft').css('display','none')
$('#ysj-sk').css('display','none')
break;
case 2:
$('#ysj-ft').css('display','')
$('#ysj-zp').css('display','none')
$('#ysj-jj').css('display','none')
$('#ysj-sk').css('display','none')
break;
case 3:
$('#ysj-sk').css('display','')
$('#ysj-zp').css('display','none')
$('#ysj-ft').css('display','none')
$('#ysj-jj').css('display','none')
break;
}
})
// 监听页面滚动条变化
$(window).scroll(function(){
@ -225,40 +329,350 @@ function checkExhibitone(){//查询机构展会列表
</div>`
});
　　$('#jgz-list').prepend(jgzHtml);
$('#jgz-list img').mouseover(function(){//导航悬浮事件
$('#jgz-list img').mouseover(function(){//内容悬浮事件
$(this).css({"cursor":"pointer"})
$(this).next('div').css('color','#CB1919')
$(this).nextAll('div').css('color','#CB1919')
})
$('#jgz-list img').mouseout(function(){//导航悬浮事件
$(this).next('div').css('color','#000000')
$('#jgz-list img').mouseout(function(){//内容悬浮事件
$(this).nextAll('div').css('color','#000000')
})
}
function checkArt(){//机构艺术品事件
let jgyHtml = '';
let jgyData = [
{imgSrc:'../../img/public/jg-dy-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
]
$.each(jgyData, function(commentIndex, comment) {
jgyHtml +=`<div class="dfc w25 m-s30">
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-18 fb m-s20 w90 clips1" style="text-align: center;">${comment.title}</div>
let jgyData = [
{imgSrc:'../../img/public/jg-dy-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-dy-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
]
$.each(jgyData, function(commentIndex, comment) {
jgyHtml +=`<div class="dfc w25 m-s30" onclick="goYSDetail(${commentIndex})">
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-18 fb m-s20 w90 clips1" style="text-align: center;">${comment.title}</div>
</div>`
});
　　$('#jgy-list').prepend(jgyHtml);
$('#jgy-list img').mouseover(function(){//导航悬浮事件
$(this).css({"cursor":"pointer"})
$(this).next('div').css('color','#CB1919')
})
$('#jgy-list img').mouseout(function(){//导航悬浮事件
$(this).next('div').css('color','#000000')
})
}
function goYSDetail(e){//查看艺术品详情
location.href = `mechanismArtworkDetail.html?id=${e}`
}
function checkBooks(){//查询机构书刊杂志列表
let jgsHtml = '';
let jgsData = [
{imgSrc:'../../img/public/jg-sk-01.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-sk-02.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-sk-03.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-sk-04.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
]
$.each(jgsData, function(commentIndex, comment) {
jgsHtml +=`<div class="dfc w25 m-s30" onclick="goSKDetail(${commentIndex})">
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-18 fb m-s20 w90 clips1">${comment.title}</div>
<div class="font-13 m-s10 w90 clips1">出版时间：${comment.time}</div>
</div>`
});
　　$('#jgs-list').prepend(jgsHtml);
$('#jgs-list img').mouseover(function(){//内容悬浮事件
$(this).css({"cursor":"pointer"})
$(this).nextAll('div').css('color','#CB1919')
})
$('#jgs-list img').mouseout(function(){//内容悬浮事件
$(this).nextAll('div').css('color','#000000')
})
}
function goSKDetail(e){//查看书刊详情
location.href = `mechanismBooksDetail.html?id=${e}`
}
function jgxList(){//机构下的新闻动态列表
var jgxHtml = '';
var jgxData = [
{imgSrc:'../../img/public/zx-01.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
{imgSrc:'../../img/public/zx-02.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
{imgSrc:'../../img/public/zx-03.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
{imgSrc:'../../img/public/zx-04.png',title:'【华夏艺术网·展讯】花事匆匆，美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆，近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法，而由于近两年苏茂隆的住家环境的变化，自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'},
]
$.each(jgxData, function(commentIndex, comment) {
jgxHtml +=`<div class="bbt djbac psx p-sx30" onclick="goZXDetail(${commentIndex})">
<div class="fs m-y30">
<img style="width: 100%;" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
</div>
<div>
<div class="font-13 col7d m-x10">${comment.time}</div>
<div class="font-20 zx-title">${comment.title}</div>
<div class="m-s30 col7d m-x10 zx-dian">◆ ◆ ◆ ◆</div>
<div class="font-15 col19 linh28" style="text-indent: 2em;">${comment.content}</div>
</div>
</div>`
});
　　$('#jgx-list').prepend(jgxHtml);
$('#jgx-list div').mouseover(function(){//导航悬浮事件
$(this).css("cursor","pointer")
$(this).find(".zx-title").css('color','#CB1919')
$(this).find(".zx-dian").css('color','#CB1919')
})
$('#jgx-list div').mouseout(function(){//导航悬浮事件
$(this).find(".zx-title").css('color','#000000')
$(this).find(".zx-dian").css('color','#7d7d7d')
})
}
function goZXDetail(e){//查看资讯详情
location.href = `realTimeInfoDetail.html?id=${e}`
}
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%" 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(){//拍卖全部商品事件
let pmdHtml = '';
let pmdData = [
{imgSrc:'../../img/public/jg-dy-01.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',time:'RMB 1,500'},
{imgSrc:'../../img/public/jg-dy-02.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
{imgSrc:'../../img/public/jg-dy-03.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',time:'RMB 1,500'},
{imgSrc:'../../img/public/jg-dy-04.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
{imgSrc:'../../img/public/jg-dy-05.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
{imgSrc:'../../img/public/jg-dy-06.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
{imgSrc:'../../img/public/jg-dy-07.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
{imgSrc:'../../img/public/jg-dy-08.png',title:'艺术清酒--得寓(酒标作品)',time:'RMB 1,500'},
]
$.each(pmdData, function(commentIndex, comment) {
pmdHtml +=`<div class="dfc w25 m-s30" onclick="goPMSDetail(${commentIndex})">
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-18 fb m-s20 w90 clips1">${comment.title}</div>
<div class="font-13 m-s10 w90 clips1">起拍价：<span class="colcb">${comment.time}</span></div>
</div>`
});
　　$('#pmd-list').prepend(pmdHtml);
$('#pmd-list img').mouseover(function(){//导航悬浮事件
$(this).css({"cursor":"pointer"})
$(this).nextAll('div').css('color','#CB1919')
})
$('#pmd-list img').mouseout(function(){//导航悬浮事件
$(this).nextAll('div').css('color','#000000')
})
}
function goPMSDetail(e){//查看资讯详情
location.href = `auctionShopDetail.html?id=${e}`
}
function checkPXList(){//拍卖全部商品事件
let pxdHtml = '';
let pxdData = [
{imgSrc:'../../img/public/px01.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
{imgSrc:'../../img/public/px02.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
{imgSrc:'../../img/public/px03.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
{imgSrc:'../../img/public/px04.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
{imgSrc:'../../img/public/px05.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美，做工精细，栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推'},
]
$.each(pxdData, function(commentIndex, comment) {
if(commentIndex%2==0){
pxdHtml +=`<div class="djbac backf5">
<div class="pr fs w50" onclick="goPXDetail(${commentIndex})">
<img width="100%" class="px-item-img" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
</div>
<div class="p-zy40 w50">
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
<div class="font-15 col19 linh30 clips4 op8 m-s16">${comment.content}</div>
<div class="font-12 colcb m-s30" onclick="goPXDetail(${commentIndex})"><span class="cq-cp">查看详情+</span></div>
</div>
</div>`
} else {
pxdHtml +=`<div class="djbac backf5">
<div class="p-zy40 w50">
<div class="font-20 linh28 fb dac p-sx10 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
<div class="font-15 col19 linh30 clips4 op8 m-s16">${comment.content}</div>
<div class="font-12 colcb m-s30" onclick="goPXDetail(${commentIndex})"><span class="cq-cp">查看详情+</span></div>
</div>
<div class="pr fs w50" onclick="goPXDetail(${commentIndex})">
<img width="100%" class="px-item-img" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
</div>
</div>`
}
});
　　$('#px-list').prepend(pxdHtml);
$('#px-list img').mouseover(function(){//导航悬浮事件
$(this).css({"cursor":"pointer"})
$(this).nextAll('div').css('color','#CB1919')
})
$('#px-list img').mouseout(function(){//导航悬浮事件
$(this).nextAll('div').css('color','#000000')
})
}
function goPXDetail(e){//查看培训详情
location.href = `trainDetail.html?id=${e}`
}
function checkPXSPList(){//培训视频事件
let pxspHtml = '';
let pxspData = [
{imgSrc:'../../img/public/px-sp01.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
{imgSrc:'../../img/public/px-sp02.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
{imgSrc:'../../img/public/px-sp03.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
{imgSrc:'../../img/public/px-sp04.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
{imgSrc:'../../img/public/px-sp05.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
{imgSrc:'../../img/public/px-sp06.png',title:'张老详细解说走进花鸟画的秘密花园【三】'},
]
$.each(pxspData, function(commentIndex, comment) {
pxspHtml +=`<div class="w50">
<div class="pr w100">
<img width="96%" src="${comment.imgSrc}" alt="图片丢失" title="" >
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="" >
</div>
<div class="clips1 col19 font-18 m-s20 m-x30">——<span class="m-z15">${comment.title}</span></div>
</div>`
});
　　$('#pxsp-list').prepend(pxspHtml);
}
function ysEJ(){//艺术家页面二级分类
let yspHtml = '';
let yspData = ['全部','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z']
$.each(yspData, function(commentIndex, comment) {
if(commentIndex==0){
yspHtml +=`<li><a href="javascript:;" class="zx-nav-title">${comment}</a><div class="zx-nav-active"></div></li>`
} else yspHtml +=`<li><a href="javascript:;">${comment}</a><div></div></li>`
});
$('#ys-cate').prepend(yspHtml);
}
function checkartist(){//查询艺术家们列表
let ysHtml = '';
let ysData = [
{imgSrc:'../../img/public/jg-dp-01.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
{imgSrc:'../../img/public/jg-dp-02.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
{imgSrc:'../../img/public/jg-dp-03.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
{imgSrc:'../../img/public/jg-dp-04.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
{imgSrc:'../../img/public/jg-dp-05.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
{imgSrc:'../../img/public/jg-dp-06.png',title:'张龙森',content:'毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...'},
]
$.each(ysData, function(commentIndex, comment) {
ysHtml +=`<div class="dfc w25">
<img class="w90" onclick="goYSDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="m-s20 w90 djbac">
<div class="font-26 clips1">${comment.title}</div>
<div style="padding:8px 15px;" onclick="goYSDetail(${commentIndex})" class="font-13 col19 op8 bd">查看作品</div>
</div>
<div class="font-14 op9 m-s20 m-x30 w90 clips2">${comment.content}</div>
</div>`
});
　　$('#ys-list').prepend(ysHtml);
}
function goYSDetail(e){//查看培训详情
location.href = `artistDetail.html?id=${e}`
}
function checkFT(){//查询艺术访谈列表
let ysFTHtml = '';
let ysFTData = [
{imgSrc:'../../img/public/ysj-ft01.png',title:'助力熊猫艺术公益：中国邮政发布著名刘中...',time:'2021年06月21日'},
{imgSrc:'../../img/public/ysj-ft02.png',title:'助力熊猫艺术公益：中国邮政发布著名刘中...',time:'2021年06月21日'},
{imgSrc:'../../img/public/ysj-ft03.png',title:'助力熊猫艺术公益：中国邮政发布著名刘中...',time:'2021年06月21日'},
]
$.each(ysFTData, function(commentIndex, comment) {
ysFTHtml +=`<div class="w33" onclick="goYSFTDetail(${commentIndex})">
<div class="pd20">
<img width="100%" src="${comment.imgSrc}" alt="图片丢失" title="">
<div class="clips1 font-16 col19 m-s10">${comment.title}</div>
<div class="djbac">
<div class="font-12 op6">${comment.time}</div>
<div class="dac"><span style="margin-top: 5px;margin-right: -2px;">····</span><span style="font-size: 30px;">›</span></div>
</div>
</div>
</div>`
});
　　$('#jgy-list').prepend(jgyHtml);
$('#jgy-list img').mouseover(function(){//导航悬浮事件
$(this).css({"cursor":"pointer"})
$(this).next('div').css('color','#CB1919')
})
$('#jgy-list img').mouseout(function(){//导航悬浮事件
$(this).next('div').css('color','#000000')
})
});
　　$('#ysj-ft-list').prepend(ysFTHtml);
}
function goYSFTDetail(e){//查看艺术访谈详情
location.href = `artistDetail.html?id=${e}`
}
function checkYSZZList(){//查询艺术家杂志列表
let ysjzzHtml = '';
let ysjzzData = [
{imgSrc:'../../img/public/jg-sk-01.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-sk-02.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-sk-03.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
{imgSrc:'../../img/public/jg-sk-04.png',title:'新中国美术家系列—曹辉作品集',time:'2021.07.09 - 2021.07.19'},
]
$.each(ysjzzData, function(commentIndex, comment) {
ysjzzHtml +=`<div class="dfc w25 m-s30" onclick="goysjSKDetail(${commentIndex})">
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-18 fb m-s20 w90 clips1">${comment.title}</div>
<div class="font-13 m-s10 w90 clips1">出版时间：${comment.time}</div>
</div>`
});
　　$('#ysjzz-list').prepend(ysjzzHtml);
$('#ysjzz-list img').mouseover(function(){//内容悬浮事件
$(this).css({"cursor":"pointer"})
$(this).nextAll('div').css('color','#CB1919')
})
$('#ysjzz-list img').mouseout(function(){//内容悬浮事件
$(this).nextAll('div').css('color','#000000')
})
}
function goysjSKDetail(e){//查看书刊详情
location.href = `artistSKDetail.html?id=${e}`
}
function checkZLList(){//查询展览列表
let zlHtml = '';
let zlData = [
{imgSrc:'../../img/public/jg-dz-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
{imgSrc:'../../img/public/jg-dz-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
]
$.each(zlData, function(commentIndex, comment) {
zlHtml +=`<div class="dfc w25 m-s30">
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-18 m-s20 w90 clips1 op9 col19">${comment.title}</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">${comment.sponsor}</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：${comment.time}</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：${comment.address}</div>
</div>`
});
　　$('#zl-list').prepend(zlHtml);
$('#zl-list img').mouseover(function(){//内容悬浮事件
$(this).css({"cursor":"pointer"})
$(this).nextAll('div').css('color','#CB1919')
})
$('#zl-list img').mouseout(function(){//内容悬浮事件
$(this).nextAll('div').css('color','#000000')
})
}
// 回到顶部
function pageScroll(){

2
js/layer.js Normal file
View File

@ -0,0 +1,2 @@
/*! layer mobile-v2.0.0 Web弹层组件 MIT License http://layer.layui.com/mobile By 贤心 */
;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);

596
js/layui.js
View File

@ -1,596 +0,0 @@
/**
* @file layui - 测试
* @author xuexb <fe.xiaowu@gmail.com>
*/
/* global layui */
/* eslint-disable max-nested-callbacks, fecs-indent */
var $ = layui.$;
/**
* 是否基于`phantomjs`测试, 因为有些特殊的case在ie中是不可用的, 比如: `window.event = {}`
*
* @type {boolean}
*/
var IS_PHANTOMJS = layui.device('phantomjs').phantomjs;
describe('layui', function() {
it('version', function() {
expect(layui.v).to.be.a('string');
expect(layui.v).to.not.be.empty;
});
it('layui.config', function() {
expect(layui.config()).to.deep.equal(layui);
expect(layui.config({
testName: 'layui'
})).to.deep.equal(layui);
expect(layui.cache.testName).to.equal('layui');
});
describe('layui.router', function() {
var defaultData = {
path: [],
search: {},
hash: ''
};
it('default params', function() {
expect(layui.router).to.be.a('function');
expect(layui.router()).to.be.a('object').and.deep.equal(defaultData);
});
it('error router', function() {
[
null,
'',
'#123',
'123',
'##'
].forEach(function(key) {
expect(layui.router(key)).to.deep.equal(defaultData);
});
});
it('router querystring', function() {
expect(layui.router('#/a=1/b=2/c=')).to.deep.equal($.extend({}, defaultData, {
href: '/a=1/b=2/c=',
search: {
a: '1',
b: '2',
c: ''
}
}));
expect(layui.router('#/a=测试/b=2').search).to.deep.equal({
a: '测试',
b: '2'
});
// todo
// urlencode
// urldecode
});
it('router hash', function() {
expect(layui.router('#/name#layui')).to.deep.equal($.extend({}, defaultData, {
hash: '#layui',
path: ['name'],
href: '/name#layui'
}));
expect(layui.router('#/name#layui').hash).to.equal('#layui');
expect(layui.router('#/name#layui=1').hash).to.equal('#layui=1');
expect(layui.router('#/name##layui').hash).to.equal('##layui');
expect(layui.router('#/name=1#layui').hash).to.equal('#layui');
expect(layui.router('#/name=1/b=2#layui').hash).to.equal('#layui');
});
it('router path', function() {
expect(layui.router('#/a/b/c=2#hash')).to.deep.equal({
path: ['a', 'b'],
search: {
c: '2'
},
hash: '#hash',
href: '/a/b/c=2#hash'
});
});
});
describe('layui.each', function() {
it('check params', function() {
expect(layui.each).to.be.a('function');
expect(layui.each()).to.deep.equal(layui);
expect(layui.each({})).to.deep.equal(layui);
expect(layui.each([])).to.deep.equal(layui);
expect(layui.each({}, function() {})).to.deep.equal(layui);
expect(layui.each([], function() {})).to.deep.equal(layui);
});
it('null params', function(done) {
var index = 0;
layui.each(null, function(index) {
index += 1;
});
setTimeout(function() {
expect(index).to.equal(0);
done();
});
});
it('object each', function(done) {
layui.each({
name: 'layui'
}, function(key, value) {
expect(this + '').to.deep.equal(value).and.equal('layui');
expect(key).to.equal('name');
done();
});
});
it('array each', function(done) {
layui.each([
'layui'
], function(index, value) {
expect(this + '').to.deep.equal(value).and.equal('layui');
expect(index).to.equal(0);
done();
});
});
it('break array each', function() {
var arr = new Array(100).join(',').split(',');
var flag = -1;
layui.each(arr, function(index) {
flag = index;
if (index > 5) {
return true;
}
});
expect(flag).to.equal(6);
flag = -1;
layui.each(arr, function(index) {
flag = index;
if (index > 5) {
return false;
}
});
expect(flag).to.equal(99);
});
it('break object each', function() {
var obj = {
name: 'layui',
version: '2.x'
};
var flag = null;
layui.each(obj, function(key) {
flag = key;
return true;
});
expect(flag).to.equal('name');
flag = null;
layui.each(obj, function(key) {
flag = key;
return false;
});
expect(flag).to.equal('version');
});
});
describe('layui.img', function() {
var base64 = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
it('success callback', function(done) {
layui.img(base64, function(img) {
expect(img).to.not.undefined;
expect(typeof(img)).to.equal('object', '是img对象');
expect(img.nodeType).to.equal(1, 'img标签节点');
// 在ie11中不通过, 原因目前不明
// expect(img.width).to.equal(1);
// expect(img.height).to.equal(1);
done();
});
});
it('error callback', function(done) {
layui.img('/api/mock?statusCode=404', function() {}, function(e) {
expect(e).to.not.undefined;
done();
});
});
// 先删除, 因为没有哪个图片是决定不变的
// it('http 200', function (done) {
// layui.img('https://www.baidu.com/img/bd_logo1.png', function (img) {
// expect(img).to.not.undefined;
// done();
// });
// });
// 由于没有超时配置, 在部分设备中, dns解析可能超时
// it('http 404', function (done) {
// layui.img('http://www.404.xx/logo.404.gif', function () {}, function (e) {
// expect(e).to.not.undefined;
// done();
// });
// });
it('load complete', function(done) {
layui.img(base64, function() {
layui.img(base64, function(img) {
expect(img).to.not.undefined;
done();
});
});
});
});
it('layui.hint', function() {
expect(layui.hint).to.be.a('function');
expect(layui.hint()).to.be.a('object');
expect(layui.hint().error).to.be.a('function');
});
describe('layui.stope', function() {
it('stopPropagation', function(done) {
layui.stope({
stopPropagation: function(e) {
expect(e).to.be.undefined;
done();
}
});
});
it('cancelBubble', function() {
var event = {};
layui.stope(event);
expect(event.cancelBubble).to.be.true;
});
// ie中不支持, 只针对phantomjs测试
if (IS_PHANTOMJS) {
it('window.event', function() {
var old = window.event;
var event = window.event = {};
layui.stope();
expect(event.cancelBubble).to.be.true;
window.event = old;
});
}
});
describe('layui.onevent', function() {
it('check params and return value', function() {
expect(layui.onevent).to.be.a('function');
expect(layui.onevent()).to.deep.equal(layui);
expect(layui.onevent([], [], [])).to.deep.equal(layui);
expect(layui.onevent({}, {}, {})).to.deep.equal(layui);
expect(layui.onevent('test-' + Date.now(), 'click', function() {})).to.not.deep
.equal(layui);
});
it('bind event', function(done) {
var id = 'test-bind-event';
var data = {
name: 'layui'
};
layui.onevent(id, 'click', function(param) {
expect(this).to.deep.equal(layui);
expect(param).to.deep.equal(data);
done();
});
layui.event(id, 'click', data);
});
it('coverage of the same name event', function() {
var id = 'test-same-event';
var index = 0;
layui.onevent(id, 'click', function() {
index = 1;
});
layui.onevent(id, 'click', function() {
index = 2;
});
layui.event(id, 'click');
expect(index).to.equal(2);
});
});
describe('layui.event', function() {
it('trigger event', function(done) {
layui.onevent('test-trigger', 'click(*)', function(data) {
expect(data).to.be.true;
done();
});
layui.event('test-trigger', 'click(*)', true);
});
it.skip('trigger multiple', function() {
var index = 0;
var id = 'test-trigger-multiple';
layui.onevent(id, 'nav', function() {
index += 1;
});
layui.event(id, 'nav');
layui.event(id, 'nav');
layui.event(id, 'nav');
expect(index).to.equal(3);
});
it('return value', function() {
expect(layui.event('id', 'event')).to.be.null;
// 只有在返回 false 时, 结果才是 false
layui.onevent('test-return-value-1', 'click', function(data) {
return data;
});
expect(layui.event('test-return-value-1', 'click', false)).to.be.false;
expect(layui.event('test-return-value-1', 'click', true)).to.be.null;
expect(layui.event('test-return-value-1', 'click')).to.be.null;
});
});
describe('layui.sort', function() {
var numberData = [{
name: 1
},
{
name: 3
},
{
name: 2
}
];
it('check params and return value', function() {
expect(layui.sort()).to.deep.equal([], '空参数时默认为空数组');
expect(layui.sort({})).to.deep.equal({}, '只传空对象默认返回');
expect(layui.sort({
name: 'layui'
})).to.deep.equal({
name: 'layui'
}, '只传一个对象参数时返回');
expect(layui.sort([{
name: 'layui'
}], 'name')).to.deep.equal([{
name: 'layui'
}]);
expect(layui.sort([{
name: 'layui'
}], 'name', true)).to.deep.equal([{
name: 'layui'
}]);
});
// 测试是否污染原数据
it('clone object', function() {
var clone = layui.sort(numberData, 'name');
// 往clone对象添加
clone.push('layui');
expect(clone).to.have.lengthOf(4);
expect(numberData).to.have.lengthOf(3);
});
it('format value number', function() {
var result = layui.sort([{
key: '1'
},
{
key: '-1'
},
{
key: 2
},
{
key: 3
}
], 'key');
expect(result).to.deep.equal([{
key: '-1'
},
{
key: '1'
},
{
key: 2
},
{
key: 3
}
]);
});
it('asc order', function() {
var result = layui.sort(numberData, 'name');
expect(result).to.deep.equal([{
name: 1
},
{
name: 2
},
{
name: 3
}
]);
});
it('desc order', function() {
var result = layui.sort(numberData, 'name', true);
expect(result).to.deep.equal([{
name: 3
},
{
name: 2
},
{
name: 1
}
]);
});
it('error data', function() {
var data = [
// null,
{
name: 5
},
{},
[],
'test',
{
name: '3'
}
];
expect(layui.sort(data, 'name')).to.deep.equal([{},
[],
'test',
{
name: '3'
},
{
name: 5
}
]);
});
});
it('layui.device', function() {
expect(layui.device).to.be.a('function');
expect(layui.device()).to.be.a('object');
expect(layui.device().ie).to.be.not.undefined;
expect(layui.device().ios).to.be.not.undefined;
expect(layui.device().android).to.be.not.undefined;
expect(layui.device().weixin).to.be.a('boolean');
expect(layui.device('weixin').weixin).to.be.false;
expect(layui.device('.*')['.*']).to.be.not.empty;
expect(layui.device('layui.com')['layui.com']).to.be.false;
});
describe('layui.getStyle', function() {
it('real test', function() {
var elem = $('<div />').css({
position: 'fixed',
zIndex: 10
}).appendTo('body').get(0);
expect(layui.getStyle(elem, 'position')).to.equal('fixed');
expect(layui.getStyle(elem, 'z-index')).to.equal('10');
});
it('mock currentStyle', function(done) {
var node = {
currentStyle: {
getPropertyValue: function(name) {
expect(name).to.equal('layui');
done();
}
}
};
layui.getStyle(node, 'layui');
});
});
it('layui.extend', function() {
expect(layui.extend).to.be.a('function');
expect(layui.extend()).to.deep.equal(layui);
expect(layui.extend({
v: 'v',
util: 'util'
})).to.deep.equal(layui);
var id = 'test-extend-' + Date.now();
var data = {};
data[id] = id;
expect(layui.modules[id]).to.be.undefined;
layui.extend(data);
expect(layui.modules[id]).to.be.not.undefined;
expect(layui.modules[id]).to.equal(id);
delete layui.modules[id];
});
describe('layui.data', function() {
if (IS_PHANTOMJS) {
it('not support JSON', function() {
var old = window.JSON;
window.JSON = null;
expect(layui.data()).to.be.undefined;
window.JSON = {};
expect(layui.data()).to.be.undefined;
window.JSON = old;
});
}
// 在支持情况下才测试
if (window.localStorage) {
it('delete table data', function() {
var id = 'test-delete-data';
localStorage[id] = true;
expect(localStorage[id]).to.equal('true');
expect(layui.data(id, null)).to.be.true;
expect(localStorage[id]).to.be.undefined;
});
it('get table data', function() {
var table = 'test-get-table-data';
expect(layui.data(table)).to.deep.equal({});
layui.data(table, {
key: 'name',
value: 'layui'
});
expect(layui.data(table)).to.deep.equal({
name: 'layui'
});
// 删除数据
layui.data(table, null);
});
it('get data', function() {
var id = 'test-get-data';
// 直接获取肯定为空
expect(layui.data(null, id)).to.be.undefined;
// 写入数据
expect(layui.data(null, {
key: id,
value: true
})).to.be.true;
expect(layui.data(null, id)).to.be.true;
// 清除数据
layui.data(null, {
key: id,
remove: true
});
});
it('remove data', function() {
var id = 'test-remove-data';
layui.data(null, {
key: id,
value: true
});
expect(layui.data(null, id)).to.be.true;
layui.data(null, {
key: id,
remove: true
});
expect(layui.data(null, id)).to.be.undefined;
});
}
});
});
/* eslint-enable max-nested-callbacks, fecs-indent */

10
public/foot-tab.html
View File

@ -11,11 +11,11 @@
<div class="foot-nav-box">
<!-- 导航文字 -->
<div class="foot-box-nav">
<div>首页</div>
<div>咨询</div>
<div>展览</div>
<div>艺术家</div>
<div>机构</div>
<div><a href="../index.html" target="_parent">首页</a></div>
<div><a href="../htmls/artNetwork/realTimeInfo.html" target="_parent">资讯</a></div>
<div><a href="javascript:;" target="_parent">展览</a></div>
<div><a href="../index.html" target="_parent">艺术家</a></div>
<div><a href="../htmls/artNetwork/mechanism.html" target="_parent">机构</a></div>
<div>培训</div>
<div>商城</div>
<div>拍卖</div>