diff --git a/css/foot.min.css b/css/foot.min.css new file mode 100644 index 0000000..8bf6cf7 --- /dev/null +++ b/css/foot.min.css @@ -0,0 +1,60 @@ +.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;} +body{padding: 0;margin: 0;} +.foot-nav-box{ + background: #cb1919; + margin-top: 30px; + padding: 20px 180px; + display: flex; + justify-content: space-between; + align-items: center; +} +.foot-nav-box>div:first-child{color: #FFFFFF;font-size: 15px;display: flex;align-items: center;} +.foot-box-nav>div{margin-right: 46px;cursor: pointer;} +.foot-box-img>img{margin-left: 20px;cursor: pointer;-webkit-filter: invert(.1); filter: invert(.1);} +/* -webkit-filter: invert(.8); filter: invert(.8); */ +.foot-box-img>img:nth-child(1),.foot-box-img>img:nth-child(2){width:23px;height:19px;} +.foot-box-img>img:nth-child(3){width:19px;height:19px;} +.foot-box-img>img:nth-child(4){width:17px;height:17px;} +.foot-box-img>img:nth-child(5){width:18px;height:18px;} + + +.foot-end-box{display: flex;justify-content: space-between;} +.foot-end-box>div:first-child{padding: 27px 20px 0 180px;border-right: 1px solid #ededed;} +/* .foot-end-box>div:first-child>img{width:362px;height: 88px;} */ +.foot-end-box>div:first-child>img{width: 80%;} +.foot-end-box>div:last-child{background: #faf9f8;width: 90%;padding-top: 27px;} +.foot-end-right{padding: 0 180px 30px 30px;display: flex;justify-content: space-between;} +.foot-end-title{font-size: 14px;line-height: 26px;font-weight: bold;} +.foot-end-titlez{font-size: 14px;line-height: 26px;font-weight: bold;margin-top: 10px;} +.foot-end-content{font-size: 13px;color: #616161;line-height: 26px;} +/* .shu-logo{width: 389px;height: 70px;} */ +.shu-logo{width: 100%;} +.foot-count{margin-top: 30px;margin: 30px 15px 0 15px;flex-shrink: 0;} +.foot-qrcode{margin-top: 30px;display: flex;justify-content: space-between;} +.foot-qrcode>div{display: flex;flex-direction: column;align-items: center;cursor: pointer;} +.foot-qrcode>div>img{width: 99px;height: 99px;} +.foot-qrcode>div>div{font-size: 12px;color: #616161;} +.foot-end-bottom{font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;} +.foot-iframe{width: 100%;height: 400px;} + + +@media (min-width:1220px) and (max-width:1619px){ + .foot-end-box>div:last-child{width: 100%;} + /* .foot-end-box>div:first-child>img{width:260px;height: 60px;} + .shu-logo{width: 260px;height: 50px;} + .foot-box-nav>div{margin-right: 30px;cursor: pointer;} + .foot-end-box>div:first-child{padding: 27px 20px 0 120px;} + .foot-nav-box{margin-top: 30px;padding: 20px 120px;} + .foot-end-right{padding: 0 120px 30px 30px;} + .foot-end-box>div:last-child{width: 180%;} + .foot-count{margin-top: 30px;margin: 30px 15px 0 15px;width: 33%;} + .foot-iframe{width: 100%;height: 410px;} */ +} +@media (min-width:1620px) and (max-width:1900px){ + .foot-end-box>div:last-child{width: 100%;} + /* .foot-box-nav>div{margin-right: 30px;cursor: pointer;} + .foot-end-box>div:first-child{padding: 27px 20px 0 120px;} + .foot-nav-box{margin-top: 30px;padding: 20px 120px;} + .foot-end-right{padding: 0 120px 30px 30px;} */ +} \ No newline at end of file diff --git a/css/huaxia.css b/css/huaxia.css index 4d5f480..500aece 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -1,3 +1,4 @@ +body{margin: 0;padding: 0;} .w100{width: 100%;} .w50{width: 50%;} .w48{width: 49%;} @@ -45,6 +46,7 @@ .m-sx28{margin-top: 28px;margin-bottom: 28px;} .m-sx20{margin-top: 20px;margin-bottom: 20px;} .m-sx16{margin-top: 16px;margin-bottom: 16px;} +.m-sx10{margin-top: 10px;margin-bottom: 10px;} .m-x65{margin-bottom: 65px;} @@ -100,6 +102,84 @@ .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;} + + +/* 轮播图 */ +.swiper-container { + width: 100%; + height: 100%; +} +.swiper-slide { + text-align: center; + font-size: 18px; + background: #fff; + /* Center slide text vertically */ + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; +} +.swiper-pagination-bullet{ + width: 13px;height: 13px;border-radius: 100%; + background: #FFFFFF; + border: 2px solid #FFFFFF; + opacity: 1; +} +.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{ + width: 13px;height: 13px;border-radius: 100%; + border: 2px solid #cd2628; + background-color: rgba(255,255,255,0); +} +.swiper-button-prev, .swiper-container-rtl .swiper-button-prev { + left: 0px; + right: auto; +} +.swiper-button-next, .swiper-container-rtl .swiper-button-prev { + right: 0px; + left: auto; +} +.swiper-button-next, .swiper-button-prev { + position: absolute; + top: 40%; + background: #ffffff; + /* width: calc(var(--swiper-navigation-size)/ 44 * 27); + height: var(--swiper-navigation-size); */ + width: 39px; + height: 39px; + margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); + z-index: 2; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: #c6c6c6; +} +.swiper-button-next::after, .swiper-button-prev::after { + font-family: swiper-icons; + font-size: 18px; + text-transform: none !important; + letter-spacing: 0; + text-transform: none; + font-variant: initial; + line-height: 1; + font-weight: 700; +} + + + + + + + + /* 首页 */ .logo{width: 487px;} .banner-img{width: 100%;height: auto;} @@ -108,8 +188,12 @@ .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;} .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;} @@ -125,6 +209,9 @@ .msg .m-x32:nth-last-child(2){ margin-bottom: 0; } +/* .xx-img{ width:242px; height:151px;} */ +.xx-content{line-height: 28px;} +.xx-img{ width:100%;} .ysc .ya-item-box>div:first-child{transition: transform .5s;cursor: pointer;} .ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;} .ya-item-box .pr{padding-right: 1.25em;} @@ -142,8 +229,6 @@ .wc-box .ya-item-box:hover a{color: #cb1919;text-decoration:underline;} .wc-box>div>div>a:hover{color: #cb1919;text-decoration:underline;} -.foot-box-nav>div{margin-right: 40px;cursor: pointer;} -.foot-box-img>img{margin-left: 20px;cursor: pointer;} diff --git a/htmls/artNetwork/realTimeInfo.html b/htmls/artNetwork/realTimeInfo.html new file mode 100644 index 0000000..65a106b --- /dev/null +++ b/htmls/artNetwork/realTimeInfo.html @@ -0,0 +1,120 @@ + + + + + 资讯 + + + + + + + + + + +
+
+
+
+
+ + + + + +
+
+ +
+ +
+
+ 关于我们 + +
+ + 我的购物车 +
+ + 积分商城 + + 联系我们 + + 登录/注册 +
+ 个人中心 + 【退出】 +
+
+
+
+
    +
  • +
    首页
    + + +
    • +
  • +
    资讯
    + +
    • +
  • +
    展览
    + +
    • +
  • +
    艺术家
    + +
    • +
  • +
    机构
    + +
    • +
  • +
    培训
    + +
    • +
  • +
    商城
    + +
    • +
  • +
    拍卖
    + +
    • +
+
+
+ + +
+
+
+
+
+
+
资讯
+
+
信息动态
+
新闻公告
+
+
+
+ + diff --git a/img/public/backTop.png b/img/public/backTop.png new file mode 100644 index 0000000..b634aa5 Binary files /dev/null and b/img/public/backTop.png differ diff --git a/img/public/foot-facebook.png b/img/public/foot-facebook.png index 9380261..8ea49f4 100644 Binary files a/img/public/foot-facebook.png and b/img/public/foot-facebook.png differ diff --git a/img/public/foot-skype.png b/img/public/foot-skype.png index cbeaec4..b2046e1 100644 Binary files a/img/public/foot-skype.png and b/img/public/foot-skype.png differ diff --git a/img/public/foot-whatsapp.png b/img/public/foot-whatsapp.png index 45adbb6..0a6e736 100644 Binary files a/img/public/foot-whatsapp.png and b/img/public/foot-whatsapp.png differ diff --git a/img/public/foot-wx.png b/img/public/foot-wx.png index 8fe0ec0..c9fcae9 100644 Binary files a/img/public/foot-wx.png and b/img/public/foot-wx.png differ diff --git a/img/public/foot-xl.png b/img/public/foot-xl.png index ff93288..0e4f745 100644 Binary files a/img/public/foot-xl.png and b/img/public/foot-xl.png differ diff --git a/index.html b/index.html index c572e69..ad44877 100644 --- a/index.html +++ b/index.html @@ -8,83 +8,15 @@ + - -
+
@@ -128,6 +60,10 @@ 联系我们 登录/注册 +
+ 个人中心 + 【退出】 +
@@ -138,7 +74,7 @@
  • -
    资讯
    +
    资讯
  • @@ -583,59 +519,8 @@
    • -
    -
    -
    首页
    -
    咨询
    -
    展览
    -
    艺术家
    -
    机构
    -
    培训
    -
    商城
    -
    拍卖
    -
    -
    - 图片缺失 - 图片缺失 - 图片缺失 - 图片缺失 - 图片缺失 -
    -
    -
    -
    - -
    中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名
    -
    是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...
    -
    -
    -
    -
    - -
    成都惠民职工书院
    -
    地址：成都市青羊区青羊大道129号文化宫2楼
    -
    电话：028-81712589
    -
    -
    -
    联系我们
    -
    四川省成都市武侯区天益街38号理想中心3栋601
    -
    手机：13880548658
    -
    电话：028-61529525
    -
    zarts@126.com
    -
    -
    -
    - -
    华夏艺术网
    -
    -
    - -
    成都惠民职工书院
    -
    -
    -
    -
    Copyright@2021 华夏艺术网.All rights reserved. 蜀ICP备11111111号
    -
    -
    + + + diff --git a/js/huaxia.js b/js/huaxia.js index 2210111..1f3dc47 100644 --- a/js/huaxia.js +++ b/js/huaxia.js @@ -22,11 +22,11 @@ $(function(){ ] $.each(data, function(commentIndex, comment) { html +=`
    - +
    ${comment.title}
    -
    ${comment.time}
    -
    ${comment.content}
    +
    ${comment.time}
    +
    ${comment.content}
    ` }); @@ -36,4 +36,25 @@ $(function(){ $('.ysj').css({"justify-content":"space-between","marginRight":0}) $('.ysj .ya-item-box').css({"marginRight":0}) } -}) \ No newline at end of file + + + + + // 监听页面滚动条变化 + $(window).scroll(function(){ + // 获取滚动条距离顶部的距离 + let s = $(window).scrollTop(); + if(s > 1000){ + $('#gotoTop').fadeIn(100); + } else { + $('#gotoTop').fadeOut(200); + } + }) +}) +// 回到顶部 +function pageScroll(){ + window.scrollBy(0,-100); + scrolldelay = setTimeout('pageScroll()',0); + var sTop = document.documentElement.scrollTop+document.body.scrollTop; + if(sTop==0) clearTimeout(scrolldelay); +} \ No newline at end of file diff --git a/public/foot-tab.html b/public/foot-tab.html new file mode 100644 index 0000000..70af1af --- /dev/null +++ b/public/foot-tab.html @@ -0,0 +1,68 @@ + + + + + 底部导航 + + + + + +
    + +
    +
    首页
    +
    咨询
    +
    展览
    +
    艺术家
    +
    机构
    +
    培训
    +
    商城
    +
    拍卖
    +
    + +
    + 图片缺失 + 图片缺失 + 图片缺失 + 图片缺失 + 图片缺失 +
    +
    +
    +
    + 图片丢失 +
    中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名
    +
    是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...
    +
    +
    +
    +
    + +
    成都惠民职工书院
    +
    地址：成都市青羊区青羊大道129号文化宫2楼
    +
    电话：028-81712589
    +
    +
    +
    联系我们
    +
    四川省成都市武侯区天益街38号理想中心3栋601
    +
    手机：13880548658
    +
    电话：028-61529525
    +
    zarts@126.com
    +
    +
    +
    + 图片丢失 +
    华夏艺术网
    +
    +
    + 图片丢失 +
    成都惠民职工书院
    +
    +
    +
    +
    Copyright@2021 华夏艺术网.All rights reserved. 蜀ICP备11111111号 技术支持全美网络
    +
    +
    + +