From 6f9f82079214baa99207539fbaf97ee4e9ef6142 Mon Sep 17 00:00:00 2001 From: chen <2659004835@qq.com> Date: Tue, 14 Sep 2021 18:05:53 +0800 Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E7=90=86=E5=85=AC=E5=85=B1=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/huaxia.css | 63 +++++++-- htmls/artNetwork/artist.html | 20 +-- htmls/artNetwork/artistDetail.html | 10 +- htmls/artNetwork/auction.html | 22 +-- htmls/artNetwork/auctionShopDetail.html | 12 +- htmls/artNetwork/exhibition.html | 24 ++-- htmls/artNetwork/exhibitionComingDetail.html | 110 ++++++++------- htmls/artNetwork/mechanism.html | 22 +-- htmls/artNetwork/mechanismDetail.html | 138 +++++++++++++------ htmls/artNetwork/pointsMallDetail.html | 2 +- htmls/artNetwork/realTimeInfo.html | 29 ++-- htmls/artNetwork/realTimeInfoDetail.html | 60 ++++---- htmls/artNetwork/shoppingMall.html | 18 +-- htmls/artNetwork/train.html | 20 +-- img/public/swiper-next.png | Bin 0 -> 861 bytes img/public/swiper-pre.png | Bin 0 -> 847 bytes img/public/xq-next.png | Bin 0 -> 1211 bytes img/public/xq-pre.png | Bin 0 -> 1221 bytes index.html | 21 ++- js/huaxia.js | 86 ++++++++++-- 20 files changed, 414 insertions(+), 243 deletions(-) create mode 100644 img/public/swiper-next.png create mode 100644 img/public/swiper-pre.png create mode 100644 img/public/xq-next.png create mode 100644 img/public/xq-pre.png diff --git a/css/huaxia.css b/css/huaxia.css index e300d40..04d60a9 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -1,4 +1,5 @@ body{margin: 0;padding: 0;} +.w102{width: 102.6%;} .w100{width: 100%;} .w96{width: 96%;} .w90{width: 90%;} @@ -79,12 +80,14 @@ body{margin: 0;padding: 0;} .m-x10{margin-bottom: 10px;} .m-zy180{margin-left: 180px;margin-right: 180px;} +.m-zy10{margin-left: 10px;margin-right: 10px;} .m-zy15{margin-left: 15px;margin-right: 15px;} .m-zy20{margin-left: 20px;margin-right: 20px;} .m-zy30{margin-left: 30px;margin-right: 30px;} +.pd6{padding: 6px;} .pd30{padding: 30px;} .pd20{padding: 20px;} .pd10{padding: 10px;} @@ -158,7 +161,7 @@ body{margin: 0;padding: 0;} .backf{background: #FFFFFF;} .backe6{background: #e6e6e6;} .backf5{background: #f5f5f5;} - +.backe9{background: #e9e9e9;} .bd{border: 1px solid #e6e6e6;} @@ -177,6 +180,8 @@ body{margin: 0;padding: 0;} ul li {list-style: none;padding: 0px;margin: 0px;} .tn{text-decoration: none;} +input:focus{border: none;} + #gotoTop{width: 57px;height: 57px; cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;} .dmedia{display: inline;} @@ -259,22 +264,49 @@ ul li {list-style: none;padding: 0px;margin: 0px;} line-height: 1; font-weight: 700; } +/* 首页7个轮播 */ +.swiper-pub{width: 39px;height: 39px;position: absolute;top: 35%;z-index: 1;cursor: pointer;} +.two-next{right: 0;} +.two-pre{left: 0;} +/* 详情页轮播箭头样式 */ +.xq-pub{width: 46px;height: 46px;position: absolute;top: 46%;opacity: 0.2;z-index: 1;cursor: pointer;} +.xq-next{right: 20px;} +.xq-pre{left: 20px;} - - - - - - - +.allitem-title{padding: 45px 0 40px 0;} +.zx-more{display: none;justify-content: center;align-items: center;} +/* 弹框 */ +#isTank{display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;} +#isTank>div{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);} +#isTank>div>div{max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;} +.close-q{width: 19px;height: 19px;} +.close-q div{background: #828282;border-radius: 10px;width: 2px;height: 22px;} +.close-q div:first-child{transform: rotate(45deg);} +.close-q div:last-child{transform: rotate(-45deg);} +.tk-tougao{padding: 30px 40px;} +.tk-tougao>div>input{width: 459px;height: 52px;border: 1px solid #E6E6E6;border-radius: 3px;} +.chooseImg-box{display: inline-block;} +.chooseImg-box>div input{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;opacity: 0;z-index: 2;} +.chooseImg-box>div>div{width: 109px;height: 109px; border: 1px solid #E6E6E6;border-radius: 3px;display: flex;justify-content: center;align-items: center;} +.chooseImg-box>div>div span{display: block;width: 2px;height: 60px;border-radius: 3px;background-color: #E6E6E6;} +.chooseImg-box>div>div span:first-child{transform: rotate(90deg);} +.chooseImg-box>div img{width: 109px;height: 109px;display: none;object-fit: cover;z-index: 1;border-radius: 3px;} +.chooseImg-content{margin-top: 76px;margin-left: 130px;font-size: 12px;color: #222222;opacity: .7;} +.tgsub-btn{width: 906px;} +.tgsub-btn div{width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;} +#success_fail{width: 569px;} +#failk>img,#successk>img{width: 77px;height: 77px;margin-top: 54px;} +.goZhanl{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;} +#successk div:last-child div{margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;} +#successk div:last-child div:last-child{margin-left: 10px;border: 1px solid #CB1919;color: #CB1919;} /* 首页 */ .logo{width: 487px;} .banner-img{width: 100%;height: auto;} .head-box{position: sticky;top: -6px;z-index: 10;background: #FFFFFF;padding: 10px 180px;} -.head-nav-box>div:last-child{margin-top: 20px;} +/* .head-nav-box>div:last-child{margin-top: 20px;} */ .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;} +.dao-boxw{box-shadow: 0px 3px 12px rgba(2,2,2,.16);display: flex;justify-content: space-between;align-items: center;} .guan-box{display: flex;align-items: center;font-size: 14px;color: #181818;width: 100%;justify-content: flex-end;} .redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;} .xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;} @@ -286,7 +318,7 @@ ul li {list-style: none;padding: 0px;margin: 0px;} .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 input{font-size: 14px;height: 38px;border: 0;} .input-box img{right: 10px;top: 10px;width: 20px;height: 20px;} .cq-item-title-box{padding: 65px 0 30px 0;} .cq-item-title-box>div>div{background:-webkit-linear-gradient(left,red,rgba(255,255,255,0));height: 11px; bottom: 0;left: 0;width: 130px; opacity: .8;z-index: 0;} @@ -347,6 +379,7 @@ ul li {list-style: none;padding: 0px;margin: 0px;} #zl-list div:hover .m-s20{font-weight: bold;} .jg-guanz{width: 110px;height: 42px;line-height: 42px;text-align: center;} .jg-xian{border: 0.5px solid #dbdbdb;position: absolute;right: -26px;height: 28%;top: 12%;} +.jg-twoNav{padding: 0;margin: 0;} /* 拍卖 */ #pm-list>div:hover,#pxzb-list>div:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);cursor: pointer;} #pm-list>div:hover div:last-child>div:first-child,#pxzb-list>div:hover div:last-child>div:first-child{color: #CB1919;} @@ -381,6 +414,14 @@ ul li {list-style: none;padding: 0px;margin: 0px;} #zlzp-list>div:hover div:last-child>span{color: #FFFFFF;background: #CB1919;} #zlzp-list>div:hover .font-16{font-weight: bold;} .zltp{width: 179px;height: 47px;border-radius: 5px;border: 1px solid #dbdbdb;line-height: 47px;text-align: center;} +.toug-btn{color: #ce2828;border: 1px solid #ce2828;width: 110px;height: 42px;line-height: 42px;text-align: center;border-radius: 3px;} +.zhanldw{width: 15px;height: 17px;margin-right: 4px;} +.col007{color: #007de2;} +.zhanl-select{height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;} +.zhanl-select img{width: 12px;height: 8px;} +.zpsearch-box{width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;} +.zpsearch-box input{width: 100%;border: none;height: 34px;margin-right: 20px;} +.zpsearch-box img{width: 17px;height: 16px;} /* 积分商城 */ #rem-list .dfc > div,#jf-list .dfc > div{margin: 10px;} #rem-list .dfc > div img,#jf-list .dfc > div img{max-height: 230px;} diff --git a/htmls/artNetwork/artist.html b/htmls/artNetwork/artist.html index 3045c2f..ca62101 100644 --- a/htmls/artNetwork/artist.html +++ b/htmls/artNetwork/artist.html @@ -42,9 +42,9 @@ mousewheel: false,//禁止鼠标滚动，切换 }); -
- -
+
+ +
关于我们 @@ -57,13 +57,13 @@ 联系我们 - 登录/注册 +
个人中心 【退出】
-
+
  • @@ -76,11 +76,11 @@
  • -
    展览
    +
    展览
  • -
    艺术家
    +
    艺术家
  • @@ -92,7 +92,7 @@
  • -
    商城
    +
    商城
  • @@ -108,9 +108,9 @@
-
+
-
艺术家
+
艺术家
在线签约
diff --git a/htmls/artNetwork/artistDetail.html b/htmls/artNetwork/artistDetail.html index 3a90db0..b47681d 100644 --- a/htmls/artNetwork/artistDetail.html +++ b/htmls/artNetwork/artistDetail.html @@ -122,10 +122,10 @@
@@ -144,7 +144,7 @@
-
    +
    • 国画
    • 油画
    • 书法
      • diff --git a/htmls/artNetwork/auction.html b/htmls/artNetwork/auction.html index 48dfe69..20facb8 100644 --- a/htmls/artNetwork/auction.html +++ b/htmls/artNetwork/auction.html @@ -42,9 +42,9 @@ mousewheel: false,//禁止鼠标滚动，切换 }); -
      - -
      +
      + +
      关于我们 @@ -57,13 +57,13 @@ 联系我们 - 登录/注册 +
      个人中心 【退出】
      -
      +
      • @@ -76,11 +76,11 @@
      • -
        展览
        +
        展览
      • -
        艺术家
        +
        艺术家
      • @@ -88,11 +88,11 @@
      • -
        培训
        +
        培训
      • -
        商城
        +
        商城
      • @@ -108,9 +108,9 @@
      -
      +
      -
      拍卖
      +
      拍卖
      diff --git a/htmls/artNetwork/auctionShopDetail.html b/htmls/artNetwork/auctionShopDetail.html index aea9521..0983b54 100644 --- a/htmls/artNetwork/auctionShopDetail.html +++ b/htmls/artNetwork/auctionShopDetail.html @@ -116,16 +116,16 @@
      -
      +
      -
      -
      -
      +
      +
      +
      -
      + -
      +
      -
      - -
      +
      + +
      关于我们 @@ -51,7 +51,7 @@ 联系我们 - 登录/注册 +
      个人中心 【退出】 @@ -66,15 +66,15 @@
    • -
      资讯
      +
      资讯
    • -
      展览
      +
      展览
    • -
      艺术家
      +
      艺术家
    • @@ -82,11 +82,11 @@
    • -
      培训
      +
      培训
    • -
      商城
      +
      商城
    • @@ -102,12 +102,12 @@
      • -
      +
      -
      展览
      +
      展览
      正在展会
      -
      即将展览
      +
      即将展览
      展览回顾
      diff --git a/htmls/artNetwork/exhibitionComingDetail.html b/htmls/artNetwork/exhibitionComingDetail.html index 816145e..e7624ee 100644 --- a/htmls/artNetwork/exhibitionComingDetail.html +++ b/htmls/artNetwork/exhibitionComingDetail.html @@ -36,9 +36,9 @@ mousewheel: false,//禁止鼠标滚动，切换 }); -
      - -
      +
      + +
      关于我们 @@ -51,7 +51,7 @@ 联系我们 - 登录/注册 +
      个人中心 【退出】 @@ -66,15 +66,15 @@
    • -
      资讯
      +
      资讯
    • -
      展览
      +
      展览
    • -
      艺术家
      +
      艺术家
    • @@ -82,11 +82,11 @@
    • -
      培训
      +
      培训
    • -
      商城
      +
      商城
    • @@ -102,12 +102,12 @@
      • -
      +
      -
      展览
      +
      展览
      正在展会
      -
      即将展览
      +
      即将展览
      展览回顾
      @@ -120,7 +120,7 @@
      未来城市+ ：建筑设计模型展
      -
      我要投稿
      +
      我要投稿
      主办方：华夏艺术网
      @@ -133,8 +133,8 @@
      上海市樱花路869号喜玛拉雅中心A区3-4 层
      - - 去这里 + + 去这里
      @@ -144,25 +144,25 @@
      上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师
      -
      +
      山东美术馆
      -
      +
      票数从高到低
      - +
      -
      - - +
      + +
      -
      -