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

修改

master
chen 2021-09-22 18:15:06 +08:00
parent da580b310d
commit 4c10f4af8a
7 changed files with 443 additions and 134 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/huaxia.css
View File

@ -320,6 +320,7 @@ input{outline: none;}
.top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;}
.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;}
.guan-box span{opacity: .8;}
.redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;}
.xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;}
.dao-box>li{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;}
@ -403,8 +404,7 @@ input{outline: none;}
/* 机构 */
#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 div:hover .m-s20{font-weight: bold;}
#zl-list>div div:hover div{color: #CB1919;}
#jg-list>div:hover .font-18{color: #CB1919;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;}
@ -431,7 +431,9 @@ input{outline: none;}
#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 .djbac>div:last-child a{text-decoration: none;color: #191919;opacity: .8;}
#ys-list div:hover .djbac>div:last-child{color: #FFFFFF;background-color: #CB1919;cursor: pointer;}
#ys-list div:hover .djbac>div:last-child a{color: #FFFFFF;}
#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;}
@ -439,6 +441,12 @@ input{outline: none;}
#ysj-ft>div>div:hover .dac span{opacity: 1;}
#ysj-skd-box{width: 26%;}
#ysj-skd-box .m-s20:hover{cursor: pointer;color: #CB1919;}
#jgy-list div:hover div{font-weight: bold;color: #CB1919;}
#ysjzz-list div{cursor: pointer;}
#ysjzz-list div:hover img{transform: scale(.94);transition: transform .5s;}
#ysjzz-list div img{transition: transform .5s;}
#ysjzz-list div:hover div{color: #CB1919;}
#ysjzz-list div:hover .m-s20{font-weight: bold;}
/* 展览 */
#zlzp-list>div:hover div{color: #CB1919;}
#zlzp-list .pr div{background: rgba(255,255,255,0.6);right: 36px;bottom: 10px;width: 34px;height: 34px;}
@ -456,6 +464,8 @@ input{outline: none;}
#previewImg{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 10;display: none;justify-content: center;align-items: center;flex-direction: column;}
#previewImg div:first-child{background: #FFFFFF;border-radius: 10px;border: 10px solid #FFFFFF;width: 520px;height: 500px;overflow: hidden;}
#previewImg div:last-child{background-color: #FFFFFF;display: flex;justify-content: center;align-items: center;border-radius: 100%;width: 50px;height: 50px;margin-top: 20px;cursor: pointer;}
#zl-list .m-s30:hover div{color: #CB1919;}
#zl-list .m-s30:hover .font-18{font-weight: bold;}
/* 积分商城 */
#rem-list .dfc > div,#jf-list .dfc > div{margin: 10px;}
#rem-list .dfc > div img,#jf-list .dfc > div img{max-height: 230px;}

51
htmls/artNetwork/artist.html
View File

@ -115,7 +115,56 @@
<!-- 二级导航 -->
<ul class="bbt dac" id="ys-cate"></ul>
<!-- 列表数据 -->
<div id="ys-list" class="dac fw" style="width: 102.6%;"></div>
<div id="ys-list" class="dac fw" style="width: 102.6%;">
<div class="dfc w25">
<img class="w90" src="../../img/public/jg-dp-01.png" alt="图标丢失" title="" >
<div class="m-s20 w90 djbac">
<div class="font-26 clips1">张龙森</div>
<div style="padding:8px 15px;" class="font-13 bd"><a href="artistDetail.html">查看作品</a></div>
</div>
<div class="font-14 col19 op9 m-s20 m-x30 w90 clips2 linh24" style="height: 50px;">毕卡 塞尔艺术学院现工作生活于北京</div>
</div>
<div class="dfc w25">
<img class="w90" src="../../img/public/jg-dp-02.png" alt="图标丢失" title="" >
<div class="m-s20 w90 djbac">
<div class="font-26 clips1">张龙森</div>
<div style="padding:8px 15px;" class="font-13 bd"><a href="artistDetail.html">查看作品</a></div>
</div>
<div class="font-14 col19 op9 m-s20 m-x30 w90 clips2 linh24" style="height: 50px;">毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...</div>
</div>
<div class="dfc w25">
<img class="w90" src="../../img/public/jg-dp-03.png" alt="图标丢失" title="" >
<div class="m-s20 w90 djbac">
<div class="font-26 clips1">张龙森</div>
<div style="padding:8px 15px;" class="font-13 bd"><a href="artistDetail.html">查看作品</a></div>
</div>
<div class="font-14 col19 op9 m-s20 m-x30 w90 clips2 linh24" style="height: 50px;">毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...</div>
</div>
<div class="dfc w25">
<img class="w90" src="../../img/public/jg-dp-04.png" alt="图标丢失" title="" >
<div class="m-s20 w90 djbac">
<div class="font-26 clips1">张龙森</div>
<div style="padding:8px 15px;" class="font-13 bd"><a href="artistDetail.html">查看作品</a></div>
</div>
<div class="font-14 col19 op9 m-s20 m-x30 w90 clips2 linh24" style="height: 50px;">毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...</div>
</div>
<div class="dfc w25">
<img class="w90" src="../../img/public/jg-dp-05.png" alt="图标丢失" title="" >
<div class="m-s20 w90 djbac">
<div class="font-26 clips1">张龙森</div>
<div style="padding:8px 15px;" class="font-13 bd"><a href="artistDetail.html">查看作品</a></div>
</div>
<div class="font-14 col19 op9 m-s20 m-x30 w90 clips2 linh24" style="height: 50px;">毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...</div>
</div>
<div class="dfc w25">
<img class="w90" src="../../img/public/jg-dp-06.png" alt="图标丢失" title="" >
<div class="m-s20 w90 djbac">
<div class="font-26 clips1">张龙森</div>
<div style="padding:8px 15px;" class="font-13 bd"><a href="artistDetail.html">查看作品</a></div>
</div>
<div class="font-14 col19 op9 m-s20 m-x30 w90 clips2 linh24" style="height: 50px;">毕业于中央美术学院，硕士；曾留学在德国卡 塞尔艺术学院现工作生活于北京...</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">

91
htmls/artNetwork/artistDetail.html
View File

@ -148,16 +148,101 @@
<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 id="jgy-list" class="dac fw" style="width: 102.6%;">
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-01.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-02.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-03.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-04.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-05.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-06.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-07.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-08.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
</div>
</div>
</div>
<!-- 艺术访谈 -->
<div id="ysj-ft" style="display: none;" class="p-zy20">
<div id="ysj-ft-list" class="dac m-s20 fw"></div>
<div id="ysj-ft-list" class="dac m-s20 fw">
<div class="w33">
<div class="pd20">
<img width="100%" src="../../img/public/ysj-ft01.png" alt="图片丢失" title="">
<div class="clips1 font-16 col19 m-s10">助力熊猫艺术公益：中国邮政发布著名刘中...</div>
<div class="djbac">
<div class="font-12 op6">2021年06月21日</div>
<div class="dac"><span style="margin-top: 5px;margin-right: -2px;">····</span><span style="font-size: 30px;">›</span></div>
</div>
</div>
</div>
<div class="w33">
<div class="pd20">
<img width="100%" src="../../img/public/ysj-ft02.png" alt="图片丢失" title="">
<div class="clips1 font-16 col19 m-s10">助力熊猫艺术公益：中国邮政发布著名刘中...</div>
<div class="djbac">
<div class="font-12 op6">2021年06月21日</div>
<div class="dac"><span style="margin-top: 5px;margin-right: -2px;">····</span><span style="font-size: 30px;">›</span></div>
</div>
</div>
</div>
<div class="w33">
<div class="pd20">
<img width="100%" src="../../img/public/ysj-ft03.png" alt="图片丢失" title="">
<div class="clips1 font-16 col19 m-s10">助力熊猫艺术公益：中国邮政发布著名刘中...</div>
<div class="djbac">
<div class="font-12 op6">2021年06月21日</div>
<div class="dac"><span style="margin-top: 5px;margin-right: -2px;">····</span><span style="font-size: 30px;">›</span></div>
</div>
</div>
</div>
</div>
</div>
<!-- 书刊杂志 -->
<div id="ysj-sk" style="display: none;" class="p-zy20">
<div id="ysjzz-list" class="dac fw" style="width: 102.6%;"></div>
<div id="ysjzz-list" class="dac fw" style="width: 102.6%;">
<div class="dfc w25 m-s30">
<img class="w90" src="../../img/public/jg-sk-01.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1">新中国美术家系列—曹辉作品集</div>
<div class="font-13 m-s10 w90 clips1">出版时间：2021.07.09 - 2021.07.19</div>
</div>
<div class="dfc w25 m-s30">
<img class="w90" src="../../img/public/jg-sk-02.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1">新中国美术家系列—曹辉作品集</div>
<div class="font-13 m-s10 w90 clips1">出版时间：2021.07.09 - 2021.07.19</div>
</div>
<div class="dfc w25 m-s30">
<img class="w90" src="../../img/public/jg-sk-03.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1">新中国美术家系列—曹辉作品集</div>
<div class="font-13 m-s10 w90 clips1">出版时间：2021.07.09 - 2021.07.19</div>
</div>
<div class="dfc w25 m-s30">
<img class="w90" src="../../img/public/jg-sk-04.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1">新中国美术家系列—曹辉作品集</div>
<div class="font-13 m-s10 w90 clips1">出版时间：2021.07.09 - 2021.07.19</div>
</div>
</div>
</div>
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
<div class="container gray">

