底部响应式调整
parent
9416f38025
commit
10bb30ffba
|
@ -15,24 +15,18 @@ body{padding: 0;margin: 0;}
|
||||||
.foot-box-nav>div{margin-right: 46px;cursor: pointer;}
|
.foot-box-nav>div{margin-right: 46px;cursor: pointer;}
|
||||||
.foot-box-nav>div>a{text-decoration: none;color: #FFFFFF;}
|
.foot-box-nav>div>a{text-decoration: none;color: #FFFFFF;}
|
||||||
.foot-box-img>img{margin-left: 20px;cursor: pointer;-webkit-filter: invert(.1); filter: invert(.1);}
|
.foot-box-img>img{margin-left: 20px;cursor: pointer;-webkit-filter: invert(.1); filter: invert(.1);}
|
||||||
/* -webkit-filter: invert(.8); filter: invert(.8); */
|
.foot-box-img>img{width:19px;height:19px;}
|
||||||
.foot-box-img>img:nth-child(1),.foot-box-img>img:nth-child(2){width:23px;height:19px;}
|
|
||||||
.foot-box-img>img:nth-child(3){width:19px;height:19px;}
|
|
||||||
.foot-box-img>img:nth-child(4){width:17px;height:17px;}
|
|
||||||
.foot-box-img>img:nth-child(5){width:18px;height:18px;}
|
|
||||||
|
|
||||||
|
|
||||||
.foot-end-box{display: flex;justify-content: space-between;}
|
.foot-end-box{display: flex;}
|
||||||
.foot-end-box>div:first-child{padding: 27px 20px 0 180px;border-right: 1px solid #ededed;}
|
.foot-end-box>div:first-child{padding: 27px 20px 0 180px;border-right: 1px solid #ededed;width: 42%;}
|
||||||
/* .foot-end-box>div:first-child>img{width:362px;height: 88px;} */
|
.foot-end-box>div:first-child img{width: 71%;}
|
||||||
.foot-end-box>div:first-child>img{width: 80%;}
|
.foot-end-box>div:last-child{background: #faf9f8;width: 100%;padding-top: 27px;}
|
||||||
.foot-end-box>div:last-child{background: #faf9f8;width: 90%;padding-top: 27px;}
|
|
||||||
.foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;}
|
.foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;}
|
||||||
.foot-end-titlez,.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;}
|
.foot-end-titlez,.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;}
|
||||||
.foot-end-content{font-size: 13px;color: #616161;}
|
.foot-end-content{font-size: 13px;color: #616161;}
|
||||||
/* .shu-logo{width: 389px;height: 70px;} */
|
.shu-logo{max-height: 70px; margin-bottom: 14px;}
|
||||||
.shu-logo{width: 100%;}
|
.foot-count{margin: 30px 15px 0 15px;line-height: 30px;}
|
||||||
.foot-count{margin: 30px 15px 0 15px;flex-shrink: 0;line-height: 30px;}
|
|
||||||
.foot-qrcode{margin-top: 30px;display: flex;justify-content: space-between;}
|
.foot-qrcode{margin-top: 30px;display: flex;justify-content: space-between;}
|
||||||
.foot-qrcode>div{display: flex;flex-direction: column;align-items: center;cursor: pointer;}
|
.foot-qrcode>div{display: flex;flex-direction: column;align-items: center;cursor: pointer;}
|
||||||
.foot-qrcode>div>img{width: 99px;height: 99px;}
|
.foot-qrcode>div>img{width: 99px;height: 99px;}
|
||||||
|
@ -40,23 +34,61 @@ body{padding: 0;margin: 0;}
|
||||||
.foot-end-bottom{font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;}
|
.foot-end-bottom{font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;}
|
||||||
.foot-iframe{width: 100%;height: 400px;}
|
.foot-iframe{width: 100%;height: 400px;}
|
||||||
|
|
||||||
|
/* 固定底部导航 */
|
||||||
|
.fixed_foot{position: fixed;bottom: 0;left: 0;right: 0;z-index: 6px;display: none;background: #CB1919;}
|
||||||
|
.fixed_foot>a{padding: 15px 0 10px 0;border-left: 1px solid rgba(255,255,255,.2);text-decoration: none;}
|
||||||
|
.fixed_foot>a:nth-child(1){border-left: 1px solid rgba(255,255,255,0);}
|
||||||
|
@media (max-width:766px){
|
||||||
|
.foot-end-box{margin-bottom: 70px;}
|
||||||
|
.foot-nav-box{padding: 10px 15px;}
|
||||||
|
.foot-end-right .linh30{line-height: 25px;}
|
||||||
|
.foot-end-box>div:first-child{padding: 20px 20px 0 15px;}
|
||||||
|
.foot-count {margin: 10px 15px 0 15px;line-height: 26px;}
|
||||||
|
.foot-end-box > div:first-child{display: none;}
|
||||||
|
.foot-end-bottom,.foot-nav-box,.shu-logo{display: none;}
|
||||||
|
.foot-count {margin: 0px;line-height: 25px;width: 60%;}
|
||||||
|
.foot-end-titlez, .foot-end-title{font-size: 17px;font-weight: bold;color: #CB1919;margin-bottom: 0px;}
|
||||||
|
.foot-end-content {font-size: 14px;}
|
||||||
|
/* .foot-count .foot-end-content:nth-child(3) {float: left;margin-right: 64px;} */
|
||||||
|
.foot-qrcode {margin-top: -230px;display: flex;flex-direction: column;float: right;}
|
||||||
|
.foot-qrcode>div>div{font-size: 12px;}
|
||||||
|
.foot-end-title{margin-top: 10px;}
|
||||||
|
.fixed_foot{display: flex;}
|
||||||
|
.foot-end-right {padding: 0 20px 15px 20px;display: block;}
|
||||||
|
.foot-end-right>div:first-child{width: 74%;}
|
||||||
|
|
||||||
@media (min-width:1220px) and (max-width:1619px){
|
|
||||||
.foot-end-box>div:last-child{width: 100%;}
|
|
||||||
/* .foot-end-box>div:first-child>img{width:260px;height: 60px;}
|
|
||||||
.shu-logo{width: 260px;height: 50px;}
|
|
||||||
.foot-box-nav>div{margin-right: 30px;cursor: pointer;}
|
|
||||||
.foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
|
|
||||||
.foot-nav-box{margin-top: 30px;padding: 20px 120px;}
|
|
||||||
.foot-end-right{padding: 0 120px 30px 30px;}
|
|
||||||
.foot-end-box>div:last-child{width: 180%;}
|
|
||||||
.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;width: 33%;}
|
|
||||||
.foot-iframe{width: 100%;height: 410px;} */
|
|
||||||
}
|
}
|
||||||
@media (min-width:1620px) and (max-width:1900px){
|
@media (min-width:767px) and (max-width:991px){
|
||||||
.foot-end-box>div:last-child{width: 100%;}
|
.foot-end-box{margin-bottom: 70px;}
|
||||||
/* .foot-box-nav>div{margin-right: 30px;cursor: pointer;}
|
.fixed_foot{display: flex;}
|
||||||
.foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
|
.foot-nav-box{padding: 10px 20px;}
|
||||||
.foot-nav-box{margin-top: 30px;padding: 20px 120px;}
|
.foot-end-box>div:first-child{padding: 20px 20px 0 20px;}
|
||||||
.foot-end-right{padding: 0 120px 30px 30px;} */
|
.shu-logo{max-height: 26px;}
|
||||||
|
.foot-count {margin: 10px 15px 0 15px;line-height: 26px;}
|
||||||
|
.foot-end-bottom,.foot-end-box > div:first-child{display: none;}
|
||||||
|
.foot-nav-box,.shu-logo{display: none;}
|
||||||
|
.foot-end-right{display: block;padding: 0 15px 15px 15px;}
|
||||||
|
.foot-count {margin: 0px 0px 0 0px;line-height: 32px;}
|
||||||
|
.foot-end-titlez, .foot-end-title{font-size: 22px;font-weight: bold;color: #CB1919;margin-bottom: 10px;}
|
||||||
|
.foot-end-content {font-size: 20px;}
|
||||||
|
.foot-count .foot-end-content:nth-child(3) {float: left;margin-right: 40px;}
|
||||||
|
.foot-qrcode {margin-top: -245px;display: flex;flex-direction: column;float: right;}
|
||||||
|
.foot-qrcode>div>div{font-size: 16px;}
|
||||||
|
.foot-end-title{margin-top: 30px;}
|
||||||
|
}
|
||||||
|
@media (min-width:992px) and (max-width:1199px){
|
||||||
|
.foot-nav-box{padding: 20px 60px;}
|
||||||
|
.foot-end-box>div:first-child{padding: 20px 20px 0 60px;}
|
||||||
|
.foot-end-right {padding: 0 60px 30px 30px;}
|
||||||
|
.shu-logo{max-height: 36px;}
|
||||||
|
.foot-count {margin: 10px 15px 0 15px;line-height: 26px;}
|
||||||
|
.foot-qrcode > div{transform: scale(.9);}
|
||||||
|
.foot-count {margin: 10px 15px 0 15px;line-height: 26px;}
|
||||||
|
}
|
||||||
|
@media (min-width:1200px) and (max-width:1440px){
|
||||||
|
.foot-nav-box{padding: 20px 120px;}
|
||||||
|
.foot-end-box>div:first-child{padding: 27px 20px 0 120px;}
|
||||||
|
.foot-end-right {padding: 0 120px 30px 30px;}
|
||||||
|
.shu-logo{max-height: 46px;}
|
||||||
|
.foot-count {margin: 20px 15px 0 15px;line-height: 26px;}
|
||||||
}
|
}
|
|
@ -344,11 +344,12 @@ input{outline: none;}
|
||||||
.msg .m-x32:nth-last-child(2){
|
.msg .m-x32:nth-last-child(2){
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.exhibition .swiper-slide .item-box{width: 293px;}
|
.exhibition .swiper-slide .item-box{width: 293px;}
|
||||||
.exhibition .swiper-slide img{object-fit: cover;}
|
.exhibition .swiper-slide img{object-fit: cover;}
|
||||||
/* .xx-img{ width:242px; height:151px;} */
|
/* .xx-img{ width:242px; height:151px;} */
|
||||||
.xx-content{line-height: 28px;}
|
.xx-content{line-height: 28px;}
|
||||||
.xx-img{ width:100%;}
|
.xx-img{ max-width:252px;}
|
||||||
.ysc .ya-item-box>div:first-child{transition: transform .5s;cursor: pointer;}
|
.ysc .ya-item-box>div:first-child{transition: transform .5s;cursor: pointer;}
|
||||||
.ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;}
|
.ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;}
|
||||||
.ya-item-box .pr{padding-right: 1.25em;}
|
.ya-item-box .pr{padding-right: 1.25em;}
|
||||||
|
@ -362,6 +363,7 @@ input{outline: none;}
|
||||||
.ysj .ya-item-box:last-child{margin-right: 0px;}
|
.ysj .ya-item-box:last-child{margin-right: 0px;}
|
||||||
.ysj .pr{padding-right: 0px;}
|
.ysj .pr{padding-right: 0px;}
|
||||||
#homeArtist{width: 101.2%;}
|
#homeArtist{width: 101.2%;}
|
||||||
|
.wc-box{width: 101%;}
|
||||||
.wc-box>div>img{width: 96%;transition: transform .5s;}
|
.wc-box>div>img{width: 96%;transition: transform .5s;}
|
||||||
.wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
|
.wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;}
|
||||||
.wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
|
.wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
|
||||||
|
@ -381,6 +383,7 @@ input{outline: none;}
|
||||||
.hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;}
|
.hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;}
|
||||||
.hzly-box{padding: 30px;z-index: 1;}
|
.hzly-box{padding: 30px;z-index: 1;}
|
||||||
.hz-input-box input{margin-right: 10px;border-radius: 3px;border:1px solid #e9e9e9;height: 48px;}
|
.hz-input-box input{margin-right: 10px;border-radius: 3px;border:1px solid #e9e9e9;height: 48px;}
|
||||||
|
.hz-input-box textarea{border: 1px solid #e9e9e9;resize: none;border-radius: 3px;margin-right: 10px;height: 48px;line-height: 48px;outline: none;}
|
||||||
.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 0px 82px;border-radius: 3px;height: 48px;line-height: 48px;border: 1px solid #CB1919;}
|
.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 0px 82px;border-radius: 3px;height: 48px;line-height: 48px;border: 1px solid #CB1919;}
|
||||||
.hz-imgItem img{cursor: pointer;width: 90%;}
|
.hz-imgItem img{cursor: pointer;width: 90%;}
|
||||||
.yssc-img{height: 500px;vertical-align: bottom;}
|
.yssc-img{height: 500px;vertical-align: bottom;}
|
||||||
|
|
|
@ -1,14 +1,3 @@
|
||||||
@media screen and (max-width:300px) {}
|
|
||||||
|
|
||||||
@media screen and (min-width:301px) and (max-width:350px) {}
|
|
||||||
|
|
||||||
@media screen and (min-width:351px) and (max-width:420px) {}
|
|
||||||
|
|
||||||
@media screen and (min-width:421px) and (max-width:490px) {}
|
|
||||||
|
|
||||||
@media screen and (min-width:491px) and (max-width:620px) {}
|
|
||||||
|
|
||||||
@media screen and (min-width:621px) and (max-width:720px) {}
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (min-width:721px) and (max-width:820px) {
|
@media screen and (min-width:721px) and (max-width:820px) {
|
||||||
|
@ -424,15 +413,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width:750px) {
|
@media screen and (max-width:750px) {
|
||||||
.logo{width: 60%;}
|
.logo{width: 50%;}
|
||||||
.head-box {top: 0px;}
|
.head-box {top: 0px;}
|
||||||
.gongn{display: inline;right: 20px;width: 40px;height: 40px;}
|
.gongn{display: inline;right: 20px;width: 40px;height: 40px;}
|
||||||
.dmedia{display: none;}
|
.dmedia{display: none;}
|
||||||
.head-box{padding: 10px 20px;}
|
.head-box{padding: 10px 20px;}
|
||||||
.p-zy180{padding: 10px 20px 0 20px;}
|
.p-zy180{padding: 10px 20px 0 20px;}
|
||||||
.cq-item-title-box {padding: 10px 0;}
|
.cq-item-title-box {padding: 10px 0 20px 0;}
|
||||||
.font-32 {font-size: 16px;}
|
.font-32 {font-size: 26px;}
|
||||||
.font-22 {font-size: 12px;}
|
.font-22 {font-size: 14px;}
|
||||||
.cq-gengd {font-size: 12px;color: #191919;}
|
.cq-gengd {font-size: 12px;color: #191919;}
|
||||||
.cq-item-title-box>div>div{background: -webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 6px;bottom: 0;left: 0; width: 70px;opacity: .8;z-index: 0;}
|
.cq-item-title-box>div>div{background: -webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 6px;bottom: 0;left: 0; width: 70px;opacity: .8;z-index: 0;}
|
||||||
.exhibition .item-box {height: 270px;}
|
.exhibition .item-box {height: 270px;}
|
||||||
|
@ -442,7 +431,7 @@
|
||||||
.swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 6px;height: 6px;}
|
.swiper-pagination-bullet,.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{width: 6px;height: 6px;}
|
||||||
.swiper-button-next, .swiper-button-prev {background: rgba(0,0,0,.6);width: 20px;height: 20px;top: 42%;}
|
.swiper-button-next, .swiper-button-prev {background: rgba(0,0,0,.6);width: 20px;height: 20px;top: 42%;}
|
||||||
.swiper-button-next::after, .swiper-button-prev::after {font-size: 12px;}
|
.swiper-button-next::after, .swiper-button-prev::after {font-size: 12px;}
|
||||||
.m-sx16 {margin-top: 10px;margin-bottom: 10px;}
|
.m-sx16 {margin-top: 6px;margin-bottom: 6px;}
|
||||||
.m-x16 {margin-bottom: 2px;}
|
.m-x16 {margin-bottom: 2px;}
|
||||||
.m-x65 {margin-bottom: 20px;}
|
.m-x65 {margin-bottom: 20px;}
|
||||||
.p-sx20{padding-top: 0px;padding-bottom: 10px;}
|
.p-sx20{padding-top: 0px;padding-bottom: 10px;}
|
||||||
|
@ -456,11 +445,9 @@
|
||||||
.djb{display: inline;}
|
.djb{display: inline;}
|
||||||
.djb .w50{width: 100%;margin-bottom: 10px;}
|
.djb .w50{width: 100%;margin-bottom: 10px;}
|
||||||
.djb .w50 .m-zy30{margin-left: 0px;margin-right: 0px;margin-bottom: 10px;}
|
.djb .w50 .m-zy30{margin-left: 0px;margin-right: 0px;margin-bottom: 10px;}
|
||||||
.ys-title {font-size: 16px;}
|
|
||||||
.ya-item-box .pr{padding-right: 0;}
|
.ya-item-box .pr{padding-right: 0;}
|
||||||
.m-s37 {margin-top: 10px;}
|
.m-s37 {margin-top: 20px;}
|
||||||
.syysj-box,.xinxy-box{padding-bottom: 20px;}
|
.syysj-box,.xinxy-box{padding-bottom: 20px;}
|
||||||
.xinxy-box .dac{display: inline;}
|
|
||||||
.syysj-box .dac{display: inherit;}
|
.syysj-box .dac{display: inherit;}
|
||||||
.syysj-box .dac .m-zy30{margin-left: 10px;margin-right: 10px;height: 200px;}
|
.syysj-box .dac .m-zy30{margin-left: 10px;margin-right: 10px;height: 200px;}
|
||||||
.syysj-box .dac .m-zy30 .m-s30{margin-top: 20px;}
|
.syysj-box .dac .m-zy30 .m-s30{margin-top: 20px;}
|
||||||
|
@ -470,73 +457,138 @@
|
||||||
.wc-box > div > img {width: 100%;}
|
.wc-box > div > img {width: 100%;}
|
||||||
.sypx-box {padding-bottom: 20px;}
|
.sypx-box {padding-bottom: 20px;}
|
||||||
.sypx-box .djb .backf {padding-bottom: 10px;}
|
.sypx-box .djb .backf {padding-bottom: 10px;}
|
||||||
.sypx-box .djb .backf div{margin-top: 10px;}
|
.sypx-box .djb .backf div{margin-top: 10px;margin-right: 10px;}
|
||||||
.hz-jies{position: absolute;top: 25px;left: 0;margin-left: 0px;}
|
.hz-jies{position: absolute;top: 45px;left: 0;margin-left: 0px;}
|
||||||
.hz-imgItem{margin-top: 20px;}
|
.hz-imgItem{margin-top: 20px;}
|
||||||
.hz-input-box{display: inherit;}
|
.hz-input-box{display: inherit;}
|
||||||
.hzly-box{padding: 20px;}
|
.hzly-box{padding: 20px;}
|
||||||
.hz-input-box .p-zy10{width: 94%;margin-top: 10px;}
|
.hz-input-box .p-zy10{width: 98%;margin-top: 10px;}
|
||||||
.hz-input-box .p-zy10:first-child{margin-top: 30px;}
|
.hz-input-box .p-zy10:first-child{margin-top: 30px;}
|
||||||
.hz-input-box div{margin-top: 10px;text-align: center;}
|
.hz-input-box div{margin-top: 10px;text-align: center;}
|
||||||
#gotoTop {width: 40px;height: 40px;right: 20px;bottom: 120px;}
|
#gotoTop {width: 40px;height: 40px;right: 20px;bottom: 120px;}
|
||||||
|
.hz-input-box{display: flex;justify-content: center;flex-direction: column;}
|
||||||
|
.hz-input-box .p-zy10{width: 96%;}
|
||||||
|
.hz-input-box input{margin-right: 0;}
|
||||||
|
.hz-input-box textarea{display: flex;width: 96%;border: 1px solid #e9e9e9;resize: none;border-radius: 3px;margin: 10px 0;height: 90px;padding: 10px;}
|
||||||
|
#submitLY{margin: 10px 0 0px 0;width: 40%;padding: 0;}
|
||||||
|
.hz-imgItem{flex-wrap: wrap;margin-top: 52px;}
|
||||||
|
.hz-imgItem div{width: 25%;margin-bottom: 20px;}
|
||||||
|
.hz-imgItem div img{width: 80%;}
|
||||||
|
.sypx-box .djb .backf{padding-bottom: 0px;}
|
||||||
|
.djb .w50:last-child{display: flex;justify-content: space-between;}
|
||||||
|
.djb .w50 .m-zy30{margin-bottom: 0px;}
|
||||||
|
.wc-box{width: 100%;}
|
||||||
|
.sypx-box .ys-title{height: 50px;line-height: 50px;}
|
||||||
|
.ys-title{font-size: 15px;padding-right: 0;}
|
||||||
|
.sypx-box img{max-height: 230px;object-fit: cover;}
|
||||||
|
.wc-box .w25,.djb .w50>div{width: 48%;}
|
||||||
|
.sypx-box .djb .w50 .ys-title{width: 90%;}
|
||||||
|
.wc-box{justify-content: space-between;}
|
||||||
|
#homeArtist{width: 102%;}
|
||||||
|
#homeArtist{display: flex; justify-content: space-between;flex-wrap: nowrap;}
|
||||||
|
#homeArtist .w20{width: 32%;}
|
||||||
|
#homeArtist .m-s10{margin-top: 10px; text-align: center;display: inherit;}
|
||||||
|
#homeArtist .ysj-itemcheck,#homeArtist .ysj-itemcon{display: none;}
|
||||||
|
.ysc {justify-content: space-between;}
|
||||||
|
.ysc .w25{width: 48%;}
|
||||||
|
.xinxy-box .dac{width: 100%;}
|
||||||
|
.yssc-img,.yssc-item {height: 240px;}
|
||||||
|
.yssc-cont>div{width: 100%!important;}
|
||||||
|
.xinxy-box .msg .w48{width: 100%;}
|
||||||
|
.xx-img{width: 100%;max-width: 100%;max-height: 200px;object-fit: cover;}
|
||||||
|
.exhibition .swiper-slide .item-box{width: 200px;}
|
||||||
|
.exhibition .tl div{display: none;}
|
||||||
|
.exhibition .tl div:nth-child(1){display: inherit;}
|
||||||
|
.exhibition .tl div:nth-child(2){display: -webkit-box;}
|
||||||
}
|
}
|
||||||
@media screen and (min-width:751px) and (max-width:850px) {
|
@media screen and (min-width:751px) and (max-width:850px) {
|
||||||
.logo{width: 26%;}
|
.logo{width: 26%;}
|
||||||
.gongn{display: inline;}
|
.gongn{display: inline;}
|
||||||
.dmedia{display: none;}
|
.dmedia{display: none;}
|
||||||
.p-zy180,.head-box{padding: 10px 60px;}
|
.p-zy180,.head-box{padding: 10px 20px;}
|
||||||
|
.hz-input-box div{padding: 0px 50px;}
|
||||||
|
.hz-jies{position: absolute;top: 40px;left: 0;margin-left: 0px;}
|
||||||
|
.hz-input-box .p-zy10{margin-top: 20px;}
|
||||||
|
.hz-input-box div{margin-top: 20px;}
|
||||||
|
.hz-imgItem{flex-wrap: wrap;margin-top: 52px;}
|
||||||
|
.hz-imgItem div{width: 25%;margin-bottom: 20px;}
|
||||||
|
.hz-imgItem div img{width: 80%;}
|
||||||
|
.sypx-box img{height: 200px;object-fit: cover;}
|
||||||
|
.sypx-box .ys-title{height: 40px;line-height: 40px;}
|
||||||
|
.ys-title{font-size: 15px;}
|
||||||
|
.m-zy30 {margin-left: 15px;margin-right: 15px;}
|
||||||
}
|
}
|
||||||
@media screen and (min-width:851px) and (max-width:1000px) {
|
@media screen and (min-width:851px) and (max-width:1000px) {
|
||||||
.logo{width: 26%;}
|
.logo{width: 26%;}
|
||||||
.gongn{display: inline;}
|
.gongn{display: inline;}
|
||||||
.dmedia{display: none;}
|
.dmedia{display: none;}
|
||||||
.input-box{display: none;}
|
.input-box{display: none;}
|
||||||
.head-box{padding: 10px 60px 5px 60px;}
|
.head-box{padding: 10px 20px 5px 20px;}
|
||||||
.p-zy180 {padding: 10px 60px;}
|
.p-zy180 {padding: 10px 20px;}
|
||||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
.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:last-child{padding-right: 0;}
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
.dao-box>li>div{padding: 6px 0;}
|
||||||
.head-nav-box > div:last-child {margin-top: 0px;}
|
.head-nav-box > div:last-child {margin-top: 0px;}
|
||||||
.redD {right: 6px;}
|
.redD {right: 6px;}
|
||||||
|
.hz-input-box div{padding: 0px 50px;}
|
||||||
|
.hz-jies{position: absolute;top: 40px;left: 0;margin-left: 0px;}
|
||||||
|
.hz-input-box .p-zy10{margin-top: 20px;}
|
||||||
|
.hz-input-box div{margin-top: 20px;}
|
||||||
|
.hz-imgItem{flex-wrap: wrap;margin-top: 52px;}
|
||||||
|
.hz-imgItem div{width: 25%;margin-bottom: 20px;}
|
||||||
|
.hz-imgItem div img{width: 80%;}
|
||||||
|
.sypx-box img{height: 200px;object-fit: cover;}
|
||||||
|
.sypx-box .ys-title{height: 50px;line-height: 50px;}
|
||||||
|
.ys-title{font-size: 15px;}
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1001px) and (max-width:1120px) {
|
@media screen and (min-width:1001px) and (max-width:1120px) {
|
||||||
.logo{width: 26%;}
|
.logo{width: 26%;}
|
||||||
.input-box{display: none;}
|
.input-box{display: none;}
|
||||||
.p-zy180,.head-box{padding: 10px 100px;}
|
.p-zy180,.head-box{padding: 10px 60px;}
|
||||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
.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:last-child{padding-right: 0;}
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
.dao-box>li>div{padding: 6px 0;}
|
||||||
.head-nav-box > div:last-child {margin-top: 0px;}
|
.head-nav-box > div:last-child {margin-top: 0px;}
|
||||||
.redD {right: 6px;}
|
.redD {right: 6px;}
|
||||||
|
.hz-imgItem{flex-wrap: wrap;margin-top: 52px;}
|
||||||
|
.hz-imgItem div{width: 25%;margin-bottom: 20px;}
|
||||||
|
.hz-imgItem div img{width: 80%;}
|
||||||
|
.sypx-box img{height: 240px;object-fit: cover;}
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1121px) and (max-width:1260px) {
|
@media screen and (min-width:1121px) and (max-width:1260px) {
|
||||||
.logo{width: 26%;}
|
.logo{width: 26%;}
|
||||||
.input-box{display: none;}
|
.input-box{display: none;}
|
||||||
.p-zy180,.head-box{padding: 10px 100px;}
|
.p-zy180,.head-box{padding: 10px 60px;}
|
||||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
.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:last-child{padding-right: 0;}
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
.dao-box>li>div{padding: 6px 0;}
|
||||||
.head-nav-box > div:last-child {margin-top: 10px;}
|
.head-nav-box > div:last-child {margin-top: 10px;}
|
||||||
.redD {right: 6px;}
|
.redD {right: 6px;}
|
||||||
|
.sypx-box img{height: 240px;object-fit: cover;}
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1261px) and (max-width:1350px) {
|
@media screen and (min-width:1261px) and (max-width:1350px) {
|
||||||
.logo{width: 26%;}
|
.logo{width: 26%;}
|
||||||
.p-zy180,.head-box{padding: 10px 100px;}
|
.p-zy180,.head-box{padding: 10px 60px;}
|
||||||
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
.dao-box>li{padding: 5px 16px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
.dao-box>li>div{padding: 6px 0;}
|
||||||
.head-nav-box > div:last-child {margin-top: 10px;}
|
.head-nav-box > div:last-child {margin-top: 10px;}
|
||||||
.redD {right: 6px;}
|
.redD {right: 6px;}
|
||||||
|
.sypx-box img{height: 240px;object-fit: cover;}
|
||||||
|
}
|
||||||
|
@media (min-width:1200px) and (max-width:1440px){
|
||||||
|
.p-zy180,.head-box{padding: 20px 120px!important;}
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1351px) and (max-width:1620px) {
|
@media screen and (min-width:1351px) and (max-width:1620px) {
|
||||||
.logo{width: 26%;}
|
.logo{width: 26%;}
|
||||||
.p-zy180,.head-box{padding: 20px 100px;}
|
.p-zy180,.head-box{padding: 20px 180px;}
|
||||||
.dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
.dao-box>li{padding: 5px 20px;flex-shrink: 0;text-align: center;font-size: 16px;}
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
.dao-box>li>div{padding: 6px 0;}
|
||||||
.redD {right: 8px;}
|
.redD {right: 8px;}
|
||||||
|
.sypx-box img{height: 340px;object-fit: cover;}
|
||||||
}
|
}
|
||||||
@media screen and (min-width:1621px) and (max-width:1820px) {
|
@media screen and (min-width:1621px) and (max-width:1820px) {
|
||||||
.logo{width: 30%;}
|
.logo{width: 30%;}
|
||||||
.p-zy180,.head-box{padding: 20px 100px;}
|
.p-zy180,.head-box{padding: 20px 180px;}
|
||||||
}
|
}
|
||||||
@media screen and (min-width:751px) and (max-width:1820px) {
|
@media screen and (min-width:751px) and (max-width:1820px) {
|
||||||
.cq-item-title-box {padding: 20px 0 15px 0;}
|
.cq-item-title-box {padding: 20px 0 15px 0;}
|
||||||
|
|
|
@ -124,10 +124,10 @@
|
||||||
</ul>
|
</ul>
|
||||||
<!-- 全部列表 -->
|
<!-- 全部列表 -->
|
||||||
<section id="zx-list">
|
<section id="zx-list">
|
||||||
<div class="bbt djbac psx p-sx30">
|
<div class="bbt dac psx p-sx30">
|
||||||
<div class="fs m-y30">
|
<div class="fs m-y30">
|
||||||
<a href="realTimeInfoDetail.html">
|
<a href="realTimeInfoDetail.html">
|
||||||
<img style="width: 100%;" src="../../img/public/zx-01.png" alt="图片丢失" title="">
|
<img style="width: 100%;max-height: 225px;" src="../../img/public/zx-01.png" alt="图片丢失" title="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
@ -137,10 +137,10 @@
|
||||||
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
|
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bbt djbac psx p-sx30">
|
<div class="bbt dac psx p-sx30">
|
||||||
<div class="fs m-y30">
|
<div class="fs m-y30">
|
||||||
<a href="realTimeInfoDetail.html">
|
<a href="realTimeInfoDetail.html">
|
||||||
<img style="width: 100%;" src="../../img/public/zx-02.png" alt="图片丢失" title="">
|
<img style="width: 100%;max-height: 225px;" src="../../img/public/zx-02.png" alt="图片丢失" title="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
@ -150,10 +150,10 @@
|
||||||
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
|
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bbt djbac psx p-sx30">
|
<div class="bbt dac psx p-sx30">
|
||||||
<div class="fs m-y30">
|
<div class="fs m-y30">
|
||||||
<a href="realTimeInfoDetail.html">
|
<a href="realTimeInfoDetail.html">
|
||||||
<img style="width: 100%;" src="../../img/public/zx-03.png" alt="图片丢失" title="">
|
<img style="width: 100%;max-height: 225px;" src="../../img/public/zx-03.png" alt="图片丢失" title="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
@ -163,10 +163,10 @@
|
||||||
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
|
<div class="font-15 col19 linh28" style="text-indent: 2em;">人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bbt djbac psx p-sx30">
|
<div class="bbt dac psx p-sx30">
|
||||||
<div class="fs m-y30">
|
<div class="fs m-y30">
|
||||||
<a href="realTimeInfoDetail.html">
|
<a href="realTimeInfoDetail.html">
|
||||||
<img style="width: 100%;" src="../../img/public/zx-04.png" alt="图片丢失" title="">
|
<img style="width: 100%;max-height: 225px;" src="../../img/public/zx-04.png" alt="图片丢失" title="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -67,7 +67,7 @@
|
||||||
<span class="redD pa dn"></span>
|
<span class="redD pa dn"></span>
|
||||||
</li>
|
</li>
|
||||||
<li class="pr">
|
<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>
|
<span class="redD pa dn"></span>
|
||||||
</li>
|
</li>
|
||||||
<li class="pr">
|
<li class="pr">
|
||||||
|
@ -122,7 +122,63 @@
|
||||||
<li><a href="javascript:;">其他</a><div></div></li>
|
<li><a href="javascript:;">其他</a><div></div></li>
|
||||||
</ul>
|
</ul>
|
||||||
<!-- 全部的课堂介绍列表 -->
|
<!-- 全部的课堂介绍列表 -->
|
||||||
<div id="px-list" class="p-s10"></div>
|
<div id="px-list" class="p-s10">
|
||||||
|
<div class="djbac backf5">
|
||||||
|
<div class="pr fs w50">
|
||||||
|
<img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title="">
|
||||||
|
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||||||
|
</div>
|
||||||
|
<div class="p-zy40 w50">
|
||||||
|
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
|
||||||
|
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推</div>
|
||||||
|
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="djbac backf5">
|
||||||
|
<div class="p-zy40 w50">
|
||||||
|
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
|
||||||
|
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推</div>
|
||||||
|
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="pr fs w50">
|
||||||
|
<img width="100%" class="px-item-img" src="../../img/public/px02.png" alt="图片丢失" title="">
|
||||||
|
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="djbac backf5">
|
||||||
|
<div class="pr fs w50">
|
||||||
|
<img width="100%" class="px-item-img" src="../../img/public/px03.png" alt="图片丢失" title="">
|
||||||
|
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||||||
|
</div>
|
||||||
|
<div class="p-zy40 w50">
|
||||||
|
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
|
||||||
|
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推</div>
|
||||||
|
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="djbac backf5">
|
||||||
|
<div class="p-zy40 w50">
|
||||||
|
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
|
||||||
|
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推</div>
|
||||||
|
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
|
||||||
|
</div>
|
||||||
|
<div class="pr fs w50">
|
||||||
|
<img width="100%" class="px-item-img" src="../../img/public/px04.png" alt="图片丢失" title="">
|
||||||
|
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="djbac backf5">
|
||||||
|
<div class="pr fs w50">
|
||||||
|
<img width="100%" class="px-item-img" src="../../img/public/px05.png" alt="图片丢失" title="">
|
||||||
|
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||||||
|
</div>
|
||||||
|
<div class="p-zy40 w50">
|
||||||
|
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">艺术清酒--得寓(酒标作品)Delight Sake</div></div>
|
||||||
|
<div class="font-15 col19 linh30 clips4 op8 m-s16">本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推</div>
|
||||||
|
<div class="font-12 colcb m-s30"><span class="cq-cp">查看详情+</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<!-- 全部的课堂视频列表 -->
|
<!-- 全部的课堂视频列表 -->
|
||||||
<div id="pxsp-list" class="p-s10 djbac fw" style="width: 102%;display: none;"></div>
|
<div id="pxsp-list" class="p-s10 djbac fw" style="width: 102%;display: none;"></div>
|
||||||
<!-- 直播 -->
|
<!-- 直播 -->
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 942 B |
Binary file not shown.
After Width: | Height: | Size: 866 B |
Binary file not shown.
After Width: | Height: | Size: 1011 B |
Binary file not shown.
After Width: | Height: | Size: 903 B |
145
index.html
145
index.html
|
@ -6,8 +6,8 @@
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||||
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
|
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="css/huaxia.css"/>
|
<link rel="stylesheet" type="text/css" href="css/huaxia.css"/>
|
||||||
<link rel="stylesheet" type="text/css" href="css/foot.min.css"/>
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/huaxiaMedia.css"/>
|
<link rel="stylesheet" type="text/css" href="css/huaxiaMedia.css"/>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/foot.min.css"/>
|
||||||
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||||
<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||||
<script src="js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||||
|
@ -257,7 +257,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="djbacfw msg">
|
<div class="djbacfw msg">
|
||||||
<div class="dac backf p-sx20 w48 m-x32">
|
<div class="dac backf p-sx20 w48 m-x32">
|
||||||
<img src="img/public/xin-one.png" class="xx-img" style="max-width:252px" alt="图片丢失" title="">
|
<img src="img/public/xin-one.png" class="xx-img" alt="图片丢失" title="">
|
||||||
<div class="m-zy15">
|
<div class="m-zy15">
|
||||||
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
|
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
|
||||||
<div class="font-12 col9 m-sx10">2021.06.30</div>
|
<div class="font-12 col9 m-sx10">2021.06.30</div>
|
||||||
|
@ -265,7 +265,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dac backf p-sx20 w48 m-x32">
|
<div class="dac backf p-sx20 w48 m-x32">
|
||||||
<img src="img/public/xin-two.png" class="xx-img" style="max-width:252px" alt="图片丢失" title="">
|
<img src="img/public/xin-two.png" class="xx-img" alt="图片丢失" title="">
|
||||||
<div class="m-zy15">
|
<div class="m-zy15">
|
||||||
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
|
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
|
||||||
<div class="font-12 col9 m-sx10">2021.06.30</div>
|
<div class="font-12 col9 m-sx10">2021.06.30</div>
|
||||||
|
@ -273,7 +273,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dac backf p-sx20 w48 m-x32">
|
<div class="dac backf p-sx20 w48 m-x32">
|
||||||
<img src="img/public/xin-three.png" class="xx-img" style="max-width:252px" alt="图片丢失" title="">
|
<img src="img/public/xin-three.png" class="xx-img" alt="图片丢失" title="">
|
||||||
<div class="m-zy15">
|
<div class="m-zy15">
|
||||||
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
|
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
|
||||||
<div class="font-12 col9 m-sx10">2021.06.30</div>
|
<div class="font-12 col9 m-sx10">2021.06.30</div>
|
||||||
|
@ -281,7 +281,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dac backf p-sx20 w48 m-x32">
|
<div class="dac backf p-sx20 w48 m-x32">
|
||||||
<img src="img/public/xin-four.png" class="xx-img" style="max-width:252px" alt="图片丢失" title="">
|
<img src="img/public/xin-four.png" class="xx-img" alt="图片丢失" title="">
|
||||||
<div class="m-zy15">
|
<div class="m-zy15">
|
||||||
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
|
<div class="clips1 font-18 col19">助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...</div>
|
||||||
<div class="font-12 col9 m-sx10">2021.06.30</div>
|
<div class="font-12 col9 m-sx10">2021.06.30</div>
|
||||||
|
@ -295,10 +295,10 @@
|
||||||
<div class="cq-gengd cq-cp sy-more">View More +</div>
|
<div class="cq-gengd cq-cp sy-more">View More +</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="djb">
|
<div class="djb">
|
||||||
<div class="w50">
|
<div class="w50 yssc-cont">
|
||||||
<div class="pr backf">
|
<div class="pr backf">
|
||||||
<img src="img/public/yi-one.png" class="yssc-img" width="100%">
|
<img src="img/public/yi-one.png" class="yssc-img" width="100%">
|
||||||
<div class="pa ys-price">¥2256.0</div>
|
<div class="pa ys-price">¥22560.0</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
<div class="clips1 m-sx16 ys-title">艺术清酒--得寓(酒标作品)Delight Sake</div>
|
||||||
<div class="ys-cate">分类:酒品包装</div>
|
<div class="ys-cate">分类:酒品包装</div>
|
||||||
|
@ -407,7 +407,47 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 艺术家item列表 -->
|
<!-- 艺术家item列表 -->
|
||||||
<div id="homeArtist" class="dac fw ysj"></div>
|
<div id="homeArtist" class="dac fw ysj">
|
||||||
|
<div class="w20 m-s37">
|
||||||
|
<div class="ya-item-box backf">
|
||||||
|
<img class="w100" src="img/public/ys-one.png" alt="图片丢失" title="">
|
||||||
|
<div class="p-zy15">
|
||||||
|
<div class="m-s10 djbac">
|
||||||
|
<div class="ys-title clips1">张龙森</div>
|
||||||
|
<div class="col19 fs cq-cp ysj-itemcheck">查看作品</div>
|
||||||
|
</div>
|
||||||
|
<div class="ysj-itemcon font-14 linh24">职业画家</div>
|
||||||
|
<div class="clips2 ysj-itemcon font-14 linh24">毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w20 m-s37">
|
||||||
|
<div class="ya-item-box backf">
|
||||||
|
<img class="w100" src="img/public/ys-two.png" alt="图片丢失" title="">
|
||||||
|
<div class="p-zy15">
|
||||||
|
<div class="m-s10 djbac">
|
||||||
|
<div class="ys-title clips1">张龙森</div>
|
||||||
|
<div class="col19 fs cq-cp ysj-itemcheck">查看作品</div>
|
||||||
|
</div>
|
||||||
|
<div class="ysj-itemcon font-14 linh24">职业画家</div>
|
||||||
|
<div class="clips2 ysj-itemcon font-14 linh24">毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w20 m-s37">
|
||||||
|
<div class="ya-item-box backf">
|
||||||
|
<img class="w100" src="img/public/ys-three.png" alt="图片丢失" title="">
|
||||||
|
<div class="p-zy15">
|
||||||
|
<div class="m-s10 djbac">
|
||||||
|
<div class="ys-title clips1">张龙森</div>
|
||||||
|
<div class="col19 fs cq-cp ysj-itemcheck">查看作品</div>
|
||||||
|
</div>
|
||||||
|
<div class="ysj-itemcon font-14 linh24">职业画家</div>
|
||||||
|
<div class="clips2 ysj-itemcon font-14 linh24">毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-zy180">
|
<div class="p-zy180">
|
||||||
<!-- 文创专区 -->
|
<!-- 文创专区 -->
|
||||||
|
@ -415,7 +455,7 @@
|
||||||
<div class="font-32 pr">文创专区<span class="font-22 m-z10">Cultural and Creative Zone</span><div class="pa"></div></div>
|
<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 sy-more">View More +</div>
|
<div class="cq-gengd cq-cp sy-more">View More +</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dac fw wc-box" style="width: 101%;">
|
<div class="dac fw wc-box">
|
||||||
<div class="w25 ya-item-box m-x37 cq-cp">
|
<div class="w25 ya-item-box m-x37 cq-cp">
|
||||||
<img src="img/public/wc-01.png">
|
<img src="img/public/wc-01.png">
|
||||||
<div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div>
|
<div class="clips1 m-sx16 ys-title"><a href="">艺术清酒--得寓(酒标作品)Delight Sake</a></div>
|
||||||
|
@ -514,8 +554,8 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="djbac m-s20 pr hz-input-box">
|
<div class="djbac m-s20 pr hz-input-box">
|
||||||
<input class="w100 p-zy10" type="text" name="username" placeholder="联系人" />
|
<input class="w100 p-zy10" type="text" name="username" placeholder="联系人" />
|
||||||
<input class="w100 p-zy10" type="number" name="userphone" placeholder="联系电话" />
|
<input class="w100 p-zy10" type="number" maxlength="11" name="userphone" placeholder="联系电话" />
|
||||||
<input class="w100 p-zy10" type="text" name="usercontent" placeholder="联系说明" />
|
<textarea class="w100 p-zy10" rows="" cols="" placeholder="留言内容"></textarea>
|
||||||
<div id="submitLY" class="fs cq-cp">提交</div>
|
<div id="submitLY" class="fs cq-cp">提交</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -523,7 +563,88 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 底部导航 -->
|
<!-- 底部导航 -->
|
||||||
<iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe>
|
<!-- <iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no" marginwidth='0' marginheight='0'></iframe> -->
|
||||||
|
<div class="foot-nav-box">
|
||||||
|
<!-- 导航文字 -->
|
||||||
|
<div class="foot-box-nav">
|
||||||
|
<div><a href="index.html" target="_parent">首页</a></div>
|
||||||
|
<div><a href="htmls/artNetwork/realTimeInfo.html" target="_parent">资讯</a></div>
|
||||||
|
<div><a href="htmls/artNetwork/exhibition.html" target="_parent">展览</a></div>
|
||||||
|
<div><a href="htmls/artNetwork/artist.html" target="_parent">艺术家</a></div>
|
||||||
|
<div><a href="htmls/artNetwork/mechanism.html" target="_parent">机构</a></div>
|
||||||
|
<div><a href="htmls/artNetwork/train.html" target="_parent">培训</a></div>
|
||||||
|
<div><a href="htmls/artNetwork/shoppingMall.html" target="_parent">商城</a></div>
|
||||||
|
<div><a href="htmls/artNetwork/auction.html" target="_parent">拍卖</a></div>
|
||||||
|
</div>
|
||||||
|
<!-- 导航图片 -->
|
||||||
|
<div class="foot-box-img">
|
||||||
|
<img src="img/public/foot-xl.png" alt="图片缺失" title="新浪">
|
||||||
|
<img src="img/public/foot-wx.png" alt="图片缺失" title="微信">
|
||||||
|
<img src="img/public/foot-whatsapp.png" alt="图片缺失" title="电话">
|
||||||
|
<img src="img/public/foot-facebook.png" alt="图片缺失" title="facebook">
|
||||||
|
<img src="img/public/foot-skype.png" alt="图片缺失" title="钱">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="foot-end-box">
|
||||||
|
<div>
|
||||||
|
<img src="img/logo.png" alt="图片丢失" title="华夏艺术网">
|
||||||
|
<div class="linh26">
|
||||||
|
<div class="foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
|
||||||
|
<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="foot-end-right">
|
||||||
|
<div>
|
||||||
|
<div>
|
||||||
|
<img class="shu-logo" src="img/public/shuy-logo.png" alt="图片丢失" title="成都惠民职工书院">
|
||||||
|
</div>
|
||||||
|
<div class="linh30">
|
||||||
|
<div class="foot-end-titlez">成都惠民职工书院</div>
|
||||||
|
<div class="foot-end-content">地址:成都市青羊区青羊大道129号文化宫2楼</div>
|
||||||
|
<div class="foot-end-content">电话:028-81712589</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="foot-count">
|
||||||
|
<div class="foot-end-title">联系我们</div>
|
||||||
|
<div class="foot-end-content">地址:四川省成都市武侯区天益街38号理想中心3栋601</div>
|
||||||
|
<div class="foot-end-content">手机:13880548658</div>
|
||||||
|
<div class="foot-end-content">电话:028-61529525</div>
|
||||||
|
<div class="foot-end-content">邮箱:zarts@126.com</div>
|
||||||
|
</div>
|
||||||
|
<div class="foot-qrcode">
|
||||||
|
<div>
|
||||||
|
<img src="img/public/huax-em.png" alt="图片丢失" title="华夏艺术网">
|
||||||
|
<div>华夏艺术网</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="img/public/shuy-em.png" alt="图片丢失" title="成都惠民职工书院">
|
||||||
|
<div>成都惠民职工书院</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved.  蜀ICP备11111111号  技术支持:全美网络 </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- 底部固定导航栏 -->
|
||||||
|
<div class="fixed_foot">
|
||||||
|
<a class="w100 dac fc" style="background: red;" href="index.html">
|
||||||
|
<div><img src="img/home.png" width="28" height="26" ></div>
|
||||||
|
<span class="font-22 colf">首页</span>
|
||||||
|
</a>
|
||||||
|
<a class="w100 dac fc" href="htmls/artNetwork/shoppingMall.html">
|
||||||
|
<div><img src="img/shop.png" width="28" height="26" ></div>
|
||||||
|
<span class="font-22 colf">商城</span>
|
||||||
|
</a>
|
||||||
|
<a class="w100 dac fc" href="htmls/logshoppingcar/shopcar.html">
|
||||||
|
<div><img src="img/cart.png" width="28" height="26" ></div>
|
||||||
|
<span class="font-22 colf">购物车</span>
|
||||||
|
</a>
|
||||||
|
<a class="w100 dac fc" href="htmls/grzx/personalData.html">
|
||||||
|
<div><img src="img/personal.png" width="28" height="26" ></div>
|
||||||
|
<span class="font-22 colf">个人中心</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
<!-- 回到顶部 -->
|
<!-- 回到顶部 -->
|
||||||
<img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
<img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||||
</body>
|
</body>
|
||||||
|
|
88
js/huaxia.js
88
js/huaxia.js
|
@ -210,20 +210,18 @@ $(function(){
|
||||||
jgxList()//机构新闻动态事件
|
jgxList()//机构新闻动态事件
|
||||||
pmList()//拍卖列表事件
|
pmList()//拍卖列表事件
|
||||||
checkPMShop()//拍卖所有商品事件
|
checkPMShop()//拍卖所有商品事件
|
||||||
checkPXList()//培训列表事件
|
|
||||||
checkPXSPList()//培训视频事件
|
checkPXSPList()//培训视频事件
|
||||||
checkJFList()//查询积分商城列表
|
checkJFList()//查询积分商城列表
|
||||||
checkAllSList()//查询所有商品
|
checkAllSList()//查询所有商品
|
||||||
homeArtist()//查询艺术家列表
|
|
||||||
let zhTop = 0
|
let zhTop = 0
|
||||||
$(window).scroll(function() {
|
$(window).scroll(function() {
|
||||||
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
|
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
|
||||||
if(zhTop==0) zhTop = $(window).scrollTop()/2
|
if(zhTop==0) zhTop = $(window).scrollTop()/2
|
||||||
// $('.zx-more').css('display','flex')
|
$('.zx-more').css('display','flex')
|
||||||
// setTimeout(function(){
|
setTimeout(function(){
|
||||||
// $('.zx-more').css('display','none')
|
$('.zx-more').css('display','none')
|
||||||
// window.scrollBy(0,-10);
|
// window.scrollBy(0,-10);
|
||||||
// },1500)
|
},1500)
|
||||||
// checkPeo()
|
// checkPeo()
|
||||||
// checkExhibitone()
|
// checkExhibitone()
|
||||||
// checkBooks()
|
// checkBooks()
|
||||||
|
@ -350,7 +348,7 @@ $(function(){
|
||||||
$(e.target).next().css('display','inline')
|
$(e.target).next().css('display','inline')
|
||||||
console.log($(e.target).next().attr("class"));
|
console.log($(e.target).next().attr("class"));
|
||||||
if ($(e.target).next().attr("class")!="upImg") {
|
if ($(e.target).next().attr("class")!="upImg") {
|
||||||
|
console.log(123);
|
||||||
$(".uptoux").attr('src',$filePath);
|
$(".uptoux").attr('src',$filePath);
|
||||||
$(".ty_topimgtx").css("display","block")
|
$(".ty_topimgtx").css("display","block")
|
||||||
}
|
}
|
||||||
|
@ -410,35 +408,6 @@ function closeTK(){//关闭弹框
|
||||||
$('#cicun').val('')
|
$('#cicun').val('')
|
||||||
$('#name').val('')
|
$('#name').val('')
|
||||||
}
|
}
|
||||||
function homeArtist(){//首页艺术家
|
|
||||||
var ysjhtml = '';
|
|
||||||
var ysjdata = [
|
|
||||||
{imgSrc:'img/public/ys-one.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
|
||||||
{imgSrc:'img/public/ys-two.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
|
||||||
{imgSrc:'img/public/ys-three.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
|
||||||
{imgSrc:'img/public/ys-four.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
|
||||||
{imgSrc:'img/public/ys-five.png',name:'张龙森',work:'职业画家',content:'毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院现工作生活于北京...'},
|
|
||||||
]
|
|
||||||
$.each(ysjdata, function(commentIndex, comment) {
|
|
||||||
ysjhtml +=`<div class="w20 m-s37">
|
|
||||||
<div class="ya-item-box backf">
|
|
||||||
<img class="w100" src="${comment.imgSrc}">
|
|
||||||
<div class="p-zy15">
|
|
||||||
<div class="m-s10 djbac">
|
|
||||||
<div class="ys-title clips1">${comment.name}</div>
|
|
||||||
<div class="col19 fs cq-cp ysj-itemcheck">查看作品</div>
|
|
||||||
</div>
|
|
||||||
<div class="ysj-itemcon font-14 linh24">${comment.work}</div>
|
|
||||||
<div class="clips2 ysj-itemcon font-14 linh24">${comment.content}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>`
|
|
||||||
});
|
|
||||||
$('#homeArtist').prepend(ysjhtml);
|
|
||||||
}
|
|
||||||
function goJGDetail(e){//查看机构详情
|
|
||||||
location.href = `mechanismDetail.html?id=${e}`
|
|
||||||
}
|
|
||||||
function checkPeo(){//查询机构成员列表
|
function checkPeo(){//查询机构成员列表
|
||||||
let jgmHtml = '';
|
let jgmHtml = '';
|
||||||
let jgmData = [
|
let jgmData = [
|
||||||
|
@ -616,51 +585,6 @@ function checkPMShop(){//拍卖全部商品事件
|
||||||
function goPMSDetail(e){//查看资讯详情
|
function goPMSDetail(e){//查看资讯详情
|
||||||
location.href = `auctionShopDetail.html?id=${e}`
|
location.href = `auctionShopDetail.html?id=${e}`
|
||||||
}
|
}
|
||||||
function checkPXList(){//拍卖全部商品事件
|
|
||||||
let pxdHtml = '';
|
|
||||||
let pxdData = [
|
|
||||||
{imgSrc:'../../img/public/px01.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'},
|
|
||||||
{imgSrc:'../../img/public/px02.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'},
|
|
||||||
{imgSrc:'../../img/public/px03.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'},
|
|
||||||
{imgSrc:'../../img/public/px04.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'},
|
|
||||||
{imgSrc:'../../img/public/px05.png',title:'艺术清酒--得寓(酒标作品)Delight Sake',content:'本场精选了一些器型优美,做工精细,栩栩如生水投茶颇佳的原矿紫砂水投茶颇佳的原矿紫砂壶壶水投茶颇佳的原矿紫砂壶水投茶颇佳的原矿紫砂壶,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推本场精选了一些器型优美,做工精细,栩栩如生,同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和,旨在一扫某种靡丽之风,推'},
|
|
||||||
]
|
|
||||||
$.each(pxdData, function(commentIndex, comment) {
|
|
||||||
if(commentIndex%2==0){
|
|
||||||
pxdHtml +=`<div class="djbac backf5">
|
|
||||||
<div class="pr fs w50" onclick="goPXDetail(${commentIndex})">
|
|
||||||
<img width="100%" class="px-item-img" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
|
||||||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
|
||||||
</div>
|
|
||||||
<div class="p-zy40 w50">
|
|
||||||
<div class="font-20 linh28 fb dac p-x10 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
|
|
||||||
<div class="font-15 col19 linh30 clips4 op8 m-s16">${comment.content}</div>
|
|
||||||
<div class="font-12 colcb m-s30" onclick="goPXDetail(${commentIndex})"><span class="cq-cp">查看详情+</span></div>
|
|
||||||
</div>
|
|
||||||
</div>`
|
|
||||||
} else {
|
|
||||||
pxdHtml +=`<div class="djbac backf5">
|
|
||||||
<div class="p-zy40 w50">
|
|
||||||
<div class="font-20 linh28 fb dac p-sx10 bbt"><span class="quan"></span><div class="clips1">${comment.title}</div></div>
|
|
||||||
<div class="font-15 col19 linh30 clips4 op8 m-s16">${comment.content}</div>
|
|
||||||
<div class="font-12 colcb m-s30" onclick="goPXDetail(${commentIndex})"><span class="cq-cp">查看详情+</span></div>
|
|
||||||
</div>
|
|
||||||
<div class="pr fs w50" onclick="goPXDetail(${commentIndex})">
|
|
||||||
<img width="100%" class="px-item-img" src="${comment.imgSrc}" alt="图片丢失" title="${comment.title}">
|
|
||||||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
|
||||||
</div>
|
|
||||||
</div>`
|
|
||||||
}
|
|
||||||
});
|
|
||||||
$('#px-list').prepend(pxdHtml);
|
|
||||||
$('#px-list img').mouseover(function(){//导航悬浮事件
|
|
||||||
$(this).css({"cursor":"pointer"})
|
|
||||||
$(this).nextAll('div').css('color','#CB1919')
|
|
||||||
})
|
|
||||||
$('#px-list img').mouseout(function(){//导航悬浮事件
|
|
||||||
$(this).nextAll('div').css('color','#000000')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
function goPXDetail(e){//查看培训详情
|
function goPXDetail(e){//查看培训详情
|
||||||
location.href = `trainDetail.html?id=${e}`
|
location.href = `trainDetail.html?id=${e}`
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue