diff --git a/css/huaxia.css b/css/huaxia.css index 86521fa..6e06b17 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -1,7 +1,10 @@ body{margin: 0;padding: 0;} .w100{width: 100%;} +.w96{width: 96%;} +.w90{width: 90%;} .w50{width: 50%;} .w48{width: 49%;} +.w33{width: 33.33%;} .w25{width: 25%;} .w20{width: 19%;} @@ -13,19 +16,22 @@ body{margin: 0;padding: 0;} .dac{display: flex;align-items: center;} .djcacfw{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;} .djbacfw{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} +.dfc{display: flex;flex-direction: column;} .cq-cp{cursor: pointer;} .pr{position: relative;} .pa{position: absolute;} .dn{display: none;} .fs{flex-shrink: 0;} .fw{flex-wrap: wrap;} +.fc{flex-direction: column;} .oh{overflow: hidden;} .fit{object-fit: cover;} - +.mg30{margin: 30px;} +.m-s10{margin-top: 10px;} .m-s16{margin-top: 16px;} .m-s20{margin-top: 20px;} .m-s27{margin-top: 27px;} @@ -35,10 +41,14 @@ body{margin: 0;padding: 0;} .m-z10{margin-left: 10px;} .m-z15{margin-left: 15px;} +.m-z20{margin-left: 20px;} +.m-z30{margin-left: 30px;} .m-z37{margin-left: 37px;} .m-y10{margin-right: 10px;} .m-y15{margin-right: 15px;} +.m-y20{margin-right: 20px;} +.m-y30{margin-right: 30px;} .m-y37{margin-right: 37px;} .m-sx65{margin-top: 65px;margin-bottom: 65px;} @@ -56,6 +66,7 @@ body{margin: 0;padding: 0;} .m-x27{margin-bottom: 27px;} .m-x20{margin-bottom: 20px;} .m-x16{margin-bottom: 16px;} +.m-x10{margin-bottom: 10px;} .m-zy180{margin-left: 180px;margin-right: 180px;} .m-zy15{margin-left: 15px;margin-right: 15px;} @@ -64,45 +75,87 @@ body{margin: 0;padding: 0;} +.pd30{padding: 30px;} -.p-sx65{padding-top: 65px;padding-bottom: 65px;} .p-s65{padding-top: 65px;} +.p-s30{padding-top:30px;} .p-s27{padding-top:27px;} +.p-s20{padding-top:20px;} +.p-s10{padding-top:10px;} + + +.p-y20{padding-top:20px;} + + .p-x65{padding-bottom: 65px;} .p-x27{padding-bottom: 27px;} +.p-x10{padding-bottom: 10px;} + +.p-zy320{padding-left: 320px;padding-right: 320px;} .p-zy180{padding-left: 180px;padding-right: 180px;} +.p-zy30{padding-left: 30px;padding-right: 30px;} .p-zy20{padding-left: 20px;padding-right: 20px;} .p-zy15{padding-left: 15px;padding-right: 15px;} .p-zy10{padding-left: 10px;padding-right: 10px;} + + .p-sx10{padding-top: 10px;padding-bottom: 10px;} .p-sx20{padding-top: 20px;padding-bottom: 20px;} - +.p-sx30{padding-top: 30px;padding-bottom: 30px;} +.p-sx65{padding-top: 65px;padding-bottom: 65px;} .font-12{font-size: 12px;} .font-13{font-size: 13px;} .font-14{font-size: 14px;} +.font-15{font-size: 15px;} .font-18{font-size: 18px;} .font-20{font-size: 20px;} .font-22{font-size: 22px;} .font-24{font-size: 24px;} +.font-26{font-size: 26px;} .font-32{font-size: 32px;} +.font-36{font-size: 36px;} +.font-40{font-size: 40px;} + +.fb{font-weight: bold;} + + +.linh32{line-height: 32px;} +.linh30{line-height: 30px;} +.linh28{line-height: 28px;} +.linh26{line-height: 26px;} + .tl{text-align: left;} .col19{color: #191919;} .col7d{color: #7d7d7d;} .col9{color: #999999;} +.colcb{color: #cb1919} +.col22{color: #222222} .backf{background: #FFFFFF;} +.backe6{background: #e6e6e6;} +.backf5{background: #f5f5f5;} +.btt{border-top: 1px solid #ebebeb;} +.bbt{border-bottom: 1px solid #ebebeb;} +.tin2{text-indent: 2em;} + +.borr{border-radius: 3px;border: 1px solid #CB1919;color: #CB1919;font-size: 16px;} +.borf{border-radius: 3px;border: 1px solid #7d7d7d;color: #7d7d7d;font-size: 16px;} + .clips1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} .clips4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break:break-all;} +ul li {list-style: none;padding: 0px;margin: 0px;} +.tn{text-decoration: none;} +#gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;} /* 轮播图 */ .swiper-container { @@ -184,17 +237,18 @@ body{margin: 0;padding: 0;} .logo{width: 487px;} .banner-img{width: 100%;height: auto;} .sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;} +.top-nav{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;} .dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;} .guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;} .redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;} .xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;} -ul li {list-style: none;padding: 0px;margin: 0px;} .dao-box>li{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;} .dao-box>li>div{padding: 6px 0;} .dao-box>li>div>a{text-decoration: none;color: #181818;} .dao-box>li>div>a:hover{color: #cd2628;} .dao-box>li>div>a:active{color: #cd2628;font-weight: bold;} .cq-dao-active{font-weight: bold;color: #cd2628;} +.cq-dao-active>a{font-weight: bold;color: #cd2628!important;} .input-box{flex-shrink: 0;height: 40px;border-radius: 3px;border: 1px solid #ebebeb;padding: 0 10px;width: 220px;} .input-box input{font-size: 14px;height: 40px;border: 0;} .input-box img{right: 10px;top: 10px;width: 20px;height: 20px;} @@ -228,16 +282,22 @@ ul li {list-style: none;padding: 0px;margin: 0px;} .wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;} .wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;} .wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;} - - - - - - - - - - +/* 资讯 */ +.zx-nav,.szx-nav{padding: 0;} +.zx-nav li,.szx-nav li{margin-right: 50px;position: relative;padding: 20px 0 15px 0;} +.zx-nav li a,.szx-nav li a{text-decoration: none;color: #181818;font-size: 18px;} +.zx-nav li div,.szx-nav li div{border-bottom: 2px solid #FFFFFF;width: 100%;position: absolute;} +.zx-nav li .zx-nav-active,.szx-nav li .zx-nav-active{border-bottom: 2px solid #CB1919;position: absolute;bottom: -1px;} +.zx-nav li .zx-nav-title,.szx-nav li .zx-nav-title{color: #CB1919;} +#zx-xg>div:first-child{margin-right: 10px;} +.zx-xx{color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;font-size: 16px;} +.zx-gg{padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;} + +/* 机构 */ +#jg-list img,#jgm-list img,#jgz-list img,#jgy-list img{transition: transform .5s;} +#jg-list img:hover,#jgm-list img:hover,#jgz-list img:hover,#jgy-list img:hover{transform: scale(.94);transition: transform .5s;} +.jg-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%;} diff --git a/css/ispinner.css b/css/ispinner.css new file mode 100644 index 0000000..58c037e --- /dev/null +++ b/css/ispinner.css @@ -0,0 +1,182 @@ +/* .container { + position: relative; + display: inline-block; + width: 100px; + height: 100px; + border: 1px solid black; + padding: 39px; + margin: 15px; + box-sizing: border-box +} */ + +.container.white { + background-color: black +} + +.container.large { + padding: 31.5px +} + +.container::after { + position: absolute; + width: 100px; + height: 30px; + left: 0; + bottom: -30px; + line-height: 30px; + text-align: center; + content: '' +} + +.ispinner { + position: relative; + width: 20px; + height: 20px +} + +.ispinner .ispinner-blade { + position: absolute; + left: 44.5%; + top: 37%; + width: 10%; + height: 25%; + border-radius: 50%/20%; + -webkit-animation: ispinner-fade 1s linear infinite; + animation: ispinner-fade 1s linear infinite; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ispinner .ispinner-blade:nth-child(1) { + -webkit-animation-delay: -1.66667s; + animation-delay: -1.66667s; + -webkit-transform: rotate(30deg) translate(0, -150%); + transform: rotate(30deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(2) { + -webkit-animation-delay: -1.58333s; + animation-delay: -1.58333s; + -webkit-transform: rotate(60deg) translate(0, -150%); + transform: rotate(60deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(3) { + -webkit-animation-delay: -1.5s; + animation-delay: -1.5s; + -webkit-transform: rotate(90deg) translate(0, -150%); + transform: rotate(90deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(4) { + -webkit-animation-delay: -1.41667s; + animation-delay: -1.41667s; + -webkit-transform: rotate(120deg) translate(0, -150%); + transform: rotate(120deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(5) { + -webkit-animation-delay: -1.33333s; + animation-delay: -1.33333s; + -webkit-transform: rotate(150deg) translate(0, -150%); + transform: rotate(150deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(6) { + -webkit-animation-delay: -1.25s; + animation-delay: -1.25s; + -webkit-transform: rotate(180deg) translate(0, -150%); + transform: rotate(180deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(7) { + -webkit-animation-delay: -1.16667s; + animation-delay: -1.16667s; + -webkit-transform: rotate(210deg) translate(0, -150%); + transform: rotate(210deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(8) { + -webkit-animation-delay: -1.08333s; + animation-delay: -1.08333s; + -webkit-transform: rotate(240deg) translate(0, -150%); + transform: rotate(240deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(9) { + -webkit-animation-delay: -1s; + animation-delay: -1s; + -webkit-transform: rotate(270deg) translate(0, -150%); + transform: rotate(270deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(10) { + -webkit-animation-delay: -.91667s; + animation-delay: -.91667s; + -webkit-transform: rotate(300deg) translate(0, -150%); + transform: rotate(300deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(11) { + -webkit-animation-delay: -.83333s; + animation-delay: -.83333s; + -webkit-transform: rotate(330deg) translate(0, -150%); + transform: rotate(330deg) translate(0, -150%) +} + +.ispinner .ispinner-blade:nth-child(12) { + -webkit-animation-delay: -.75s; + animation-delay: -.75s; + -webkit-transform: rotate(360deg) translate(0, -150%); + transform: rotate(360deg) translate(0, -150%) +} + +.ispinner.animating .ispinner-blade { + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ispinner.white .ispinner-blade { + background-color: #181818 +} + +.ispinner.gray .ispinner-blade { + background-color: #000000 +} + +.ispinner.large { + width: 35px; + height: 35px +} + +.ispinner.large .ispinner-blade { + width: 8.57143%; + height: 25.71429%; + border-radius: 50%/16.67% +} + +@-webkit-keyframes ispinner-fade { + 0% { + opacity: .85 + } + 50% { + opacity: .25 + } + 100% { + opacity: .25 + } +} + +@keyframes ispinner-fade { + 0% { + opacity: .85 + } + + 50% { + opacity: .25 + } + + 100% { + opacity: .25 + } +} diff --git a/css/logshoppingcar/artist.css b/css/logshoppingcar/artist.css new file mode 100644 index 0000000..fe05566 --- /dev/null +++ b/css/logshoppingcar/artist.css @@ -0,0 +1,356 @@ +body { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} + +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} + +header .container { + width: 420px; + height: 680px; + min-height: 320px; + max-height: 700px; + position: absolute; + top: 40px; + left: -50px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .identity ul { + margin: 20px; + padding-bottom: 20px; + display: flex; + border-bottom: 1px solid #f9f9f9; +} + +header .container .identity ul li { + width: 400px; + padding: 0px 28px; +} + +header .container .identity ul li a { + height: 23px; + color: #737373; +} + +header .container .identity ul li .set_1_btn { + color: #333; + display: block; + font-weight: 400; + line-height: 45px; + text-align: center; + max-width: 100px; + text-decoration: none; + width: 100%; +} + +header .container .identity ul li .Vbtn-2 { + letter-spacing: 0; + transition: all 150ms linear 0s; + float: left; +} + +header .container .identity ul li .Vbtn-2:after { + content: " "; + display: block; + margin: 0 auto; + position: relative; + width: 0; + height: 2px; + background-color: red; +} + +header .container .identity ul li .Vbtn-2:hover:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-color: #56c5ff; + -webkit-transition: width 350ms ease-in-out; + transition: width 350ms ease-in-out; + width: 70%; +} + +header .container .identity ul li:visited { + color: #000; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + +header .container .layui-form-item .checkb { + margin-left: 30px; +} + +header .container .layui-form-item .checkb input { + display: block; + position: relative; + top: 19px; +} + +header .container .layui-form-item .checkb a { + color: #cb1919; +} + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} + +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} + +header .container .bot { + text-align: center; +} + +header .container #verify { + height: 34px; + vertical-align: top; + font-size: 16px; +} + +header .container #verify #code_img { + width: 100px; + height: 40px; + cursor: pointer; + vertical-align: top; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, +footer .address .addreses .addres-2, +footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/login.css b/css/logshoppingcar/login.css new file mode 100644 index 0000000..5802d98 --- /dev/null +++ b/css/logshoppingcar/login.css @@ -0,0 +1,345 @@ +* { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} + +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} + +header .container { + width: 420px; + height: 450px; + min-height: 320px; + max-height: 570px; + position: absolute; + top: 80px; + left: 25px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .identity ul { + margin: 20px; + padding-bottom: 20px; + display: flex; + border-bottom: 1px solid #f9f9f9; +} + +header .container .identity ul li { + width: 400px; + padding: 0px 28px; +} + +header .container .identity ul li a { + height: 23px; + color: #737373; +} + +header .container .identity ul li .set_1_btn { + color: #333; + display: block; + font-weight: 400; + line-height: 45px; + text-align: center; + max-width: 100px; + text-decoration: none; + width: 100%; +} + +header .container .identity ul li .Vbtn-2 { + letter-spacing: 0; + transition: all 150ms linear 0s; + float: left; +} + +header .container .identity ul li .Vbtn-2:after { + content: " "; + display: block; + margin: 0 auto; + position: relative; + width: 0; + height: 2px; + background-color: red; +} + +header .container .identity ul li .Vbtn-2:hover:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-color: #56c5ff; + -webkit-transition: width 350ms ease-in-out; + transition: width 350ms ease-in-out; + width: 70%; +} + +header .container .identity ul li:visited { + color: #000; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + +header .container .layui-form-item .checkb { + margin-left: 30px; +} + +header .container .layui-form-item .checkb input { + display: block; + position: relative; + top: 19px; +} + +header .container .layui-form-item .checkb a { + color: #cb1919; +} + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} + +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} + +header .container .bot a:first-child { + float: left; +} + +header .container .bot a:last-child { + float: right; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/mecha.css b/css/logshoppingcar/mecha.css new file mode 100644 index 0000000..fe05566 --- /dev/null +++ b/css/logshoppingcar/mecha.css @@ -0,0 +1,356 @@ +body { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} + +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} + +header .container { + width: 420px; + height: 680px; + min-height: 320px; + max-height: 700px; + position: absolute; + top: 40px; + left: -50px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .identity ul { + margin: 20px; + padding-bottom: 20px; + display: flex; + border-bottom: 1px solid #f9f9f9; +} + +header .container .identity ul li { + width: 400px; + padding: 0px 28px; +} + +header .container .identity ul li a { + height: 23px; + color: #737373; +} + +header .container .identity ul li .set_1_btn { + color: #333; + display: block; + font-weight: 400; + line-height: 45px; + text-align: center; + max-width: 100px; + text-decoration: none; + width: 100%; +} + +header .container .identity ul li .Vbtn-2 { + letter-spacing: 0; + transition: all 150ms linear 0s; + float: left; +} + +header .container .identity ul li .Vbtn-2:after { + content: " "; + display: block; + margin: 0 auto; + position: relative; + width: 0; + height: 2px; + background-color: red; +} + +header .container .identity ul li .Vbtn-2:hover:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-color: #56c5ff; + -webkit-transition: width 350ms ease-in-out; + transition: width 350ms ease-in-out; + width: 70%; +} + +header .container .identity ul li:visited { + color: #000; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + +header .container .layui-form-item .checkb { + margin-left: 30px; +} + +header .container .layui-form-item .checkb input { + display: block; + position: relative; + top: 19px; +} + +header .container .layui-form-item .checkb a { + color: #cb1919; +} + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} + +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} + +header .container .bot { + text-align: center; +} + +header .container #verify { + height: 34px; + vertical-align: top; + font-size: 16px; +} + +header .container #verify #code_img { + width: 100px; + height: 40px; + cursor: pointer; + vertical-align: top; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, +footer .address .addreses .addres-2, +footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/popup.css b/css/logshoppingcar/popup.css new file mode 100644 index 0000000..5e0c774 --- /dev/null +++ b/css/logshoppingcar/popup.css @@ -0,0 +1,19 @@ +.myPopup { + width: 1020px; + height: 600px; + position: relative; + width: 50%; + height: 50%; + transform: (50%-300px, 50%-510px); +} +.ui-popup.ui-body-inherit { + margin: auto; + margin-top:120px; +} +h1 { + text-align: center; + line-height: 80px; +} +p { + text-indent: 2em; +} \ No newline at end of file diff --git a/css/logshoppingcar/reg.css b/css/logshoppingcar/reg.css new file mode 100644 index 0000000..62e928b --- /dev/null +++ b/css/logshoppingcar/reg.css @@ -0,0 +1,354 @@ +body { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} + +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} + +header .container { + width: 420px; + height: 570px; + min-height: 320px; + max-height: 570px; + position: absolute; + top: 80px; + left: 25px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .identity ul { + margin: 20px; + padding-bottom: 20px; + display: flex; + border-bottom: 1px solid #f9f9f9; +} + +header .container .identity ul li { + width: 400px; + padding: 0px 28px; +} + +header .container .identity ul li a { + height: 23px; + color: #737373; +} + +header .container .identity ul li .set_1_btn { + color: #333; + display: block; + font-weight: 400; + line-height: 45px; + text-align: center; + max-width: 100px; + text-decoration: none; + width: 100%; +} + +header .container .identity ul li .Vbtn-2 { + letter-spacing: 0; + transition: all 150ms linear 0s; + float: left; +} + +header .container .identity ul li .Vbtn-2:after { + content: " "; + display: block; + margin: 0 auto; + position: relative; + width: 0; + height: 2px; + background-color: red; +} + +header .container .identity ul li .Vbtn-2:hover:after { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + border-color: #56c5ff; + -webkit-transition: width 350ms ease-in-out; + transition: width 350ms ease-in-out; + width: 70%; +} + +header .container .identity ul li:visited { + color: #000; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + +header .container .layui-form-item .checkb { + margin-left: 30px; +} + +header .container .layui-form-item .checkb input { + display: block; + position: relative; + top: 19px; +} + +header .container .layui-form-item .checkb a { + color: #cb1919; +} + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} + +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} + +header .container .bot { + text-align: center; +} + +header .container #verify { + height: 34px; + vertical-align: top; + font-size: 16px; +} + +header .container #verify #code_img { + width: 100px; + height: 40px; + cursor: pointer; + vertical-align: top; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/ret.css b/css/logshoppingcar/ret.css new file mode 100644 index 0000000..409703d --- /dev/null +++ b/css/logshoppingcar/ret.css @@ -0,0 +1,281 @@ +* { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + +header .img { + position: absolute; + left: 20%; + top: 5%; + transform: translate(-20%, -5%); +} + +header .img img { + height: 50px; +} +/* 背景图 */ +header .bac { + height: 930px; + background-size: 100% 100%; + background-image: url("../../img/images/backimg.png"); +} +/* 找回密码表单 */ +header .container { + width: 420px; + height: 400px; + min-height: 320px; + max-height: 570px; + position: absolute; + top: 200px; + left: 25px; + bottom: 0; + right: 0; + margin: auto; + padding: 20px; + z-index: 130; + border-radius: 8px; + background-color: #fff; + box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); + font-size: 16px; +} + +header .container .head { + text-align: center; + line-height: 40px; +} + +header .container .head p { + color: #a2a2a2; + font-size: 14px; +} + +header .container .head .gang { + width: 55px; + margin: auto; + border-bottom: 1px solid #cb1919; +} + +header .container .layui-input { + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + margin-left: 19px; + margin-top: 20px; +} + +header .container .layui-form-item { + margin-left: -30px; +} + + +header .container .layui-form-item .font-set { + font-size: 13px; + text-decoration: none; +} + +header .container .layui-input-block:last-child { + margin-left: 20px; +} + +/* 验证码 */ +header .container .codes { + display: inline-flex; +} + +header .container .codes input { + margin-top: 0; +} + +header .container .codes canvas { + width: 200px; + height: 40px; + background: #efefef; + border-radius: 5px; +} + +header .container .codes canvas p { + color: #000; + z-index: 3; +} +/* 登录按钮 */ +header .container .layui-btn { + margin-left: 18px; + border-radius: 5px; + width: 400px; + height: 40px; + font-size: 15px; + color: #f0cccc; + background-color: #cb1919; +} + +header .container .verity { + width: 200px; +} +/* 底部返回 */ +header .container .bot { + margin-top: 20px; +} + +header .container .bot a:first-child { + float: left; +} + +header .container .bot a:last-child { + float: right; +} + +section { + background-color: #cb1919; + height: 60px; + padding: 0px 180px; +} + +section .navig { + width: 100%; +} + +section .navig .label .label-text ul { + display: flex; + float: left; +} + +section .navig .label .label-text ul li { + padding: 20px 21px; +} + +section .navig .label .label-text ul li a { + color: #fff; +} + +section .navig .label .label-icon { + background-color: #cb1919; +} + +section .navig .label .label-icon ul { + display: flex; + float: right; +} + +section .navig .label .label-icon ul li { + padding: 20px 21px; +} + +section .navig .label .label-icon ul li img { + width: 25px; +} + +footer { + padding: 0px 180px; +} + +footer .foot { + display: flex; + margin: 0 auto; +} + +footer .intr { + padding: 35px; + width: 342px; + height: 226px; +} + +footer .intr img { + height: 86px; + margin-bottom: 30px; +} + +footer .intr p:nth-child(1) { + font-size: 40px; +} + +footer .intr p:nth-child(2) { + color: #616161; +} + +footer .address { + background-color: #faf9f8; + border-left: 1px solid #ededed; + border-bottom: 1px solid #ededed; +} + +footer .address .addreses { + display: flex; +} + +footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 { + padding: 33px; +} + +footer .address .addreses .icp { + padding: 28px 40px; + border-top: 1px solid #ededed; +} + +footer .address .addreses .addres-1 { + width: 310px; +} + +footer .address .addreses .addres-1 img { + height: 50px; + margin-bottom: 40px; +} + +footer .address .addreses .addres-1 p { + line-height: 25px; +} + +footer .address .addreses .addres-1 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-1 p:nth-of-type(2) { + font-size: 6px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-2 { + font-size: 20px; + font-weight: 700; + color: #000; +} + +footer .address .addreses .addres-2 p { + line-height: 25px; +} + +footer .address .addreses .addres-2 p:nth-of-type(1) { + font-weight: 700; +} + +footer .address .addreses .addres-2 p:nth-of-type(2) { + font-size: 12.5px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-3 { + display: flex; +} + +footer .address .addreses .addres-3 img { + height: 92px; +} + +footer .address .addreses .addres-3 p { + float: left; + font-size: 1px; + margin-left: 12px; + color: rgba(97, 97, 97, 0.8); +} + +footer .address .addreses .addres-4 { + padding: 63px; +} diff --git a/css/logshoppingcar/shopcar.css b/css/logshoppingcar/shopcar.css new file mode 100644 index 0000000..77b28a3 --- /dev/null +++ b/css/logshoppingcar/shopcar.css @@ -0,0 +1,117 @@ +* { + margin: 0; + padding: 0; +} + +li { + list-style: none; +} + +a { + text-decoration: none; +} + + + +section { + height: 1200px; + background-color: #f5f5f5; +} + +section .whole { + padding: 15px 50px; + margin: auto; +} + +section .whole .whole-1 { + margin: 20px auto; + width: 1200px; + padding: 25px; +} + +section .whole .whole-1 .all { + display: inline-block; +} + +section .whole .whole-1 .all h2 { + font-weight: 600; + color: #cb1919; + float: left; + padding-bottom: 10px; +} + +section .whole .whole-1 .opt { + border-top: 2px solid #cb1919; +} + +section .whole .whole-1 .opt ul .optall table { + width: 100%; + background-color: #f3f3f3; + border: 1px solid #e0e0e0; + margin-bottom: 20px; +} + +section .whole .whole-1 .opt ul .optall #checkall { + margin-left: 10px; +} + +section .whole .whole-1 .opt ul .optall th { + height: 50px; +} + +section .whole .whole-1 .opt ul .optall th span { + margin-left: 85px; +} + +section .whole .whole-1 .opt #checklist .among { + margin-bottom: 20px; +} + +section .whole .whole-1 .opt #checklist .among table { + width: 100%; + background-color: #fff; + border: 1px solid #e0e0e0; +} + +section .whole .whole-1 .opt #checklist .among .box1 { + margin-left: 15px; +} + +section .whole .whole-1 .opt #checklist .among th { + height: 115px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(1) { + width: 135px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(1) img { + padding: 10px; + width: 82px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(2) { + width: 500px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(3), section .whole .whole-1 .opt #checklist .among th:nth-child(4), section .whole .whole-1 .opt #checklist .among th:nth-child(6) { + width: 120px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(5) { + width: 120px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(1), section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(3) { + width: 15px; +} + +section .whole .whole-1 .opt #checklist .among th:nth-child(5) input:nth-child(2) { + width: 30px; +} + +section .whole .whole-1 .opt #checklist .among span { + width: 400px; + font-size: 12px; + display: inline-block; +} diff --git a/htmls/artNetwork/mechanism.html b/htmls/artNetwork/mechanism.html new file mode 100644 index 0000000..d88bb11 --- /dev/null +++ b/htmls/artNetwork/mechanism.html @@ -0,0 +1,146 @@ + + + + + 机构 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • + + + +
  • +
  • + + +
  • +
  • +
    展览
    + +
  • +
  • +
    艺术家
    + +
  • +
  • + + +
  • +
  • +
    培训
    + +
  • +
  • +
    商城
    + +
  • +
  • +
    拍卖
    + +
  • +
+
+
+ + +
+
+
+
+
+
+
机构
+
+
+
+ +
+
+ +
+
+ + + + 图片丢失 + + diff --git a/htmls/artNetwork/mechanismArtwork.html b/htmls/artNetwork/mechanismArtwork.html new file mode 100644 index 0000000..ac17a63 --- /dev/null +++ b/htmls/artNetwork/mechanismArtwork.html @@ -0,0 +1,173 @@ + + + + + 机构艺术品 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • + + + +
  • +
  • + + +
  • +
  • +
    展览
    + +
  • +
  • +
    艺术家
    + +
  • +
  • + + +
  • +
  • +
    培训
    + +
  • +
  • +
    商城
    + +
  • +
  • +
    拍卖
    + +
  • +
+
+
+ + +
+
+
+
+ +
+
+
+
+
山东美术馆
+
+ + +
立即关注
+
+
+
+ + +
+ +
+
+ +
+
+
+
+ + + + 图片丢失 + + diff --git a/htmls/artNetwork/mechanismDetail.html b/htmls/artNetwork/mechanismDetail.html new file mode 100644 index 0000000..13c32a4 --- /dev/null +++ b/htmls/artNetwork/mechanismDetail.html @@ -0,0 +1,166 @@ + + + + + 机构详情 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • + + + +
  • +
  • + + +
  • +
  • +
    展览
    + +
  • +
  • +
    艺术家
    + +
  • +
  • + + +
  • +
  • +
    培训
    + +
  • +
  • +
    商城
    + +
  • +
  • +
    拍卖
    + +
  • +
+
+
+ + +
+
+
+
+ +
+
+
+
+
山东美术馆
+
+ + +
立即关注
+
+
+
+
摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家
+ 图片丢失 +
摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家
+
+
+
联系方式
+
+
+
+ +
联系人:摩空精舍
+
+
+ +
电话:028-86256961 手机:13880548658
+
+
+ +
E-Mail:zarts@126.com
+
+
+ +
传真:028-86256961
+
+
+ +
地址:高新区高朋大道10号(传入)科园二路10号航利中心3栋1单元3楼二酉山房
+
+
+
+
+
+ + + + diff --git a/htmls/artNetwork/mechanismExhibition.html b/htmls/artNetwork/mechanismExhibition.html new file mode 100644 index 0000000..6fcdad6 --- /dev/null +++ b/htmls/artNetwork/mechanismExhibition.html @@ -0,0 +1,161 @@ + + + + + 机构展会 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • + + + +
  • +
  • + + +
  • +
  • +
    展览
    + +
  • +
  • +
    艺术家
    + +
  • +
  • + + +
  • +
  • +
    培训
    + +
  • +
  • +
    商城
    + +
  • +
  • +
    拍卖
    + +
  • +
+
+
+ + +
+
+
+
+ +
+
+
+
+
山东美术馆
+
+ + +
立即关注
+
+
+ +
+
+ +
+
+
+
+ + + + 图片丢失 + + diff --git a/htmls/artNetwork/mechanismPeople.html b/htmls/artNetwork/mechanismPeople.html new file mode 100644 index 0000000..8926952 --- /dev/null +++ b/htmls/artNetwork/mechanismPeople.html @@ -0,0 +1,161 @@ + + + + + 机构成员 + + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • + + + +
  • +
  • + + +
  • +
  • +
    展览
    + +
  • +
  • +
    艺术家
    + +
  • +
  • + + +
  • +
  • +
    培训
    + +
  • +
  • +
    商城
    + +
  • +
  • +
    拍卖
    + +
  • +
+
+
+ + +
+
+
+
+ +
+
+
+
+
山东美术馆
+
+ + +
立即关注
+
+
+ +
+
+ +
+
+
+
+ + + + 图片丢失 + + diff --git a/htmls/artNetwork/realTimeInfo.html b/htmls/artNetwork/realTimeInfo.html index 65a106b..f6ad40f 100644 --- a/htmls/artNetwork/realTimeInfo.html +++ b/htmls/artNetwork/realTimeInfo.html @@ -7,6 +7,7 @@ + @@ -71,7 +72,7 @@
  • -
    资讯
    +
    资讯
  • @@ -83,7 +84,7 @@
  • -
    机构
    +
    机构
  • @@ -107,14 +108,52 @@ -
    +
    -
    资讯
    -
    -
    信息动态
    -
    新闻公告
    +
    资讯
    +
    +
    信息动态
    +
    新闻公告
    +
    + + + +
    +
    + +
    +
    + + + + 图片丢失 diff --git a/htmls/artNetwork/realTimeInfoDetail.html b/htmls/artNetwork/realTimeInfoDetail.html new file mode 100644 index 0000000..d716832 --- /dev/null +++ b/htmls/artNetwork/realTimeInfoDetail.html @@ -0,0 +1,187 @@ + + + + + 资讯详情 + + + + + + + + + + + +
    +
    +
    +
    +
    + + + + + +
    +
    + +
    + +
    +
    + 关于我们 + +
    + + 我的购物车 +
    + + 积分商城 + + 联系我们 + + 登录/注册 +
    + 个人中心 + 【退出】 +
    +
    +
    +
    +
      +
    • + + + +
    • +
    • +
      资讯
      + +
    • +
    • +
      展览
      + +
    • +
    • +
      艺术家
      + +
    • +
    • + + +
    • +
    • +
      培训
      + +
    • +
    • +
      商城
      + +
    • +
    • +
      拍卖
      + +
    • +
    +
    +
    + + +
    +
    +
    +
    +
    +
    +
    资讯
    +
    +
    信息动态
    +
    新闻公告
    +
    +
    +
    +
    +
    +
    +
    +
    中国国家画院举办“时代画卷——油画、版画、雕塑名家作品展”
    +
    + 2021年06月04日 + 来源:华夏艺术网 +
    +
    +
    1921—2021,中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情,兴废系乎时序。”为了庆祝1921—2021,中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情,兴废系乎时序。”为了庆祝
    +
    + + +
    +
    1921—2021,中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情,兴废系乎时序。”为了庆祝1921—2021,中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情,兴废系乎时序。”为了庆祝
    + +
    +
    +
    +
    推荐阅读
    +
    + 图片丢失 +
    助力熊猫艺术公益:中国邮政发布著名 画家刘中《牛气冲...助力熊猫艺术公益:中国邮政发布著名 画家刘中《牛气冲...
    +
    + 图片丢失 + 信息动态 | 书法 +
    +
    2021年06月21日
    +
    +
    + 图片丢失 +
    助力熊猫艺术公益:中国邮政发布著名 画家刘中《牛气冲...
    +
    + 图片丢失 + 信息动态 | 书法 +
    +
    2021年06月21日
    +
    +
    + 图片丢失 +
    助力熊猫艺术公益:中国邮政发布著名 画家刘中《牛气冲...
    +
    + 图片丢失 + 信息动态 | 书法 +
    +
    2021年06月21日
    +
    +
    + 图片丢失 +
    助力熊猫艺术公益:中国邮政发布著名 画家刘中《牛气冲...
    +
    + 图片丢失 + 信息动态 | 书法 +
    +
    2021年06月21日
    +
    +
    +
    + + + + 图片丢失 + + diff --git a/htmls/logshoppingcar/artist.html b/htmls/logshoppingcar/artist.html new file mode 100644 index 0000000..2211918 --- /dev/null +++ b/htmls/logshoppingcar/artist.html @@ -0,0 +1,179 @@ + + + + + + + + 艺术家注册 + + + + + +
    + +
    + +
    + +
    + +
    +
    +
    +

    艺术家注册

    +

    请选择您的会员身份进行注册

    +
    +
    + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + + +

    发送手机验证码

    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +     我已阅读并接受用户协议隐私政策 +
    +
    +
    + +
    +
    + +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    + +
    + +

    + 中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名 +

    +

    是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.

    +
    + +
    +
    +
    + +

    成都惠民职工书院

    +

    地址:成都市青羊区青羊大道129号文化宫2楼 电话:028-81712589

    +
    +
    +

    联系我们

    +


    地址:四川省成都市武侯区天益街38号
    理想中心3栋601
    手机:13880548658
    电话:028-61529525
    邮箱:zarts@126.com +

    +
    +
    +
  • +

    华夏艺术网

    +
  • +
  • +

    成都惠民职工书院

    +
  • +
    + +
    +

    Copyright@2021 华夏艺术网.All rights reserved. +       蜀ICP备11111111号 +

    +
    +
    +
    + + + \ No newline at end of file diff --git a/htmls/logshoppingcar/login.html b/htmls/logshoppingcar/login.html new file mode 100644 index 0000000..ef77abd --- /dev/null +++ b/htmls/logshoppingcar/login.html @@ -0,0 +1,103 @@ + + + + + + + 登录 + + + + +
    + +
    + +
    + +
    + +
    +
    +
    +

    会员登录

    +

    请选择您的会员身份进行登录

    +
    +
    + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + + +

    发送手机验证码

    +
    + +
    +
    + +
    +
    + +
    +
    + + +
    +
    +
    +
    + + +
    + + + \ No newline at end of file diff --git a/htmls/logshoppingcar/mecha.html b/htmls/logshoppingcar/mecha.html new file mode 100644 index 0000000..c80abf1 --- /dev/null +++ b/htmls/logshoppingcar/mecha.html @@ -0,0 +1,179 @@ + + + + + + + + 机构注册 + + + + + +
    + +
    + +
    + +
    + +
    +
    +
    +

    机构注册

    +

    请选择您的会员身份进行注册

    +
    +
    + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + + +

    发送手机验证码

    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +     我已阅读并接受用户协议隐私政策 +
    +
    +
    + +
    +
    + +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    + +
    + +

    + 中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名 +

    +

    是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.

    +
    + +
    +
    +
    + +

    成都惠民职工书院

    +

    地址:成都市青羊区青羊大道129号文化宫2楼 电话:028-81712589

    +
    +
    +

    联系我们

    +


    地址:四川省成都市武侯区天益街38号
    理想中心3栋601
    手机:13880548658
    电话:028-61529525
    邮箱:zarts@126.com +

    +
    +
    +
  • +

    华夏艺术网

    +
  • +
  • +

    成都惠民职工书院

    +
  • +
    + +
    +

    Copyright@2021 华夏艺术网.All rights reserved. +       蜀ICP备11111111号 +

    +
    +
    +
    + + + \ No newline at end of file diff --git a/htmls/logshoppingcar/popup.html b/htmls/logshoppingcar/popup.html new file mode 100644 index 0000000..aafead6 --- /dev/null +++ b/htmls/logshoppingcar/popup.html @@ -0,0 +1,35 @@ + + + + + + + + + + + + +
    +
    + 显示弹窗 +
    +

    用户协议

    +

    后台替换文字内容,编辑排版文字摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家艺术品上数千件,经营规模在成都地区名列前茅。

    +

    下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。

    +

    经过20年不间断的运营发展,已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。

    +

    合作艺术家2000多人,合作艺术机构数百家,架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等,在国内艺术品市场有较大影响,为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。 +

    +

    后台替换文字内容,编辑排版文字摩空精舍是成都知名专业艺术机构,是由净砚斋画廊、二酉山房重组合并而成。目前自有艺术场馆面积500平方米,名家艺术品上数千件,经营规模在成都地区名列前茅。

    +

    下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会下属华夏艺术网,于1998年底开通,是国内最早的书画艺术门户网站,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等授权主办。 +

    +

    经过20年不间断的运营发展,已成为国内知名的艺术类门户网站。摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。

    +

    合作艺术家2000多人,合作艺术机构数百家,架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、摩空精舍目前主要从事艺术推广、展览策划、艺术品交易、文创产品设计、艺术培训等业务。

    +

    合作艺术家2000多人,合作艺术机构数百家,架起了艺术家与艺术市场之间的桥梁。独家代理过的著名艺术家有任重、王王申勇、郭汝愚、曹辉、吴浩、管苠冈、吴绪经、沈道鸿等,在国内艺术品市场有较大影响,为西部地区艺术家走向国内国内和国际、促进地区艺术市场发展作出了积极贡献。 +

    +

    +
    +
    +
    + + \ No newline at end of file diff --git a/htmls/logshoppingcar/reg.html b/htmls/logshoppingcar/reg.html new file mode 100644 index 0000000..8170cd4 --- /dev/null +++ b/htmls/logshoppingcar/reg.html @@ -0,0 +1,161 @@ + + + + + + + 会员注册 + + + + +
    + +
    + +
    + +
    + +
    +
    +
    +

    会员注册

    +

    请选择您的会员身份进行注册

    +
    +
    + + + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + + +

    发送手机验证码

    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    +     我已阅读并接受用户协议隐私政策 +
    +
    +
    + +
    +
    + +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    + +
    + +

    + 中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名 +

    +

    是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.

    +
    + +
    +
    +
    + +

    成都惠民职工书院

    +

    地址:成都市青羊区青羊大道129号文化宫2楼 电话:028-81712589

    +
    +
    +

    联系我们

    +


    地址:四川省成都市武侯区天益街38号
    理想中心3栋601
    手机:13880548658
    电话:028-61529525
    邮箱:zarts@126.com +

    +
    +
    +
  • +

    华夏艺术网

    +
  • +
  • +

    成都惠民职工书院

    +
  • +
    + +
    +

    Copyright@2021 华夏艺术网.All rights reserved.       蜀ICP备11111111号 +

    +
    +
    +
    + + + \ No newline at end of file diff --git a/htmls/logshoppingcar/ret.html b/htmls/logshoppingcar/ret.html new file mode 100644 index 0000000..06c54b0 --- /dev/null +++ b/htmls/logshoppingcar/ret.html @@ -0,0 +1,144 @@ + + + + + + + + 注册 + + + + + +
    + +
    + +
    + +
    + +
    +
    +
    +

    找回密码

    +
    +
    + +
    +
    + +
    +
    + +
    +
    + + +

    发送手机验证码

    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + + +
    +
    +
    +
    + + +
    +
    +
    + +
    + +

    + 中国美术家协会副主席、中国版画家协会副主席李焕民 先生为华夏艺术网题名 +

    +

    是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等.

    +
    + +
    +
    +
    + +

    成都惠民职工书院

    +

    地址:成都市青羊区青羊大道129号文化宫2楼 电话:028-81712589

    +
    +
    +

    联系我们

    +


    地址:四川省成都市武侯区天益街38号
    理想中心3栋601
    手机:13880548658
    电话:028-61529525
    邮箱:zarts@126.com +

    +
    +
    +
  • +

    华夏艺术网

    +
  • +
  • +

    成都惠民职工书院

    +
  • +
    + +
    +

    Copyright@2021 华夏艺术网.All rights reserved. +       蜀ICP备11111111号 +

    +
    +
    +
    + + + \ No newline at end of file diff --git a/htmls/logshoppingcar/shopcar.html b/htmls/logshoppingcar/shopcar.html new file mode 100644 index 0000000..639bacf --- /dev/null +++ b/htmls/logshoppingcar/shopcar.html @@ -0,0 +1,161 @@ + + + + + + + 购物车 + + + + + + +
    +
    +
    +
    +

    全部商品(20)

    +
    + +
    +
      +
    • + + + + + + +
      + + 商品 + 单价数量小计操作
      +
    • +
    +
      +
    • + + + + + + + + +
      + + + 竹迪  客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画
      靠山书房壁画抽象艺术画 11时来运转8190 +
      x3¥1888.00 + + + + ¥564.6删除
      +
    • +
    • + + + + + + + + +
      + + + 竹迪  客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画
      靠山书房壁画抽象艺术画 11时来运转8190 +
      x3¥1888.00 + + + + ¥564.6删除
      +
    • + +
    • + + + + + + + + +
      + + + 竹迪  客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画
      靠山书房壁画抽象艺术画 11时来运转8190 +
      x3¥1888.00 + + + + ¥564.6删除
      +
    • + +
    • + + + + + + + + +
      + 竹迪  客厅装饰画现代简约晶瓷画沙发背景墙挂画三联画餐厅墙画
      靠山书房壁画抽象艺术画 11时来运转8190/span>
      x3¥1888.00 + + + + ¥564.6删除
      +
    • + + +
    +
    +
    +
    + +
    + + + + + + \ No newline at end of file diff --git a/img/images/1-1.png b/img/images/1-1.png new file mode 100644 index 0000000..13b3d23 Binary files /dev/null and b/img/images/1-1.png differ diff --git a/img/images/1-2.png b/img/images/1-2.png new file mode 100644 index 0000000..fc92644 Binary files /dev/null and b/img/images/1-2.png differ diff --git a/img/images/1-3.png b/img/images/1-3.png new file mode 100644 index 0000000..e6fcfb5 Binary files /dev/null and b/img/images/1-3.png differ diff --git a/img/images/1-4.png b/img/images/1-4.png new file mode 100644 index 0000000..7144b63 Binary files /dev/null and b/img/images/1-4.png differ diff --git a/img/images/1.png b/img/images/1.png new file mode 100644 index 0000000..03a9377 Binary files /dev/null and b/img/images/1.png differ diff --git a/img/images/2.png b/img/images/2.png new file mode 100644 index 0000000..56f2d11 Binary files /dev/null and b/img/images/2.png differ diff --git a/img/images/3.png b/img/images/3.png new file mode 100644 index 0000000..86fb181 Binary files /dev/null and b/img/images/3.png differ diff --git a/img/images/4.png b/img/images/4.png new file mode 100644 index 0000000..628d697 Binary files /dev/null and b/img/images/4.png differ diff --git a/img/images/backimg.png b/img/images/backimg.png new file mode 100644 index 0000000..f22c12f Binary files /dev/null and b/img/images/backimg.png differ diff --git a/img/images/divide1.png b/img/images/divide1.png new file mode 100644 index 0000000..f39e5c5 Binary files /dev/null and b/img/images/divide1.png differ diff --git a/img/images/header.png b/img/images/header.png new file mode 100644 index 0000000..e153e9b Binary files /dev/null and b/img/images/header.png differ diff --git a/img/images/htmal5icon29.png b/img/images/htmal5icon29.png new file mode 100644 index 0000000..916b775 Binary files /dev/null and b/img/images/htmal5icon29.png differ diff --git a/img/images/icon-facb.png b/img/images/icon-facb.png new file mode 100644 index 0000000..342c60b Binary files /dev/null and b/img/images/icon-facb.png differ diff --git a/img/images/icon-phon.png b/img/images/icon-phon.png new file mode 100644 index 0000000..e4127e7 Binary files /dev/null and b/img/images/icon-phon.png differ diff --git a/img/images/icon-sky.png b/img/images/icon-sky.png new file mode 100644 index 0000000..28751e8 Binary files /dev/null and b/img/images/icon-sky.png differ diff --git a/img/images/icon-wb.png b/img/images/icon-wb.png new file mode 100644 index 0000000..0002617 Binary files /dev/null and b/img/images/icon-wb.png differ diff --git a/img/images/icon-wx.png b/img/images/icon-wx.png new file mode 100644 index 0000000..38e85d4 Binary files /dev/null and b/img/images/icon-wx.png differ diff --git a/img/images/logo-bac.png b/img/images/logo-bac.png new file mode 100644 index 0000000..1515d24 Binary files /dev/null and b/img/images/logo-bac.png differ diff --git a/img/images/logo.png b/img/images/logo.png new file mode 100644 index 0000000..66fd6e6 Binary files /dev/null and b/img/images/logo.png differ diff --git a/img/images/qr-01.png b/img/images/qr-01.png new file mode 100644 index 0000000..c2b0754 Binary files /dev/null and b/img/images/qr-01.png differ diff --git a/img/images/qr-02.png b/img/images/qr-02.png new file mode 100644 index 0000000..5d3f87b Binary files /dev/null and b/img/images/qr-02.png differ diff --git a/img/images/top.png b/img/images/top.png new file mode 100644 index 0000000..30dda95 Binary files /dev/null and b/img/images/top.png differ diff --git a/img/images/wx-text.png b/img/images/wx-text.png new file mode 100644 index 0000000..8dcd486 Binary files /dev/null and b/img/images/wx-text.png differ diff --git a/img/public/jg-01.png b/img/public/jg-01.png new file mode 100644 index 0000000..55ee336 Binary files /dev/null and b/img/public/jg-01.png differ diff --git a/img/public/jg-02.png b/img/public/jg-02.png new file mode 100644 index 0000000..12f4a97 Binary files /dev/null and b/img/public/jg-02.png differ diff --git a/img/public/jg-03.png b/img/public/jg-03.png new file mode 100644 index 0000000..3bb3349 Binary files /dev/null and b/img/public/jg-03.png differ diff --git a/img/public/jg-04.png b/img/public/jg-04.png new file mode 100644 index 0000000..85309c4 Binary files /dev/null and b/img/public/jg-04.png differ diff --git a/img/public/jg-05.png b/img/public/jg-05.png new file mode 100644 index 0000000..b9ba0aa Binary files /dev/null and b/img/public/jg-05.png differ diff --git a/img/public/jg-06.png b/img/public/jg-06.png new file mode 100644 index 0000000..bce6589 Binary files /dev/null and b/img/public/jg-06.png differ diff --git a/img/public/jg-07.png b/img/public/jg-07.png new file mode 100644 index 0000000..7f719f5 Binary files /dev/null and b/img/public/jg-07.png differ diff --git a/img/public/jg-08.png b/img/public/jg-08.png new file mode 100644 index 0000000..2af3410 Binary files /dev/null and b/img/public/jg-08.png differ diff --git a/img/public/jg-09.png b/img/public/jg-09.png new file mode 100644 index 0000000..d4be9d3 Binary files /dev/null and b/img/public/jg-09.png differ diff --git a/img/public/jg-10.png b/img/public/jg-10.png new file mode 100644 index 0000000..293b361 Binary files /dev/null and b/img/public/jg-10.png differ diff --git a/img/public/jg-11.png b/img/public/jg-11.png new file mode 100644 index 0000000..f6355ba Binary files /dev/null and b/img/public/jg-11.png differ diff --git a/img/public/jg-12.png b/img/public/jg-12.png new file mode 100644 index 0000000..f1f621f Binary files /dev/null and b/img/public/jg-12.png differ diff --git a/img/public/jg-cz.png b/img/public/jg-cz.png new file mode 100644 index 0000000..de5dee9 Binary files /dev/null and b/img/public/jg-cz.png differ diff --git a/img/public/jg-detail-01.png b/img/public/jg-detail-01.png new file mode 100644 index 0000000..c48e7c7 Binary files /dev/null and b/img/public/jg-detail-01.png differ diff --git a/img/public/jg-detail-02.png b/img/public/jg-detail-02.png new file mode 100644 index 0000000..465cda7 Binary files /dev/null and b/img/public/jg-detail-02.png differ diff --git a/img/public/jg-dp-01.png b/img/public/jg-dp-01.png new file mode 100644 index 0000000..ba2cec4 Binary files /dev/null and b/img/public/jg-dp-01.png differ diff --git a/img/public/jg-dp-02.png b/img/public/jg-dp-02.png new file mode 100644 index 0000000..a64c275 Binary files /dev/null and b/img/public/jg-dp-02.png differ diff --git a/img/public/jg-dp-03.png b/img/public/jg-dp-03.png new file mode 100644 index 0000000..e482c07 Binary files /dev/null and b/img/public/jg-dp-03.png differ diff --git a/img/public/jg-dp-04.png b/img/public/jg-dp-04.png new file mode 100644 index 0000000..410947b Binary files /dev/null and b/img/public/jg-dp-04.png differ diff --git a/img/public/jg-dp-05.png b/img/public/jg-dp-05.png new file mode 100644 index 0000000..6605d2c Binary files /dev/null and b/img/public/jg-dp-05.png differ diff --git a/img/public/jg-dp-06.png b/img/public/jg-dp-06.png new file mode 100644 index 0000000..b7558ba Binary files /dev/null and b/img/public/jg-dp-06.png differ diff --git a/img/public/jg-dp-07.png b/img/public/jg-dp-07.png new file mode 100644 index 0000000..68741b2 Binary files /dev/null and b/img/public/jg-dp-07.png differ diff --git a/img/public/jg-dp-09.png b/img/public/jg-dp-09.png new file mode 100644 index 0000000..6dc0bba Binary files /dev/null and b/img/public/jg-dp-09.png differ diff --git a/img/public/jg-dw.png b/img/public/jg-dw.png new file mode 100644 index 0000000..23fbd08 Binary files /dev/null and b/img/public/jg-dw.png differ diff --git a/img/public/jg-dy-01.png b/img/public/jg-dy-01.png new file mode 100644 index 0000000..d16feb1 Binary files /dev/null and b/img/public/jg-dy-01.png differ diff --git a/img/public/jg-dy-02.png b/img/public/jg-dy-02.png new file mode 100644 index 0000000..c8e98e0 Binary files /dev/null and b/img/public/jg-dy-02.png differ diff --git a/img/public/jg-dy-03.png b/img/public/jg-dy-03.png new file mode 100644 index 0000000..1273f23 Binary files /dev/null and b/img/public/jg-dy-03.png differ diff --git a/img/public/jg-dy-04.png b/img/public/jg-dy-04.png new file mode 100644 index 0000000..f3778b0 Binary files /dev/null and b/img/public/jg-dy-04.png differ diff --git a/img/public/jg-dy-05.png b/img/public/jg-dy-05.png new file mode 100644 index 0000000..bd415a9 Binary files /dev/null and b/img/public/jg-dy-05.png differ diff --git a/img/public/jg-dy-06.png b/img/public/jg-dy-06.png new file mode 100644 index 0000000..b52ae78 Binary files /dev/null and b/img/public/jg-dy-06.png differ diff --git a/img/public/jg-dy-07.png b/img/public/jg-dy-07.png new file mode 100644 index 0000000..eaa33de Binary files /dev/null and b/img/public/jg-dy-07.png differ diff --git a/img/public/jg-dy-08.png b/img/public/jg-dy-08.png new file mode 100644 index 0000000..2059fa9 Binary files /dev/null and b/img/public/jg-dy-08.png differ diff --git a/img/public/jg-dz-01.png b/img/public/jg-dz-01.png new file mode 100644 index 0000000..10d9fdb Binary files /dev/null and b/img/public/jg-dz-01.png differ diff --git a/img/public/jg-dz-02.png b/img/public/jg-dz-02.png new file mode 100644 index 0000000..235e67d Binary files /dev/null and b/img/public/jg-dz-02.png differ diff --git a/img/public/jg-dz-03.png b/img/public/jg-dz-03.png new file mode 100644 index 0000000..0c8e884 Binary files /dev/null and b/img/public/jg-dz-03.png differ diff --git a/img/public/jg-dz-04.png b/img/public/jg-dz-04.png new file mode 100644 index 0000000..9b489b0 Binary files /dev/null and b/img/public/jg-dz-04.png differ diff --git a/img/public/jg-dz-05.png b/img/public/jg-dz-05.png new file mode 100644 index 0000000..ed9a471 Binary files /dev/null and b/img/public/jg-dz-05.png differ diff --git a/img/public/jg-dz-06.png b/img/public/jg-dz-06.png new file mode 100644 index 0000000..9fa64cf Binary files /dev/null and b/img/public/jg-dz-06.png differ diff --git a/img/public/jg-dz-07.png b/img/public/jg-dz-07.png new file mode 100644 index 0000000..f235620 Binary files /dev/null and b/img/public/jg-dz-07.png differ diff --git a/img/public/jg-dz-08.png b/img/public/jg-dz-08.png new file mode 100644 index 0000000..84446bd Binary files /dev/null and b/img/public/jg-dz-08.png differ diff --git a/img/public/jg-email.png b/img/public/jg-email.png new file mode 100644 index 0000000..693dca1 Binary files /dev/null and b/img/public/jg-email.png differ diff --git a/img/public/jg-name.png b/img/public/jg-name.png new file mode 100644 index 0000000..e348b0e Binary files /dev/null and b/img/public/jg-name.png differ diff --git a/img/public/jg-phone.png b/img/public/jg-phone.png new file mode 100644 index 0000000..0efb5e5 Binary files /dev/null and b/img/public/jg-phone.png differ diff --git a/img/public/zx-01.png b/img/public/zx-01.png new file mode 100644 index 0000000..22aa38e Binary files /dev/null and b/img/public/zx-01.png differ diff --git a/img/public/zx-02.png b/img/public/zx-02.png new file mode 100644 index 0000000..db874eb Binary files /dev/null and b/img/public/zx-02.png differ diff --git a/img/public/zx-03.png b/img/public/zx-03.png new file mode 100644 index 0000000..9ba9ac6 Binary files /dev/null and b/img/public/zx-03.png differ diff --git a/img/public/zx-04.png b/img/public/zx-04.png new file mode 100644 index 0000000..ecfd4c4 Binary files /dev/null and b/img/public/zx-04.png differ diff --git a/img/public/zx-05.png b/img/public/zx-05.png new file mode 100644 index 0000000..9ba6986 Binary files /dev/null and b/img/public/zx-05.png differ diff --git a/img/public/zx-detail-r01.png b/img/public/zx-detail-r01.png new file mode 100644 index 0000000..a4b95cb Binary files /dev/null and b/img/public/zx-detail-r01.png differ diff --git a/img/public/zx-detail-r02.png b/img/public/zx-detail-r02.png new file mode 100644 index 0000000..7330230 Binary files /dev/null and b/img/public/zx-detail-r02.png differ diff --git a/img/public/zx-detail-r03.png b/img/public/zx-detail-r03.png new file mode 100644 index 0000000..11b0fce Binary files /dev/null and b/img/public/zx-detail-r03.png differ diff --git a/img/public/zx-detail-r04.png b/img/public/zx-detail-r04.png new file mode 100644 index 0000000..183a32b Binary files /dev/null and b/img/public/zx-detail-r04.png differ diff --git a/img/public/zx-detail01.png b/img/public/zx-detail01.png new file mode 100644 index 0000000..20b0a3f Binary files /dev/null and b/img/public/zx-detail01.png differ diff --git a/img/public/zx-detail02.png b/img/public/zx-detail02.png new file mode 100644 index 0000000..cceb7ae Binary files /dev/null and b/img/public/zx-detail02.png differ diff --git a/img/public/zx-right-xx.png b/img/public/zx-right-xx.png new file mode 100644 index 0000000..508d345 Binary files /dev/null and b/img/public/zx-right-xx.png differ diff --git a/index.html b/index.html index ad44877..a29e041 100644 --- a/index.html +++ b/index.html @@ -86,7 +86,7 @@
  • -
    机构
    +
    机构
  • @@ -521,6 +521,6 @@ - + 图片丢失 diff --git a/js/huaxia.js b/js/huaxia.js index 1f3dc47..0c4eed0 100644 --- a/js/huaxia.js +++ b/js/huaxia.js @@ -2,6 +2,7 @@ $(function(){ $('.logo').on('click',function(){//logo图标点击事件 location.href = 'index.html' }) + // 一级导航 $('.dao-box li div').mouseover(function(){//导航悬浮事件 $(this).css("cursor","pointer") }) @@ -13,31 +14,68 @@ $(function(){ $(this).next(".redD").removeClass('dn') $(this).addClass('cq-dao-active') }) - var html = ''; - var data = [ - {imgSrc:'img/public/xin-one.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'}, - {imgSrc:'img/public/xin-two.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'}, - {imgSrc:'img/public/xin-three.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'}, - {imgSrc:'img/public/xin-four.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'}, - ] - $.each(data, function(commentIndex, comment) { - html +=`
    - -
    -
    ${comment.title}
    -
    ${comment.time}
    -
    ${comment.content}
    -
    -
    ` + // 二级导航 + $('.zx-nav li a').click(function(){ + $('.zx-nav li a').removeClass('zx-nav-title') + $('.zx-nav li div').removeClass('zx-nav-active') + $(this).addClass('zx-nav-title') + $(this).next("div").addClass('zx-nav-active') + }) + //三级导航 + $('.szx-nav li a').click(function(){ + $('.szx-nav li a').removeClass('zx-nav-title') + $('.szx-nav li div').removeClass('zx-nav-active') + $(this).addClass('zx-nav-title') + $(this).next("div").addClass('zx-nav-active') + }) + // 资讯页面 + // 信息动态、新闻公告切换 + $('#zx-xg').click(function(){ + if(!$(this).find('.xx-one').hasClass('zx-xx')){ + $(this).find('.xx-one').addClass('zx-xx'); + $(this).find('.xx-one').removeClass('zx-gg'); + $(this).find('.gg-one').addClass('zx-gg'); + $(this).find('.gg-one').removeClass('zx-xx'); + } else { + $(this).find('.gg-one').removeClass('zx-gg'); + $(this).find('.gg-one').addClass('zx-xx'); + $(this).find('.xx-one').removeClass('zx-xx'); + $(this).find('.xx-one').addClass('zx-gg'); + } + }) + // 机构详情的立即关注 + $('#follow').click(function(){ + if($(this).text()=='立即关注'){ + $(this).text('已关注') + $(this).removeClass('borr') + $(this).addClass('borf') + } else { + $(this).text('立即关注') + $(this).removeClass('borf') + $(this).addClass('borr') + } + }) + + // let childer = document.querySelectorAll('.ysj .ya-item-box').length + // if(childer==5) { + // $('.ysj').css({"justify-content":"space-between","marginRight":0}) + // $('.ysj .ya-item-box').css({"marginRight":0}) + // } + xxDong()//首页信息动态 + zxList()//资讯列表事件 + checkJG()//机构列表事件 + checkPeo()//机构成员事件 + checkExhibitone()//机构展会事件 + checkArt()//机构艺术品事件 + $(window).scroll(function() { + if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) { + zxList() + checkJG() + checkPeo() + checkExhibitone() + checkArt() + } }); -  $('.msg').prepend(html); - let childer = document.querySelectorAll('.ysj .ya-item-box').length - if(childer==5) { - $('.ysj').css({"justify-content":"space-between","marginRight":0}) - $('.ysj .ya-item-box').css({"marginRight":0}) - } - - // 监听页面滚动条变化 @@ -51,6 +89,177 @@ $(function(){ } }) }) +function xxDong(){//首页信息动态 + var html = ''; + var data = [ + {imgSrc:'img/public/xin-one.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'}, + {imgSrc:'img/public/xin-two.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'}, + {imgSrc:'img/public/xin-three.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'}, + {imgSrc:'img/public/xin-four.png',title:'助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...',time:'2021.06.30',content:'爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...'}, + ] + $.each(data, function(commentIndex, comment) { + html +=`
    + 图片丢失 +
    +
    ${comment.title}
    +
    ${comment.time}
    +
    ${comment.content}
    +
    +
    ` + }); + $('.msg').prepend(html); +} +function zxList(){//资讯页全部下的列表 + var zxHtml = ''; + var zxData = [ + {imgSrc:'../../img/public/zx-01.png',title:'【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'}, + {imgSrc:'../../img/public/zx-02.png',title:'【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'}, + {imgSrc:'../../img/public/zx-03.png',title:'【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'}, + {imgSrc:'../../img/public/zx-04.png',title:'【华夏艺术网·展讯】花事匆匆,美人依旧丨苏茂隆个展成都永陵博物馆即将呈现',time:'2021.06.30',content:'人称“苏美人”的画家苏茂隆,近两年几乎没有公开的规模展览。这批新作乃近两年仕女画的探索性力作。一部分作品沿袭过往仕女画经典技法,而由于近两年苏茂隆的住家环境的变化,自身也在做颇为冒险的技法探索。地创作了一批彩墨作品。'}, + ] + $.each(zxData, function(commentIndex, comment) { + zxHtml +=`
    +
    + 图片丢失 +
    +
    +
    ${comment.time}
    +
    ${comment.title}
    +
    ◆ ◆ ◆ ◆
    +
    ${comment.content}
    +
    +
    ` + }); +  $('#zx-list').prepend(zxHtml); + $('#zx-list div').mouseover(function(){//导航悬浮事件 + $(this).css("cursor","pointer") + $(this).find(".zx-title").css('color','#CB1919') + $(this).find(".zx-dian").css('color','#CB1919') + }) + $('#zx-list div').mouseout(function(){//导航悬浮事件 + $(this).find(".zx-title").css('color','#000000') + $(this).find(".zx-dian").css('color','#7d7d7d') + }) +} +function goZXDetail(e){//查看资讯详情 + location.href = `realTimeInfoDetail.html?id=${e}` +} +function 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 +=`
    + 图标丢失 +
    ${comment.title}
    +
    ` + }); +  $('#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}` +} +function checkPeo(){//查询机构成员列表 + let jgmHtml = ''; + let jgmData = [ + {imgSrc:'../../img/public/jg-dp-01.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-02.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-03.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-04.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-05.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-06.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-07.png',title:'张龙森'}, + {imgSrc:'../../img/public/jg-dp-09.png',title:'张龙森'}, + ] + $.each(jgmData, function(commentIndex, comment) { + jgmHtml +=`
    + 图标丢失 +
    ${comment.title}
    +
    ` + }); +  $('#jgm-list').prepend(jgmHtml); + $('#jgm-list img').mouseover(function(){//导航悬浮事件 + $(this).css({"cursor":"pointer"}) + $(this).next('div').css('color','#CB1919') + }) + $('#jgm-list img').mouseout(function(){//导航悬浮事件 + $(this).next('div').css('color','#000000') + }) +} +function checkExhibitone(){//查询机构展会列表 + let jgzHtml = ''; + let jgzData = [ + {imgSrc:'../../img/public/jg-dz-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dz-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dz-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dz-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dz-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dz-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dz-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + {imgSrc:'../../img/public/jg-dz-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'}, + ] + $.each(jgzData, function(commentIndex, comment) { + jgzHtml +=`
    + 图标丢失 +
    ${comment.title}
    +
    展览时间:${comment.time}
    +
    ` + }); +  $('#jgz-list').prepend(jgzHtml); + $('#jgz-list img').mouseover(function(){//导航悬浮事件 + $(this).css({"cursor":"pointer"}) + $(this).next('div').css('color','#CB1919') + }) + $('#jgz-list img').mouseout(function(){//导航悬浮事件 + $(this).next('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 +=`
    + 图标丢失 +
    ${comment.title}
    +
    ` + }); +   $('#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 pageScroll(){ window.scrollBy(0,-100);