From f060f6bd5bef81076d8f47a7d629308d505c5e7c Mon Sep 17 00:00:00 2001 From: chen <2659004835@qq.com> Date: Mon, 27 Sep 2021 17:53:50 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/huaxia.css | 39 ++-- css/huaxiaMedia.css | 164 ++++++++++++++- htmls/artNetwork/artistDetail.html | 54 ++--- htmls/artNetwork/artist_worksDetail.html | 200 +++++++++++++++++++ htmls/artNetwork/auction.html | 33 ++- htmls/artNetwork/auctionDetail.html | 6 +- htmls/artNetwork/exhibitionComingDetail.html | 6 +- htmls/artNetwork/goMap.html | 78 ++++++++ htmls/artNetwork/mechanismArtworkDetail.html | 2 +- htmls/artNetwork/mechanismBooksDetail.html | 4 +- htmls/artNetwork/pointsMallDetail.html | 10 +- htmls/artNetwork/shopDetail.html | 4 +- htmls/artNetwork/shopMore.html | 25 ++- htmls/artNetwork/shoppingMall.html | 22 +- htmls/artNetwork/trainDetail.html | 6 +- js/huaxia.js | 158 --------------- 16 files changed, 557 insertions(+), 254 deletions(-) create mode 100644 htmls/artNetwork/artist_worksDetail.html create mode 100644 htmls/artNetwork/goMap.html diff --git a/css/huaxia.css b/css/huaxia.css index 78af678..6b3dbbe 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -18,7 +18,9 @@ body { .w90 { width: 90%; } - +.w59 { + width: 59%; +} .w56 { width: 56%; } @@ -986,7 +988,13 @@ input { z-index: 1; border-radius: 3px; } - +.chooseImg-content2{ + margin-top: 76px; + margin-left: 120px; + font-size: 12px; + color: #222222; + opacity: .7; +} .chooseImg-content { margin-top: 76px; margin-left: 120px; @@ -1447,19 +1455,18 @@ input { } /* 拍卖 */ -#pm-list>div:hover, -#pxzb-list>div:hover { +#pm-list a:hover>div, +#pxzb-list a:hover>div { box-shadow: 0 0 20px rgba(0, 0, 0, .2); - cursor: pointer; } - -#pm-list>div:hover div:last-child>div:first-child, -#pxzb-list>div:hover div:last-child>div:first-child { +#pm-list img{height: 304px;object-fit: cover;} +#pm-list a:hover .clips1, +#pxzb-list a:hover .clips1 { color: #CB1919; } - -#pm-list>div:hover div:last-child>div:first-child .quan, -#pxzb-list>div:hover div:last-child>div:first-child .quan { +.artist_detail_right{width: 86%;padding-right: 10px;} +#pm-list a:hover div:last-child>div:first-child .quan, +#pxzb-list a:hover div:last-child>div:first-child .quan { border: 2px solid #CB1919; } @@ -1485,7 +1492,7 @@ input { /* 培训 */ .px-item-img { - margin-bottom: -4px; + float: left; } .px-item-bo { @@ -3339,14 +3346,6 @@ ul { border-radius: 3px; } -.chooseImg-content { - margin-top: 76px; - margin-left: 12px; - font-size: 12px; - color: #222222; - opacity: .7; - -} .tygrzx_intfile { position: absolute; diff --git a/css/huaxiaMedia.css b/css/huaxiaMedia.css index a8f7c43..e1af953 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -137,7 +137,7 @@ .sypx-box {padding-bottom: 20px;} .sypx-box .djb .backf {padding-bottom: 10px;} .sypx-box .djb .backf div{margin-top: 10px;margin-right: 10px;} - .hz-jies{position: absolute;top: 45px;left: 0;margin-left: 0px;} + .hz-jies{position: absolute;top: 45px;left: 0;margin-left: 0px;font-size: 13px;} .hz-imgItem{margin-top: 20px;} .hz-input-box{display: inherit;} .hzly-box{padding: 20px;} @@ -189,7 +189,7 @@ .dmedia{display: none;} .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-jies{position: absolute;top: 40px;left: 0;margin-left: 0px;font-size: 13px;} .hz-input-box .p-zy10{margin-top: 20px;} .hz-input-box div{margin-top: 20px;} .hz-imgItem{flex-wrap: wrap;margin-top: 52px;} @@ -272,12 +272,18 @@ .sypx-box img{height: 340px;object-fit: cover;} #ys-cate{overflow-x: scroll;overflow-y: hidden;} #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} + .jg-tou .font-36{font-size: 26px;margin-top: 6px;} + .zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;} + .jg-xian{display: none;} + .jg-guanz {width: 80px;height: 30px;line-height: 30px;} } @media screen and (min-width:1621px) and (max-width:1820px) { .logo{width: 30%;} .p-zy180,.head-box{padding: 20px 180px;} #ys-cate{overflow-x: scroll;overflow-y: hidden;} #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} + .zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;} + .jg-xian{display: none;} } @media (max-width:766px){ #zx-list img {width: 120px;max-height: 74px;} @@ -297,7 +303,7 @@ #zled,#zlwill,#zling{width: 100%;} #zl-list .m-s30{margin-top: 20px;} #zl-list .w90{width: 100%;max-height: 200px;object-fit: cover;} - #ys-list {justify-content: space-between;width: 100%;} + #ys-list {justify-content: space-between;width: 100%;margin-top: -20px;} #ys-list .w25{width: 48%;} #ys-list .w90{width: 100%;margin-top: 10px;} #ys-list .font-26{font-size: 18px;} @@ -377,7 +383,7 @@ .tk-tougao > div > input{width: 100%;height: 35px;margin-top: 10px;} .tk-tougao {padding: 15px 20px;} .tgsub-btn {width: 100%;} - .chooseImg-content {margin-top: 120px;margin-left: 0px;font-size: 12px;} + .chooseImg-content2 {margin-top: 120px;margin-left: 0px;font-size: 12px;} .tgsub-btn div {width: 100px;height: 36px;line-height: 36px;font-size: 14px;} .tk-tougao .dis{flex-direction: column;} .chooseImg-box{margin-top: 10px;} @@ -401,6 +407,7 @@ #ysjzz-list img{margin-bottom: 10px;} .m-s50{margin-top: 20px;} + #jgjj-box{margin-top: 0px;} .jg-tou{margin-top: 10px;} .jg-tou .p-sx20{padding: 0 20px;} .jg-tou .font-36{font-size: 20px;} @@ -408,7 +415,7 @@ #jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;} #jgjj-box .linh42{padding-bottom: 20px;} #jgjj-box .linh42 .dac{align-items: baseline;} - .jg-guanz{width: 107px;height: 30px;line-height: 30px;} + .jg-guanz{width: 80px;height: 30px;line-height: 30px;flex-shrink: 0;margin-left: 10px;} .borr{font-size: 14px;} .jg-tou .p-zy20{padding-left: 0px;padding-right: 0px;} @@ -418,6 +425,109 @@ #jgs-list .w90,#jgz-list .w90,#jgm-list .w90{width: 100%;margin-bottom: 10px;} #jgs-list .font-18{margin-bottom: 0px;} #jgz-list .m-s10{margin-top: 0;} + #jgcy-box{padding-bottom: 20px;} + #zx-list .m-y30{margin-right: 10px;} + .artist_box .pd6,.trainDetail .pd6{margin-left: -20px;margin-right: -20px;} + .trainDetail .m-s30{margin-top: 6px;} + .trainDetail .m-x10{display: none;} + .trainDetail .p-zy40{padding-left: 10px;padding-right: 10px;} + .trainDetail .linh28{margin-bottom: 6px;} + .trainDetail .clips4{-webkit-line-clamp: 2;} + .trainDetail .linh30{line-height: 25px;} + .trainDetail .font-26{margin-left: 20px;} + .trainDetail .p-zy20{padding-left: 20px;padding-right: 20px;} + .trainDetail .m-zy20{margin-right: 0px;} + .shop-swiper .swiper-pagination-bullet{width: 6px;height: 6px;} + + #rem-list,#jf-list {justify-content: space-between;flex-direction: column;align-items: flex-start;} + #rem-list .w20,#jf-list .w20{width: 100%;} + #rem-list .m-s20,#jf-list .m-s20{margin-top: 10px;} + #rem-list .clips2,#jf-list .clips2{-webkit-line-clamp: 1;} + #rem-list a div:nth-of-type(1), #jf-list a div:nth-of-type(1){height: 20px;} + #rem-list a img, #jf-list a img{height: 200px;} + + .shopBox .m-x20{margin-bottom: 10px;} + .shop-swiper{padding-top: 10px;} + + #sh-list {flex-direction: column;} + #sh-list>a:first-child{width: 100%;} + #cq-list .w59,#sh-list .w59{justify-content: space-between;flex-wrap: wrap;width: 100%;margin-top: 10px;} + #cq-list .w33,#sh-list .w33{width: 48%;margin-bottom: 10px;} + #cq-list .m-z20,#sh-list .m-z20{margin-left: 0px;} + /* #cq-list .m-sx10,#sh-list .m-sx10{margin-bottom: 0px;margin-top: 0px;} */ + #cq-list>.dis,#sh-list>.dis{justify-content: space-between;flex-wrap: wrap;} + #cq-list>.dis .w20,#sh-list>.dis .w20{width: 48%;} + #cq-list>.dis .m-y20,#sh-list>.dis .m-y20{margin-right: 0px;} + #cq-list>.dis .m-s20,#sh-list>.dis .m-s20{margin-top: 0px;} + + #scjf-list{justify-content: space-between;flex-wrap: wrap;} + #scjf-list .w20{width: 48%;} + #scjf-list .m-y20{margin-right: 0px;} + + #alls-list{justify-content: space-between;flex-wrap: wrap;padding-bottom: 20px;} + #alls-list .dfc > div{margin: 0;} + #alls-list .w20{width: 48%;box-shadow: none;} + + .shopDetail-title{padding-top: 10px;} + .shopDetail-box{padding-top: 20px;} + .xq-pub {width: 30px;height: 30px;} + .xq-pre{left: 10px;} + .xq-next{right: 10px;} + .shopDetail-box .detail-right {width: 100%;padding: 0;} + .shopDetail-box .detail-right .font-24{font-size: 16px;} + .shopDetail-box .detail-right .linh42{line-height: 25px;height: 40px;margin-bottom: 10px;} + .shopDetail-box .detail-right .font-30{font-size: 15px;} + .shopDetail-box .detail-right .font-15{font-size: 12px;} + .shopDetail-box .youhq-box{margin-top: 0px;} + .detail-input-box{margin-top: 10px;margin-left: 12px;} + .dui-box, .addcart-box { + width: 80px; + height: 30px; + line-height: 30px; + margin-left: 0px; + } + .addcart-box .font-20{font-size: 14px;} + .detail-right .p-x20{padding-bottom: 10px;} + .detail-right .p-s20{padding-top: 10px;padding-bottom: 10px;} + .detail-right .p-s20 > .dac{margin-left: 0px;} + #pm-list{padding-bottom: 0px;} + #pm-list .m-x30{margin-bottom: 20px;} + #pm-list img{height: 150px;} + #pm-list .w56{width: 100%;padding-left: 10px;padding-right: 10px;} + #pm-list .clips3{-webkit-line-clamp: 2;} + #pm-list .m-s20{margin-top: 10px;} + #pm-list .m-x10{margin-bottom: 0px;display: none;} + #pm-list .p-sx20{padding-top: 10px;padding-bottom: 10px;} + #pm-list .font-20{font-size: 15px;} + #pm-list .font-15{font-size: 13px;} + #pm-list .m-x20{margin-bottom: 10px;display: none;} + + .pm-detail img{padding-top: 20px;padding-bottom: 10px;} + .pm-detail .font-24{font-size: 18px;} + .pm-detail .font-16{font-size: 14px;line-height: 22px;} + .pm-detail .m-sx20{margin: 10px 0;} + .pm-detail .pd6 .font-36{font-size: 20px;padding-left: 10px;margin-top: -10px;} + + + #pmd-main{padding: 0 10px;margin-top: -30px;} + #pmd-list{justify-content: space-between;flex-wrap: wrap;} + #pmd-list .w25{width: 48%;} + #pmd-list .w90{width: 100%;} + #pmd-list .m-s30{margin-top: 0px;} + #pmd-list .clips1{margin-top: 0px;} + + #duih{font-size: 13px;} + + .artist_box .m-sx30{margin-top: 0px;} + .artist_detail_right{width: 100%;padding-right: 0;} + .artist_detail_right .font-24{font-size: 20px;} + .artist_detail_right .linh42{line-height: 30px;} + .artist_detail_right .m-sx20{margin-top: 10px;margin-bottom: 10px;} + .artist_detail_right .p-s20{padding-top: 0px;} + .goMai {font-size: 13px; padding: 6px 15px;} + + #previewImg div:first-child{width: 60%;height: auto;} + #previewImg div:first-child img{height: 100%;float: left;} } @media (min-width:767px) and (max-width:991px){ #zx-list img {width: 250px;max-height: 155px;} @@ -448,16 +558,31 @@ .m-z30{margin-left: 20px;} #zlDetail .linh32{line-height: 26px;} - .zx-nav{overflow-x: scroll;overflow-y: hidden;} .jg-tou{margin-top: 10px;} .jg-tou .p-sx20{padding: 0 20px;} .jg-tou .font-36{font-size: 20px;margin-top: 6px;} + #jgjj-box{margin-top: 20px;} #jgjj-box .m-zy20:first-child{margin-left: 0px;margin-right: 0px;margin-top: 0px;line-height: 26px;} #jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;} #jgjj-box .linh42{padding-bottom: 20px;} #jgjj-box .linh42 .dac{align-items: baseline;} - .jg-guanz{width: 107px;height: 30px;line-height: 30px;} + .jg-guanz{width: 80px;height: 30px;line-height: 30px;} .borr{font-size: 14px;} + + #jgsk-box,#jgzh-box,#jgcy-box{padding-bottom: 20px;} + #zx-list .m-y30{margin-right: 10px;} + .trainDetail .p-zy40{padding-left: 20px;padding-right: 20px;} + .trainDetail .clips4{-webkit-line-clamp: 3;} + .trainDetail .linh30{line-height: 25px;} + #pm-list img{height: 200px;} + #pm-list .w56{width: 100%;padding-left: 10px;padding-right: 10px;} + #pm-list .clips3{-webkit-line-clamp: 2;} + #pm-list .m-s20{margin-top: 10px;} + #pm-list .m-x10{margin-bottom: 0px;} + #pm-list .p-sx20{padding-top: 10px;padding-bottom: 10px;} + #pm-list .font-20{font-size: 15px;} + #pm-list .font-15{font-size: 13px;} + #pm-list .m-x20{margin-bottom: 10px;} } @media (min-width:992px) and (max-width:1199px){ #zx-list img {width: 250px;max-height: 155px;} @@ -469,21 +594,38 @@ #ys-cate{overflow-x: scroll;overflow-y: hidden;} #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} - .zx-nav{overflow-x: scroll;overflow-y: hidden;} - .zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;} + .jg-tou .font-36{font-size: 20px;margin-top: 12px;} + .zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;} + .jg-xian{display: none;} + .jg-guanz {width: 80px;height: 30px;line-height: 30px;} .zx-nav li a, .szx-nav li a, .px-nav li a{font-size: 14px;} .jg-tou .p-sx20{padding: 0 20px;} - .jg-tou .font-36{font-size: 26px;margin-top: 6px;} + .zx-nav li, .szx-nav li, .px-nav li {padding: 15px 0 15px 0;} #jgjj-box .m-zy20:first-child{margin-left: 0px;margin-right: 0px;margin-top: 0px;line-height: 26px;} #jgjj-box .m-zy20:last-child{margin-left: 0px;margin-right: 0px;margin-top: 10px;line-height: 30px;} #jgjj-box .linh42{padding-bottom: 20px;} #jgjj-box .linh42 .dac{align-items: baseline;} - .jg-guanz{width: 107px;height: 30px;line-height: 30px;} .borr{font-size: 14px;} + + #pm-list img{height: 200px;} + #pm-list .w56{width: 100%;padding-left: 10px;padding-right: 10px;} + #pm-list .clips3{-webkit-line-clamp: 2;} + #pm-list .m-s20{margin-top: 10px;} + #pm-list .m-x10{margin-bottom: 0px;} + #pm-list .p-sx20{padding-top: 10px;padding-bottom: 10px;} + #pm-list .font-20{font-size: 15px;} + #pm-list .font-15{font-size: 13px;} + #pm-list .m-x20{margin-bottom: 10px;} + + } @media (min-width:1200px) and (max-width:1440px){ #ys-cate{overflow-x: scroll;overflow-y: hidden;} #ys-cate li{padding: 10px 0 8px 0;font-size: 14px;flex-shrink: 0;} + .jg-tou .font-36{font-size: 26px;margin-top: 6px;} + .zx-nav li, .szx-nav li, .px-nav li{flex-shrink: 0;margin-right: 20px;} + .jg-xian{display: none;} + .jg-guanz {width: 80px;height: 30px;line-height: 30px;} } diff --git a/htmls/artNetwork/artistDetail.html b/htmls/artNetwork/artistDetail.html index 7b4b743..e1401ab 100644 --- a/htmls/artNetwork/artistDetail.html +++ b/htmls/artNetwork/artistDetail.html @@ -132,7 +132,7 @@ -
+
@@ -170,38 +170,26 @@
  • 瓷器
    • -
    - 图标丢失 -
    陌上谁人依旧 · 曹辉人物画展
    -
    -
    - 图标丢失 -
    陌上谁人依旧 · 曹辉人物画展
    -
    -
    - 图标丢失 -
    陌上谁人依旧 · 曹辉人物画展
    -
    -
    - 图标丢失 -
    陌上谁人依旧 · 曹辉人物画展
    -
    -
    - 图标丢失 -
    陌上谁人依旧 · 曹辉人物画展
    -
    -
    - 图标丢失 -
    陌上谁人依旧 · 曹辉人物画展
    -
    -
    - 图标丢失 -
    陌上谁人依旧 · 曹辉人物画展
    -
    -
    - 图标丢失 -
    陌上谁人依旧 · 曹辉人物画展
    -
    + + 图标丢失 +
    陌上谁人依旧 · 曹辉人物画展
    +     + + 图标丢失 +
    陌上谁人依旧 · 曹辉人物画展
    +     + + 图标丢失 +
    陌上谁人依旧 · 曹辉人物画展
    +     + + 图标丢失 +
    陌上谁人依旧 · 曹辉人物画展
    +     + + 图标丢失 +
    陌上谁人依旧 · 曹辉人物画展
    +
    diff --git a/htmls/artNetwork/artist_worksDetail.html b/htmls/artNetwork/artist_worksDetail.html new file mode 100644 index 0000000..6c6cc6f --- /dev/null +++ b/htmls/artNetwork/artist_worksDetail.html @@ -0,0 +1,200 @@ + + + + + 艺术家详情 + + + + + + + + + + + + +
    +
    +
    +
    +
    +
    +
    + +
    + +
    +
    + 关于我们 + +
    + + 我的购物车 +
    + + 积分商城 + + 联系我们 + + 登录/注册 +
    + 个人中心 + 【退出】 +
    +
    +
    +
    + +
    +
    + + +
    +
    +
    + +
    + + +
    + +
    +
    + +
    +
    + +
    + +
    +
    +
    +
    +
    周安明
    +
    +
    关注他
    +
    +
    +
    +
    +
    +
    +
    + +
      +
    • 个人简介

      • +
    • 推荐作品

      • +
    • 艺术访谈

      • +
    • 书刊杂志
      • +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    + + + + +
    + +
    +
    + 东方泥土 创意陶瓷年雕塑艺术摆件 新婚礼物闺蜜 结婚礼品乐趣 H20-03B 乐趣猪 彩色 +
    +
    + 简介：文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1先生。其作品多次参加国内外大型画展，1986年在深圳、1 +
    +
    去购买
    +
    +
    +
    文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994
    + +
    文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝
    + +
    +
    +
    +
    + + + + 图片丢失 + + diff --git a/htmls/artNetwork/auction.html b/htmls/artNetwork/auction.html index 3083430..dba8302 100644 --- a/htmls/artNetwork/auction.html +++ b/htmls/artNetwork/auction.html @@ -132,7 +132,38 @@
    -
    +