From 215dc6be1bce41b06d3baf093cf6fb21e552cc45 Mon Sep 17 00:00:00 2001 From: chen <2659004835@qq.com> Date: Thu, 9 Sep 2021 18:08:53 +0800 Subject: [PATCH 1/2] =?UTF-8?q?=E8=89=BA=E6=9C=AF=E5=AE=B6=E7=B3=BB?= =?UTF-8?q?=E5=88=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/huaxia.css | 35 +++-- css/huaxiaMedia.css | 32 +++-- htmls/artNetwork/artist.html | 149 ++++++++++++++++++++ htmls/artNetwork/artistDetail.html | 194 +++++++++++++++++++++++++++ htmls/artNetwork/artistSKDetail.html | 162 ++++++++++++++++++++++ htmls/artNetwork/exhibition.html | 123 +++++++++++++++++ htmls/artNetwork/train.html | 41 +++++- img/public/px-zb01.png | Bin 0 -> 552760 bytes img/public/px-zb02.png | Bin 0 -> 613013 bytes img/public/px-zb03.png | Bin 0 -> 713776 bytes img/public/ys-d01.png | Bin 0 -> 299438 bytes img/public/ys-d02.png | Bin 0 -> 1321207 bytes img/public/ysj-ft01.png | Bin 0 -> 189994 bytes img/public/ysj-ft02.png | Bin 0 -> 100874 bytes img/public/ysj-ft03.png | Bin 0 -> 80653 bytes index.html | 9 +- js/huaxia.js | 171 ++++++++++++++++++++++- public/huaxia-head.html | 9 -- 18 files changed, 888 insertions(+), 37 deletions(-) create mode 100644 htmls/artNetwork/artist.html create mode 100644 htmls/artNetwork/artistDetail.html create mode 100644 htmls/artNetwork/artistSKDetail.html create mode 100644 htmls/artNetwork/exhibition.html create mode 100644 img/public/px-zb01.png create mode 100644 img/public/px-zb02.png create mode 100644 img/public/px-zb03.png create mode 100644 img/public/ys-d01.png create mode 100644 img/public/ys-d02.png create mode 100644 img/public/ysj-ft01.png create mode 100644 img/public/ysj-ft02.png create mode 100644 img/public/ysj-ft03.png delete mode 100644 public/huaxia-head.html diff --git a/css/huaxia.css b/css/huaxia.css index 70b4e95..b428495 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -12,6 +12,7 @@ body{margin: 0;padding: 0;} .op9{opacity: .9;} .op8{opacity: .8;} .op7{opacity: .7;} +.op6{opacity: .6;} .dis{display: flex;} .djb{display: flex;justify-content: space-between;} @@ -83,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;} @@ -310,14 +313,15 @@ ul li {list-style: none;padding: 0px;margin: 0px;} .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,#jgs-list img,#pmd-list img,#pxsp-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{transform: scale(.94);transition: transform .5s;cursor: pointer;} +#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{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;} -#pm-list>div:hover div:last-child>div:first-child{color: #CB1919;} -#pm-list>div:hover div:last-child>div:first-child .quan{border: 2px solid #CB1919;} +#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;} @@ -326,11 +330,22 @@ ul li {list-style: none;padding: 0px;margin: 0px;} #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;} diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css index aac62a4..f2c2826 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -26,18 +26,34 @@ } @media screen and (min-width:1021px) and (max-width:1120px) { - + .logo{width: 26%;} } -@media screen and (min-width:1121px) and (max-width:1220px) { - +@media screen and (min-width:1121px) and (max-width:1260px) { + .input-box{display: none;} + .logo{width: 26%;} + .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:1221px) and (max-width:1320px) { - +@media screen and (min-width:1261px) and (max-width:1350px) { + .logo{width: 26%;} + .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:1024px) and (max-width:1620px) { - +@media screen and (min-width:1351px) and (max-width:1620px) { + .logo{width: 26%;} + .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:1024px) and (max-width:1820px) { +@media screen and (min-width:1621px) and (max-width:1820px) { .logo{width: 30%;} .head-box{padding: 20px 100px;} } diff --git a/htmls/artNetwork/artist.html b/htmls/artNetwork/artist.html new file mode 100644 index 0000000..3045c2f --- /dev/null +++ b/htmls/artNetwork/artist.html @@ -0,0 +1,149 @@ + + +
+ +