225
htmls/artNetwork/exhibitionComingDetail.html
View File

@ -105,7 +105,7 @@
<div class="p-zy320 backe6">
<div class="djbac">
<div class="font-40 allitem-title">展览</div>
<div class="dac m-s20" id="px-item">
<div class="dac m-s20" id="zl-item">
<div class="cq-cp zx-gg">正在展会</div>
<div class="cq-cp zx-xx m-zy10">即将展览</div>
<div class="cq-cp zx-gg">展览回顾</div>
@ -113,7 +113,7 @@
</div>
</div>
<div class="p-zy320 p-sx30">
<div class="dis">
<div id="zlDetail" class="dis">
<div class="w50 m-y30">
<img width="100%" src="../../img/public/jg-dz-03.png" >
</div>
@ -144,6 +144,225 @@
<div class="linh32">上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师</div>
</div>
</div>
<div id="zl-list">
<!-- 正在展会 -->
<div id="zling" class="dac fw" style="width: 102.6%;display: none;">
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-01.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-02.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-03.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-04.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-05.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-06.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-07.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-08.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
</a>
</div>
</div>
<!-- 即将展会 -->
<div id="zlwill" class="dac fw" style="width: 102.6%;display: none;">
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-04.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-03.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-02.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-01.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-05.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-06.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-07.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-08.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
</div>
<!-- 即将展会 -->
<div id="zled" class="dac fw" style="width: 102.6%;display: none;">
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-02.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-01.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-03.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-04.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-05.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-06.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-07.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
<div class="dfc w25 m-s30">
<a href="exhibitionComingDetail.html" style="text-decoration: none;">
<img class="w90" src="../../img/public/jg-dz-08.png" alt="图标丢失" title="" >
<div class="font-18 m-s20 w90 clips1 op9 col19">陌上谁人依旧 · 曹辉人物画展</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">主办方：华夏艺术网</div>
<div class="font-13 m-s10 w90 clips1 op9 col19">展览时间：2021.07.09 - 2021.07.19</div>
<div class="font-13 m-s10 w90 clips2 op9 col19 linh26">展览地址：虹桥艺术中心</div>
</a>
</div>
</div>
</div>
<div class="backf5 m-s30 pd6">
<div class="p-sx20 backf">
<div class="djbac bbt m-zy20 p-x10">
@ -268,7 +487,7 @@
<span></span>
<span></span>
</div>
<img id="upImg" class="pa" src="" >
<img id="upImg" style="display: none;" class="pa" src="" >
</div>
</div>
<div class="chooseImg-content">上传图片格式包括jpg/png/gif，图片大小不超过20MB</div>

37
htmls/artNetwork/mechanism.html
View File

@ -110,8 +110,41 @@
</div>
<div class="p-zy320">
<!-- 全部列表 -->
<section id="jg-main">
<div id="jg-list" class="dac fw" style="width: 101.6%;"></div>
<section>
<div id="jg-list" class="dac fw" style="width: 101.6%;">
<div class="dfc w33 m-s30">
<a href="mechanismDetail.html"><img class="w96" src="../../img/public/jg-01.png" alt="图标丢失" title="" ></a>
<div class="font-18 fb m-s20 w96 clips1">——<span class="m-z10">摩空精舍</span></div>
</div>
<div class="dfc w33 m-s30">
<a href="mechanismDetail.html"><img class="w96" src="../../img/public/jg-02.png" alt="图标丢失" title="" ></a>
<div class="font-18 fb m-s20 w96 clips1">——<span class="m-z10">摩空精舍</span></div>
</div>
<div class="dfc w33 m-s30">
<a href="mechanismDetail.html"><img class="w96" src="../../img/public/jg-03.png" alt="图标丢失" title="" ></a>
<div class="font-18 fb m-s20 w96 clips1">——<span class="m-z10">摩空精舍</span></div>
</div>
<div class="dfc w33 m-s30">
<a href="mechanismDetail.html"><img class="w96" src="../../img/public/jg-04.png" alt="图标丢失" title="" ></a>
<div class="font-18 fb m-s20 w96 clips1">——<span class="m-z10">摩空精舍</span></div>
</div>
<div class="dfc w33 m-s30">
<a href="mechanismDetail.html"><img class="w96" src="../../img/public/jg-05.png" alt="图标丢失" title="" ></a>
<div class="font-18 fb m-s20 w96 clips1">——<span class="m-z10">摩空精舍</span></div>
</div>
<div class="dfc w33 m-s30">
<a href="mechanismDetail.html"><img class="w96" src="../../img/public/jg-06.png" alt="图标丢失" title="" ></a>
<div class="font-18 fb m-s20 w96 clips1">——<span class="m-z10">摩空精舍</span></div>
</div>
<div class="dfc w33 m-s30">
<a href="mechanismDetail.html"><img class="w96" src="../../img/public/jg-07.png" alt="图标丢失" title="" ></a>
<div class="font-18 fb m-s20 w96 clips1">——<span class="m-z10">摩空精舍</span></div>
</div>
<div class="dfc w33 m-s30">
<a href="mechanismDetail.html"><img class="w96" src="../../img/public/jg-08.png" alt="图标丢失" title="" ></a>
<div class="font-18 fb m-s20 w96 clips1">——<span class="m-z10">摩空精舍</span></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">

