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

整理公共页面

master
chen 2021-09-14 18:05:53 +08:00
parent acac5b8efe
commit 6f9f820792
20 changed files with 414 additions and 243 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

63
css/huaxia.css
View File

@ -1,4 +1,5 @@
body{margin: 0;padding: 0;}
.w102{width: 102.6%;}
.w100{width: 100%;}
.w96{width: 96%;}
.w90{width: 90%;}
@ -79,12 +80,14 @@ body{margin: 0;padding: 0;}
.m-x10{margin-bottom: 10px;}
.m-zy180{margin-left: 180px;margin-right: 180px;}
.m-zy10{margin-left: 10px;margin-right: 10px;}
.m-zy15{margin-left: 15px;margin-right: 15px;}
.m-zy20{margin-left: 20px;margin-right: 20px;}
.m-zy30{margin-left: 30px;margin-right: 30px;}
.pd6{padding: 6px;}
.pd30{padding: 30px;}
.pd20{padding: 20px;}
.pd10{padding: 10px;}
@ -158,7 +161,7 @@ body{margin: 0;padding: 0;}
.backf{background: #FFFFFF;}
.backe6{background: #e6e6e6;}
.backf5{background: #f5f5f5;}
.backe9{background: #e9e9e9;}
.bd{border: 1px solid #e6e6e6;}
@ -177,6 +180,8 @@ body{margin: 0;padding: 0;}
ul li {list-style: none;padding: 0px;margin: 0px;}
.tn{text-decoration: none;}
input:focus{border: none;}
#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;}
.dmedia{display: inline;}
@ -259,22 +264,49 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
line-height: 1;
font-weight: 700;
}
/* 首页7个轮播 */
.swiper-pub{width: 39px;height: 39px;position: absolute;top: 35%;z-index: 1;cursor: pointer;}
.two-next{right: 0;}
.two-pre{left: 0;}
/* 详情页轮播箭头样式 */
.xq-pub{width: 46px;height: 46px;position: absolute;top: 46%;opacity: 0.2;z-index: 1;cursor: pointer;}
.xq-next{right: 20px;}
.xq-pre{left: 20px;}
.allitem-title{padding: 45px 0 40px 0;}
.zx-more{display: none;justify-content: center;align-items: center;}
/* 弹框 */
#isTank{display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;}
#isTank>div{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#isTank>div>div{max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;}
.close-q{width: 19px;height: 19px;}
.close-q div{background: #828282;border-radius: 10px;width: 2px;height: 22px;}
.close-q div:first-child{transform: rotate(45deg);}
.close-q div:last-child{transform: rotate(-45deg);}
.tk-tougao{padding: 30px 40px;}
.tk-tougao>div>input{width: 459px;height: 52px;border: 1px solid #E6E6E6;border-radius: 3px;}
.chooseImg-box{display: inline-block;}
.chooseImg-box>div input{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;opacity: 0;z-index: 2;}
.chooseImg-box>div>div{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;display: flex;justify-content: center;align-items: center;}
.chooseImg-box>div>div span{display: block;width: 2px;height: 60px;border-radius: 3px;background-color: #E6E6E6;}
.chooseImg-box>div>div span:first-child{transform: rotate(90deg);}
.chooseImg-box>div img{width: 109px;height: 109px;display: none;object-fit: cover;z-index: 1;border-radius: 3px;}
.chooseImg-content{margin-top: 76px;margin-left: 130px;font-size: 12px;color: #222222;opacity: .7;}
.tgsub-btn{width: 906px;}
.tgsub-btn div{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;}
#success_fail{width: 569px;}
#failk>img,#successk>img{width: 77px;height: 77px;margin-top: 54px;}
.goZhanl{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;}
#successk div:last-child div{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;}
#successk div:last-child div:last-child{margin-left: 10px;border: 1px solid #CB1919;color: #CB1919;}
/* 首页 */
.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;}
/* .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;}
.dao-boxw{box-shadow: 0px 3px 12px rgba(2,2,2,.16);display: flex;justify-content: space-between;align-items: center;}
.guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;}
.redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;}
.xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;}
@ -286,7 +318,7 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
.cq-dao-active{font-weight: bold;color: #cd2628;}
.cq-dao-active>a{font-weight: bold;color: #cd2628!important;}
.input-box{flex-shrink: 0;height: 40px;border-radius: 3px;border: 1px solid #ebebeb;padding: 0 10px;width: 220px;}
.input-box input{font-size: 14px;height: 40px;border: 0;}
.input-box input{font-size: 14px;height: 38px;border: 0;}
.input-box img{right: 10px;top: 10px;width: 20px;height: 20px;}
.cq-item-title-box{padding: 65px 0 30px 0;}
.cq-item-title-box>div>div{background:-webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 11px; bottom: 0;left: 0;width: 130px; opacity: .8;z-index: 0;}
@ -347,6 +379,7 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
#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%;}
.jg-twoNav{padding: 0;margin: 0;}
/* 拍卖 */
#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;}
@ -381,6 +414,14 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
#zlzp-list>div:hover div:last-child>span{color: #FFFFFF;background: #CB1919;}
#zlzp-list>div:hover .font-16{font-weight: bold;}
.zltp{width: 179px;height: 47px;border-radius: 5px;border: 1px solid #dbdbdb;line-height: 47px;text-align: center;}
.toug-btn{color: #ce2828;border: 1px solid #ce2828;width: 110px;height: 42px;line-height: 42px;text-align: center;border-radius: 3px;}
.zhanldw{width: 15px;height: 17px;margin-right: 4px;}
.col007{color: #007de2;}
.zhanl-select{height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;}
.zhanl-select img{width: 12px;height: 8px;}
.zpsearch-box{width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;}
.zpsearch-box input{width: 100%;border: none;height: 34px;margin-right: 20px;}
.zpsearch-box img{width: 17px;height: 16px;}
/* 积分商城 */
#rem-list .dfc > div,#jf-list .dfc > div{margin: 10px;}
#rem-list .dfc > div img,#jf-list .dfc > div img{max-height: 230px;}

20
htmls/artNetwork/artist.html
View File

@ -42,9 +42,9 @@
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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -57,13 +57,13 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<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">
@ -76,11 +76,11 @@
<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="exhibition.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">艺术家<div class="xiahx pa "></div></div>
<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">
@ -92,7 +92,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="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -108,9 +108,9 @@
</div>
</div>
</div>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">艺术家</div>
<div class="font-40 allitem-title">艺术家</div>
<div class="dac m-s20">
<div class="cq-cp zx-gg">在线签约</div>
</div>

10
htmls/artNetwork/artistDetail.html
View File

@ -122,10 +122,10 @@
<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>
<li class="pr cq-cp"><span class="zx-nav-title">个人简介</span><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>推荐作品</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>艺术访谈</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>书刊杂志</span><div></div></li>
</ul>
</div>
<!-- 简介 -->
@ -144,7 +144,7 @@
<div id="ysj-zp">
<div id="" class="p-zy20">
<!-- 三级导航 -->
<ul class="szx-nav dac" style="padding: 0;margin: 0;">
<ul class="szx-nav dac" style="padding: 0;margin-bottom: 20px;">
<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>

22
htmls/artNetwork/auction.html
View File

@ -42,9 +42,9 @@
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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -57,13 +57,13 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<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">
@ -76,11 +76,11 @@
<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="exhibition.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>
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -88,11 +88,11 @@
<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="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>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -108,9 +108,9 @@
</div>
</div>
</div>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">拍卖</div>
<div class="font-40 allitem-title">拍卖</div>
</div>
</div>
<div class="p-zy320">

12
htmls/artNetwork/auctionShopDetail.html
View File

@ -116,16 +116,16 @@
<div class="p-zy320">
<div class="djb bbt ps m-s50 p-x30">
<!-- Swiper -->
<div class="ys-swiper swiper-container m-y20">
<div class="ys-swiper swiper-container m-y20" style="max-height: 637px;overflow: hidden;">
<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 class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-02.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-03.png" ></div>
</div>
<!-- 右箭头 -->
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
<img class="xq-next xq-pub" src="../../img/public/xq-next.png" >
<!-- 左箭头 -->
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
<img class="xq-pre xq-pub" src="../../img/public/xq-pre.png" >
</div>
<script>
let twoswiper = new Swiper('.ys-swiper', {

24
htmls/artNetwork/exhibition.html
View File

@ -36,9 +36,9 @@
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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -51,7 +51,7 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
@ -66,15 +66,15 @@
<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>
<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 cq-dao-active djcacfw">展览<div class="xiahx pa "></div></div>
<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>
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -82,11 +82,11 @@
<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>
<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>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -102,12 +102,12 @@
</div>
</div>
</div>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">展览</div>
<div class="font-40 allitem-title">展览</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 m-zy10">即将展览</div>
<div class="cq-cp zx-gg">展览回顾</div>
</div>
</div>

110
htmls/artNetwork/exhibitionComingDetail.html
View File

@ -36,9 +36,9 @@
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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -51,7 +51,7 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
@ -66,15 +66,15 @@
<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>
<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 cq-dao-active djcacfw">展览<div class="xiahx pa "></div></div>
<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>
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -82,11 +82,11 @@
<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>
<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>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -102,12 +102,12 @@
</div>
</div>
</div>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">展览</div>
<div class="font-40 allitem-title">展览</div>
<div class="dac m-s20" id="px-item">
<div class="cq-cp zx-gg">正在展会</div>
<div class="cq-cp zx-xx" style="margin: 0 10px;">即将展览</div>
<div class="cq-cp zx-xx m-zy10">即将展览</div>
<div class="cq-cp zx-gg">展览回顾</div>
</div>
</div>
@ -120,7 +120,7 @@
<div class="w100">
<div class="djbac bbt p-sx10">
<div class="font-26 col19">未来城市+ ：建筑设计模型展</div>
<div id="toug" class="cq-cp" style="color: #ce2828;border: 1px solid #ce2828;width: 110px;height: 42px;line-height: 42px;text-align: center;border-radius: 3px;">我要投稿</div>
<div id="toug" class="cq-cp toug-btn">我要投稿</div>
</div>
<div class="bbt m-s10 font-15 p-x20 linh32">
<div><span class="op6">主办方：</span>华夏艺术网</div>
@ -133,8 +133,8 @@
<div class="dac">
上海市樱花路869号喜玛拉雅中心A区3-4 层
<div class="dac m-z20 cq-cp">
<img style="width: 15px;height: 17px;margin-right: 4px;" src="../../img/public/zldw.png" >
<span style="color: #007de2;">去这里</span>
<img class="zhanldw" src="../../img/public/zldw.png" >
<span class="col007">去这里</span>
</div>
</div>
</div>
@ -144,25 +144,25 @@
<div class="linh32">上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师</div>
</div>
</div>
<div class="backf5 m-s30" style="padding: 6px;">
<div class="backf5 m-s30 pd6">
<div class="p-sx20 backf">
<div class="djbac bbt m-zy20 p-x10">
<div class="font-28">山东美术馆</div>
<div class="dac">
<div class="dac m-y10 cq-cp" style="height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;">
<div class="dac m-y10 cq-cp zhanl-select">
<div class="m-y20 font-14 op6">票数从高到低</div>
<img src="../../img/public/zlxl.png" width="12" height="8" >
<img src="../../img/public/zlxl.png">
</div>
<div class="dac" style="width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;">
<input style="width: 100%;border: none;height: 34px;margin-right: 20px;" type="" name="" id="" value="" placeholder="作品搜索"/>
<img style="width: 17px;height: 16px;" src="../../img/sy-search.png" >
<div class="dac zpsearch-box">
<input type="text" name="" id="" value="" placeholder="作品搜索"/>
<img src="../../img/sy-search.png" >
</div>
</div>
</div>
<!-- 全部列表 -->
<section class="p-zy20">
<div id="zlzp-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 id="zlzp-list" class="dac fw w102"></div>
<div class="p-sx65 zx-more">
<div class="container gray">
<div class="ispinner gray animating">
<div class="ispinner-blade"></div>
@ -186,49 +186,67 @@
</div>
</div>
<!-- 弹框 -->
<div id="isTank" style="display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;">
<div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);">
<div style="max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;">
<div id="isTank">
<div>
<div>
<!-- 投稿弹框 -->
<div id="duik">
<div class="djbac pd10" style="background: #e9e9e9;">
<div class="djbac pd10 backe9">
<div class="font-16 fb">我要投稿 </div>
<div class="pr djcacfw m-y10 cq-cp close-q" style="width: 19px;height: 19px;">
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
<div class="pr djcacfw m-y10 cq-cp close-q">
<div class="pa"></div>
<div class="pa"></div>
</div>
</div>
<div style="padding: 0 40px;">
<div class="djcacfw m-s37 m-x37">
<div id="sumitdh" class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;" onselectstart="return false;">
<span class="op8">立即提交</span>
<div class="tk-tougao">
<div>
<label for="name" class="font-16 col19">作品名称：</label><input id="name" type="text" name="" value="" />
</div>
<div class="m-sx10">
<label for="cicun" class="font-16 col19">作品尺寸：</label><input id="cicun" type="text" name="" value="" />
</div>
<div class="dis">
<label for="inputImg" class="font-16 col19">作品图片：</label>
<div class="pr chooseImg-box">
<div>
<input class="pa cq-cp" id="inputImg" type="file" accept="image/gif,image/jpg,image/png" name="" value="" />
<div id="fileBox" class="pa">
<span></span>
<span></span>
</div>
<img id="upImg" class="pa" src="" >
</div>
</div>
<div class="chooseImg-content">上传图片格式包括jpg/png/gif，图片大小不超过20MB</div>
</div>
<div class="dis fn tgsub-btn">
<div id="submitTG" class="cq-cp m-s37" onselectstart="return false;">立即提交</div>
</div>
</div>
</div>
<!-- 投票弹框 -->
<div id="success_fail"style="width: 569px;">
<div class="dend" style="padding: 10px;">
<div class="pr cq-cp close-q" style="width: 19px;height: 19px;display: flex;justify-content: center;align-items: center;">
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
<div id="success_fail">
<div class="dend pd10">
<div class="pr cq-cp close-q">
<div class="pa"></div>
<div class="pa"></div>
</div>
</div>
<!-- 失败 -->
<div id="failk" class="djbacfw fc" style="display: none;">
<img style="width: 77px;height: 77px;margin-top: 54px;" src="../../img/public/yihan.png" >
<div id="failk" class="djbacfw fc dn">
<img src="../../img/public/yihan.png" >
<div class="font-36 m-sx30">很遗憾</div>
<div class="font-24">今天的票数已经用完了，请明天再来哦</div>
<div class="font-16 op8 cq-cp goZhanl" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">返回展览</div>
<div class="font-16 op8 cq-cp goZhanl">返回展览</div>
</div>
<!-- 成功 -->
<div id="successk" class="djbacfw fc" style="">
<img style="width: 76px;height: 77px;margin-top: 54px;" src="../../img/public/duigou.png" >
<div id="successk" class="djbacfw fc">
<img src="../../img/public/duigou.png" >
<div class="font-36 m-sx30">投票成功</div>
<div class="font-24">您今天还有2次投票机会</div>
<div class="dac">
<div class="font-16 op8 cq-cp continueTP" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">继续投票</div>
<div class="font-16 op8 cq-cp continueTP" style="margin: 50px 0;border: 1px solid #CB1919;color: #CB1919; width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;margin-left: 10px;">分享好友</div>
<div class="font-16 op8 cq-cp continueTP">继续投票</div>
<div class="font-16 op8 cq-cp continueTP">分享好友</div>
</div>
</div>
</div>

22
htmls/artNetwork/mechanism.html
View File

@ -42,9 +42,9 @@
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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -57,13 +57,13 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<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">
@ -76,11 +76,11 @@
<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="exhibition.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>
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -88,11 +88,11 @@
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<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>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -108,9 +108,9 @@
</div>
</div>
</div>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">机构</div>
<div class="font-40 allitem-title">机构</div>
</div>
</div>
<div class="p-zy320">

138
htmls/artNetwork/mechanismDetail.html
View File

@ -42,9 +42,9 @@
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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -63,7 +63,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">
@ -76,11 +76,11 @@
<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="exhibition.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>
<div class="pr djcacfw"><a href="artNetwork.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -88,11 +88,11 @@
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
<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>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -116,47 +116,103 @@
<div class="font-36">山东美术馆</div>
<div class="dac">
<!-- 二级导航 -->
<ul class="zx-nav dac" 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="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="mechanismNews.html">新闻动态</a><div></div></li>
<ul class="zx-nav dac jg-twoNav">
<li class="pr cq-cp"></a><span class="zx-nav-title">机构简介</span><div class="zx-nav-active"></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>机构成员</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>展会</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><span>艺术品</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><a href="mechanismBooks.html"></a><span>书刊杂志</span><div></div><p class="jg-xian"></p></li>
<li class="pr cq-cp"><a href="mechanismNews.html"></a><span>新闻动态</span><div></div></li>
</ul>
<div id="follow" class="borr cq-cp jg-guanz">立即关注</div>
</div>
</div>
<div class="m-zy20 m-s30 linh30">
<div class="tin2 col19">摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家</div>
<img class="m-sx20 w100" src="../../img/public/jg-detail-02.png" alt="图片丢失" title="" >
<div class="tin2 col19">摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家</div>
</div>
<div class="bbt m-zy20">
<div class="font-26 p-s20 p-x10">联系方式</div>
</div>
<div class="m-zy20 m-s20" style="line-height: 42px;">
<div class="dac">
<img class="m-y15" src="../../img/public/jg-name.png" >
<div>联系人：摩空精舍</div>
<!-- 机构简介 -->
<div id="jgjj-box">
<div class="m-zy20 m-s30 linh30">
<div class="tin2 col19">摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家</div>
<img class="m-sx20 w100" src="../../img/public/jg-detail-02.png" alt="图片丢失" title="" >
<div class="tin2 col19">摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家摩空精舍是成都知名专业艺术机构，是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米，名家</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-phone.png" >
<div>电话：028-86256961 <span class="m-z30">手机：13880548658</span></div>
<div class="bbt m-zy20">
<div class="font-26 p-s20 p-x10">联系方式</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-email.png" >
<div>E-Mail：zarts@126.com</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-cz.png" >
<div>传真：028-86256961</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-dw.png" >
<div>地址：高新区高朋大道10号（传入）科园二路10号航利中心3栋1单元3楼二酉山房</div>
<div class="m-zy20 m-s20" style="line-height: 42px;">
<div class="dac">
<img class="m-y15" src="../../img/public/jg-name.png" >
<div>联系人：摩空精舍</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-phone.png" >
<div>电话：028-86256961 <span class="m-z30">手机：13880548658</span></div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-email.png" >
<div>E-Mail：zarts@126.com</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-cz.png" >
<div>传真：028-86256961</div>
</div>
<div class="dac">
<img class="m-y15" src="../../img/public/jg-dw.png" >
<div>地址：高新区高朋大道10号（传入）科园二路10号航利中心3栋1单元3楼二酉山房</div>
</div>
</div>
</div>
<section class="p-zy20">
<!-- 机构成员 -->
<div id="jgcy-box">
<div id="jgm-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 展会 -->
<div id="jgzh-box">
<div id="jgz-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 艺术品 -->
<div id="jgysp-box">
<div>
<!-- 三级导航 -->
<ul class="szx-nav dac m-x20">
<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>
<div id="jgy-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 书刊杂志 -->
<div id="jgsk-box">
<div id="jgs-list" class="dac fw" style="width: 102.6%;"></div>
</div>
<!-- 新闻动态 -->
<div id="jgxw-box">
<div id="jgx-list"></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>
</section>
</div>
</div>
</div>

2
htmls/artNetwork/pointsMallDetail.html
View File

@ -202,7 +202,7 @@
<span class="font-16 fb">四川省 成都市 温江区 涌泉街道 凤凰北大街66号 （高高 收）13812341234 </span>
<div style="color: #FFFFFF;background: #CB1919;font-size: 14px;padding: 2px 4px;margin-left: 20px;">默认地址</div>
</div>
<div class="font-14 m-s10 cq-cp" style="color: #105ee0;">使用新地址</div>
<div class="font-14 m-s10 cq-cp goChooseDZ" style="color: #105ee0;">使用新地址</div>
</div>
<div class="djcacfw m-s37 m-x37">
<div id="sumitdh" class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;" onselectstart="return false;">

29
htmls/artNetwork/realTimeInfo.html
View File

@ -19,11 +19,6 @@
<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>
@ -42,9 +37,9 @@
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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -57,13 +52,13 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<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">
@ -76,11 +71,11 @@
<span class="redD pa "></span>
</li>
<li class="pr">
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="exhibition.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>
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -88,11 +83,11 @@
<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="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>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -108,9 +103,9 @@
</div>
</div>
</div>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">资讯</div>
<div class="font-40 allitem-title">资讯</div>
<div class="dac m-s20" id="zx-xg">
<div class="cq-cp zx-xx xx-one">信息动态</div>
<div class="cq-cp zx-gg gg-one">新闻公告</div>
@ -119,7 +114,7 @@
</div>
<div class="p-zy320">
<!-- 二级导航 -->
<ul class="zx-nav bbt dac">
<ul class="zx-nav bbt dac" style="margin-bottom: 0;">
<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>

60
htmls/artNetwork/realTimeInfoDetail.html
View File

@ -42,9 +42,9 @@
mousewheel: false,//禁止鼠标滚动，切换
});
</script>
<div class="p-zy180 p-sx10 dao-boxw top-nav">
<img class="logo" src="../../img/logo.png">
<div>
<div class="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -57,13 +57,13 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<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">
@ -72,15 +72,15 @@
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr cq-dao-active djcacfw">资讯<div class="xiahx pa "></div></div>
<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>
<div class="pr djcacfw"><a href="exhibition.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>
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -88,11 +88,11 @@
<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="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>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -110,7 +110,7 @@
</div>
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">资讯</div>
<div class="font-40 allitem-title">资讯</div>
<div class="dac m-s20" id="zx-xg">
<div class="cq-cp zx-xx xx-one">信息动态</div>
<div class="cq-cp zx-gg gg-one">新闻公告</div>
@ -118,28 +118,30 @@
</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 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 class="btt p-sx20 font-15 linh32">
<div><a href="javascript:;" class="tn col22">上一条：市场观察丨从基弗到里希特，中国如何在大陆市场布局和领跑？</a></div>
<div><a href="javascript:;" class="tn col22">下一条：我和江南有个约会——中国2021秋拍征集将走进南京、上海、杭州</a></div>
</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 class="btt p-sx20 font-15 linh32">
<div><a href="javascript:;" class="tn col22">上一条：市场观察丨从基弗到里希特，中国如何在大陆市场布局和领跑？</a></div>
<div><a href="javascript:;" class="tn col22">下一条：我和江南有个约会——中国2021秋拍征集将走进南京、上海、杭州</a></div>
</div>
</div>
</div>
<div class="fs m-z30" style="width: 26%;">
<div class="fs m-z30" style="width: 26%;float: right;">
<div class="font-26 bbt m-s20 p-x10">推荐阅读</div>
<div class="m-s20 cq-cp">
<img class="m-x10" width="100%" src="../../img/public/zx-detail-r01.png" alt="图片丢失" title="">

18
htmls/artNetwork/shoppingMall.html
View File

@ -36,9 +36,9 @@
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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -51,7 +51,7 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
@ -66,15 +66,15 @@
<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>
<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"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="exhibition.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>
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -82,7 +82,7 @@
<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>
<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">
@ -102,7 +102,7 @@
</div>
</div>
</div>
<div class="p-zy320 p-s30" style="background: #e6e6e6;">
<div class="p-zy320 p-s30 backe6">
<div class="shop-swiper swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/shop01.png" ></div>

20
htmls/artNetwork/train.html
View File

@ -42,9 +42,9 @@
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="dao-boxw head-box pr">
<img class="cq-cp logo" src="../../img/logo.png">
<div class="head-nav-box fs dmedia">
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
@ -57,7 +57,7 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
@ -76,11 +76,11 @@
<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="exhibition.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>
<div class="pr djcacfw"><a href="artist.html">艺术家</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -92,7 +92,7 @@
<span class="redD pa"></span>
</li>
<li class="pr">
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
<div class="pr djcacfw"><a href="shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
<span class="redD pa dn"></span>
</li>
<li class="pr">
@ -108,12 +108,12 @@
</div>
</div>
</div>
<div class="p-zy320" style="background: #e6e6e6;">
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
<div class="font-40 allitem-title">培训</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 m-zy10">课堂视频</div>
<div class="cq-cp zx-gg">在线直播</div>
</div>
</div>

BIN
img/public/swiper-next.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 861 B

BIN
img/public/swiper-pre.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 847 B

BIN
img/public/xq-next.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
img/public/xq-pre.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

21
index.html
View File

@ -52,7 +52,7 @@
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<span class="cq-cp login_register">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
@ -108,7 +108,7 @@
<div class="p-zy180">
<div class="djbac cq-item-title-box">
<div class="font-32 pr">展览<span class="font-22 m-z10">Exhibition</span><div class="pa"></div></div>
<div class="cq-gengd cq-cp">View More +</div>
<div class="cq-gengd cq-cp sy-more">View More +</div>
</div>
</div>
<div class="m-x65 oh">
@ -187,14 +187,13 @@
</div>
</div>
<!-- 右箭头 -->
<div class="two-next swiper-button-next"></div>
<img class="two-next swiper-pub" src="img/public/swiper-next.png" >
<!-- 左箭头 -->
<div class="two-prev swiper-button-prev"></div>
<img class="two-prev swiper-pub" src="img/public/swiper-pre.png" >
</div>
</div>
<script>
$(window).resize(function(){//监听窗口大小的改变
// console.log($(window).width());
sixSwiper()
})
function sixSwiper(){
@ -254,13 +253,13 @@
<!-- 信息动态 -->
<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>
<div class="cq-gengd cq-cp">View More +</div>
<div class="cq-gengd cq-cp sy-more">View More +</div>
</div>
<div class="djbacfw msg"></div>
<!-- 艺术商城 -->
<div class="djbac cq-item-title-box">
<div class="font-32 pr">艺术商城<span class="font-22 m-z10">Art Mall</span><div class="pa"></div></div>
<div class="cq-gengd cq-cp">View More +</div>
<div class="cq-gengd cq-cp sy-more">View More +</div>
</div>
<div class="djb">
<div class="w50">
@ -361,7 +360,7 @@
<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 class="cq-gengd cq-cp sy-more" style="color: #FFFFFF;">View More +</div>
</div>
<div class="w100 backf dac">
<img class="cq-cp" src="img/public/ysj-one.png" width="100%">
@ -436,7 +435,7 @@
<!-- 文创专区 -->
<div class="djbac cq-item-title-box">
<div class="font-32 pr">文创专区<span class="font-22 m-z10">Cultural and Creative Zone</span><div class="pa"></div></div>
<div class="cq-gengd cq-cp">View More +</div>
<div class="cq-gengd cq-cp sy-more">View More +</div>
</div>
<div class="dac fw wc-box" style="width: 101%;">
<div class="w25 ya-item-box m-x37 cq-cp">
@ -493,7 +492,7 @@
<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>
<div class="cq-gengd cq-cp sy-more">View More +</div>
</div>
<div class="djb">
<div class="w50 backf">
@ -516,7 +515,7 @@
<div class="p-zy180">
<div class="djbac cq-item-title-box">
<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 class="cq-gengd cq-cp fs sy-more">View More +</div>
</div>
<div class="djbac hz-imgItem">
<div><img class="cq-cp" style="width: 90%;" src="img/public/hz-01.png" ></div>

86
js/huaxia.js
View File

@ -14,6 +14,22 @@ $(function(){
console.log('提交成功');
}
})
// 首页更多事件
var list = $(".sy-more")
$('.sy-more').on('click',function(){
var index = list.index(this);//获取下标
// console.log(index,list.length);
if(index==0) location.href = 'htmls/artNetwork/exhibition.html'
if(index==1) location.href = 'htmls/artNetwork/realTimeInfo.html'
if(index==2) location.href = 'htmls/artNetwork/shoppingMall.html'
if(index==3) location.href = 'htmls/artNetwork/artist.html'
// if(index==4) location.href = 'htmls/artNetwork/login.html'
if(index==5) location.href = 'htmls/artNetwork/train.html'
// if(index==6) location.href = 'htmls/artNetwork/train.html'
})
$('.login_register').on('click',function(){
location.href = 'htmls/logshoppingcar/login.html'
})
let headH = $('#huaxia-head').height()
$(window).resize(function(){//监听窗口大小的改变
// console.log($(window).width());
@ -34,11 +50,25 @@ $(function(){
$(this).addClass('cq-dao-active')
})
// 二级导航
$('.zx-nav li a').click(function(){
$('.zx-nav li a').removeClass('zx-nav-title')
// $('.zx-nav li a').click(function(){
// $('.zx-nav li a').removeClass('zx-nav-title')
// $('.zx-nav li div').removeClass('zx-nav-active')
// $(this).addClass('zx-nav-title')
// $(this).next("div").addClass('zx-nav-active')
// })
$('.zx-nav li').click(function(){
let jgTwoIndex = $(this).index()
$('.zx-nav li span').removeClass('zx-nav-title')
$('.zx-nav li div').removeClass('zx-nav-active')
$(this).addClass('zx-nav-title')
$(this).next("div").addClass('zx-nav-active')
$(this).find('span').addClass('zx-nav-title')
$(this).find("div").addClass('zx-nav-active')
changeJG()
if(jgTwoIndex==0) $('#jgjj-box').css('display','')
if(jgTwoIndex==1) $('#jgcy-box').css('display','')
if(jgTwoIndex==2) $('#jgzh-box').css('display','')
if(jgTwoIndex==3) $('#jgysp-box').css('display','')
if(jgTwoIndex==4) $('#jgsk-box').css('display','')
if(jgTwoIndex==5) $('#jgxw-box').css('display','')
})
$('.px-nav li a').click(function(){//培训页二级导航
$('.px-nav li a').removeClass('zx-nav-title')
@ -126,6 +156,7 @@ $(function(){
checkZLList()//查询展览列表
checkJFList()//查询积分商城列表
checkAllSList()//查询所有商品
checkZhanL()//查询即将展览详情下的展览列表
$(window).scroll(function() {
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
zxList()
@ -144,6 +175,7 @@ $(function(){
checkZLList()
checkJFList()
checkAllSList()
checkZhanL()
}
});
@ -210,11 +242,7 @@ $(function(){
})
// 关闭弹框
$('.close-q').click(function(){
$('#isTank').fadeOut()
$('#failk').css('display','none')
$('#success_fail').css('display','none')
$('#successk').css('display','none')
$('#duik').css('display','none')
closeTK()
})
// 立即兑换提交事件
$('#sumitdh').click(function(){
@ -243,6 +271,17 @@ $(function(){
$('.continueTP').click(function(){
console.log('继续投票');
})
// 图片选择
$('#inputImg').change(function(){
$filePath=URL.createObjectURL(this.files[0]);
$('#upImg').attr('src',$filePath);
$('#fileBox').css('display','none')
$('#upImg').css('display','inline')
})
// 立即投稿
$('#submitTG').click(function(){
closeTK()
})
// 监听页面滚动条变化
$(window).scroll(function(){
// 获取滚动条距离顶部的距离
@ -254,6 +293,27 @@ $(function(){
}
})
})
function changeJG(){
$('#jgjj-box').css('display','none')
$('#jgcy-box').css('display','none')
$('#jgzh-box').css('display','none')
$('#jgysp-box').css('display','none')
$('#jgsk-box').css('display','none')
$('#jgxw-box').css('display','none')
}
function closeTK(){//关闭弹框
$('#isTank').fadeOut()
$('#failk').css('display','none')
$('#success_fail').css('display','none')
$('#successk').css('display','none')
$('#duik').css('display','none')
// 重置我要投稿
$('#upImg').attr('src','')
$('#fileBox').css('display','flex')
$('#upImg').css('display','none')
$('#cicun').val('')
$('#name').val('')
}
function xxDong(){//首页信息动态
var html = '';
var data = [
@ -411,7 +471,7 @@ function checkArt(){//机构艺术品事件
{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})">
jgyHtml +=`<div class="dfc w25 m-x30" 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>`
@ -738,7 +798,7 @@ function checkZLList(){//查询展览列表
function gozlDetail(e){//查看书刊详情
location.href = `exhibitionComingDetail.html?id=${e}`
}
function checkExhibitone(){//查询即将展览详情下的展览列表
function checkZhanL(){//查询即将展览详情下的展览列表
let zlzpHtml = '';
let zlzpData = [
{imgSrc:'../../img/public/jg-dz-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
@ -766,9 +826,9 @@ function checkExhibitone(){//查询即将展览详情下的展览列表
});
　　$('#zlzp-list').prepend(zlzpHtml);
}
function toup(e){
console.log(e);
function toup(e){//投票调起弹框
$('#isTank').fadeIn()
$('#duik').css('display','none')
$('#success_fail').css('display','')
$('#successk').css('display','')
}