35
htmls/artNetwork/mechanismDetail.html
View File

@ -178,7 +178,40 @@
<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 id="jgy-list" class="dac fw" style="width: 102.6%;">
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-01.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-02.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-03.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-04.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-05.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-06.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-07.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
<div class="dfc w25 m-x30">
<a href="mechanismArtworkDetail.html"><img class="w90" src="../../img/public/jg-dy-08.png" alt="图标丢失" title="" ></a>
<div class="font-18 m-s20 w90 clips1" style="text-align: center;">陌上谁人依旧 · 曹辉人物画展</div>
</div>
</div>
</div>
<!-- 书刊杂志 -->
<div id="jgsk-box" style="display: none;">

124
js/huaxia.js
View File

@ -186,6 +186,7 @@ $(function(){
$('#zling').css('display','none')
$('#zlwill').css('display','none')
$('#zled').css('display','none')
$('#zlDetail').css('display','none')
switch (pxIndex){
case 0:
$('#zling').css('display','')
@ -203,19 +204,14 @@ $(function(){
// $('.ysj').css({"justify-content":"space-between","marginRight":0})
// $('.ysj .ya-item-box').css({"marginRight":0})
// }
checkJG()//机构列表事件
checkPeo()//机构成员事件
checkExhibitone()//机构展会事件
checkArt()//机构艺术品事件
checkBooks()//查看书刊
jgxList()//机构新闻动态事件
pmList()//拍卖列表事件
checkPMShop()//拍卖所有商品事件
checkPXList()//培训列表事件
checkPXSPList()//培训视频事件
checkartist()//查询艺术家列表事件
checkFT()//查询艺术访谈列表
checkYSZZList()//查询艺术家杂志列表
checkJFList()//查询积分商城列表
checkAllSList()//查询所有商品
homeArtist()//查询艺术家列表
@ -228,18 +224,13 @@ $(function(){
// $('.zx-more').css('display','none')
// window.scrollBy(0,-10);
// },1500)
// checkJG()
// checkPeo()
// checkExhibitone()
// checkArt()
// checkBooks()
// jgxList()
// pmList()
// checkPMShop()
// checkPXSPList()
// checkartist()
// checkFT()
// checkYSZZList()
// checkJFList()
// checkAllSList()
}
@ -445,37 +436,6 @@ function homeArtist(){//首页艺术家
});
$('#homeArtist').prepend(ysjhtml);
}
function checkJG(){//查询机构列表
let jgHtml = '';
let jgData = [
{imgSrc:'../../img/public/jg-01.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-02.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-03.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-04.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-05.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-06.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-07.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-08.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-09.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-10.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-11.png',title:'摩空精舍'},
{imgSrc:'../../img/public/jg-12.png',title:'摩空精舍'},
]
$.each(jgData, function(commentIndex, comment) {
jgHtml +=`<div class="dfc w33 m-s30" onclick="goJGDetail(${commentIndex})">
<img class="w96" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
<div class="font-18 fb m-s20 w96 clips1">—<span class="m-z10">${comment.title}</span></div>
</div>`
});
　　$('#jg-list').prepend(jgHtml);
$('#jg-list img').mouseover(function(){//导航悬浮事件
$(this).css({"cursor":"pointer"})
$(this).next('div').css('color','#CB1919')
})
$('#jg-list img').mouseout(function(){//导航悬浮事件
$(this).next('div').css('color','#000000')
})
}
function goJGDetail(e){//查看机构详情
location.href = `mechanismDetail.html?id=${e}`
}
@ -534,36 +494,6 @@ function checkExhibitone(){//查询机构展会列表
$(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-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>`
});
　　$('#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 = [
@ -765,59 +695,10 @@ function ysEJ(){//艺术家页面二级分类
});
$('#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="goYSJDetail(${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="goYSJDetail(${commentIndex})" class="font-13 col19 op8 bd">查看作品</div>
</div>
<div class="font-14 col19 op9 m-s20 m-x30 w90 clips2 linh24">${comment.content}</div>
</div>`
});
　　$('#ys-list').prepend(ysHtml);
}
function goYSJDetail(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>`
});
　　$('#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:'',title:'',time:''},
{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'},
@ -829,7 +710,6 @@ function checkYSZZList(){//查询艺术家杂志列表
<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')