diff --git a/css/huaxia.css b/css/huaxia.css index 54955ea..4d5f480 100644 --- a/css/huaxia.css +++ b/css/huaxia.css @@ -4,7 +4,7 @@ .w25{width: 25%;} .w20{width: 19%;} - +.dis{display: flex;} .djb{display: flex;justify-content: space-between;} .dend{display: flex;justify-content: flex-end;} .djbac{display: flex;justify-content: space-between;align-items: center;} @@ -36,6 +36,7 @@ .m-z15{margin-left: 15px;} .m-z37{margin-left: 37px;} +.m-y10{margin-right: 10px;} .m-y15{margin-right: 15px;} .m-y37{margin-right: 37px;} @@ -70,6 +71,7 @@ .p-zy180{padding-left: 180px;padding-right: 180px;} .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;} @@ -99,6 +101,7 @@ .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;} /* 首页 */ +.logo{width: 487px;} .banner-img{width: 100%;height: auto;} .sy-dian{width: 4px;height: 4px;border-radius: 100%;background-color: #181818;margin: 0 10px;} .dao-boxw{box-shadow: 0px 3px 6px rgba(0,0,0,.2);display: flex;justify-content: space-between;align-items: center;} @@ -111,31 +114,36 @@ .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;} -.cq-item-title-box{margin: 65px 0 30px 0;} +.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;} .cq-gengd{font-size: 18px;color: #191919;} .exhibition .item-box{width: 100%;overflow: hidden;height: 388px;} -.exhibition .item-box>img{width: 100%;height: auto;cursor: pointer;} +.exhibition .item-box>img{width: 100%;height: 100%;cursor: pointer;} .msg .m-x32:nth-last-child(1){ margin-bottom: 0; } .msg .m-x32:nth-last-child(2){ margin-bottom: 0; } -.ya-item-box .pr{padding-right: 20px;} +.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;} .ys-price{font-size: 18px;color: #cb1919;background: rgba(0,0,0,.2);border-radius: 3px;left: 14px;bottom: 14px;padding: 6px 10px;} .ys-title{font-size: 20px;font-weight: bold;padding-right: 20px;} .ys-cate{font-size: 14px;color: #a6a6a4;padding-right: 20px;} .ysj-name{line-height: 26px;} .ysj .ya-item-box{margin-right: 1.36em;} +.ysj .ya-item-box img{transition: transform .5s;cursor: pointer;} +.ysj .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;} .ysj .ya-item-box:last-child{margin-right: 0px;} .ysj .pr{padding-right: 0px;} -.wc-box>div>img{width: 96%;} +.wc-box>div>img{width: 96%;transition: transform .5s;} +.wc-box .ya-item-box:hover img{transform: scale(.9);transition: transform .5s;} .wc-box .ya-item-box:hover 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/css/huaxiaMedia.css b/css/huaxiaMedia.css index e69de29..8c81688 100644 --- a/css/huaxiaMedia.css +++ b/css/huaxiaMedia.css @@ -0,0 +1,45 @@ +@media screen and (max-width:300px) { + +} +@media screen and (min-width:301px) and (max-width:350px) { + +} +@media screen and (min-width:351px) and (max-width:420px) { + +} +@media screen and (min-width:421px) and (max-width:490px) { + +} +@media screen and (min-width:491px) and (max-width:620px) { + +} +@media screen and (min-width:621px) and (max-width:720px) { + +} +@media screen and (min-width:721px) and (max-width:820px) { + +} +@media screen and (min-width:821px) and (max-width:920px) { + +} +@media screen and (min-width:921px) and (max-width:1020px) { + +} +@media screen and (min-width:1021px) and (max-width:1120px) { + +} +@media screen and (min-width:1121px) and (max-width:1220px) { + +} +@media screen and (min-width:1221px) and (max-width:1320px) { + +} +@media screen and (min-width:1321px) and (max-width:1420px) { + +} +@media screen and (min-width:1421px) and (max-width:1520px) { + +} +@media screen and (min-width:1521px) and (max-width:1620px) { + +} diff --git a/img/public/foot-facebook.png b/img/public/foot-facebook.png new file mode 100644 index 0000000..9380261 Binary files /dev/null and b/img/public/foot-facebook.png differ diff --git a/img/public/foot-skype.png b/img/public/foot-skype.png new file mode 100644 index 0000000..cbeaec4 Binary files /dev/null and b/img/public/foot-skype.png differ diff --git a/img/public/foot-whatsapp.png b/img/public/foot-whatsapp.png new file mode 100644 index 0000000..45adbb6 Binary files /dev/null and b/img/public/foot-whatsapp.png differ diff --git a/img/public/foot-wx.png b/img/public/foot-wx.png new file mode 100644 index 0000000..8fe0ec0 Binary files /dev/null and b/img/public/foot-wx.png differ diff --git a/img/public/foot-xl.png b/img/public/foot-xl.png new file mode 100644 index 0000000..ff93288 Binary files /dev/null and b/img/public/foot-xl.png differ diff --git a/img/public/huax-em.png b/img/public/huax-em.png new file mode 100644 index 0000000..d59d59e Binary files /dev/null and b/img/public/huax-em.png differ diff --git a/img/public/shuy-em.png b/img/public/shuy-em.png new file mode 100644 index 0000000..d4d0b1f Binary files /dev/null and b/img/public/shuy-em.png differ diff --git a/img/public/shuy-logo.png b/img/public/shuy-logo.png new file mode 100644 index 0000000..a02a226 Binary files /dev/null and b/img/public/shuy-logo.png differ diff --git a/index.html b/index.html index de48b7e..c572e69 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,7 @@ + @@ -111,8 +112,8 @@ mousewheel: false,//禁止鼠标滚动,切换 }); -
- +
+
关于我们 @@ -166,16 +167,18 @@
-
+
-
-
展览Exhibition
-
View More +
+
+
+
展览Exhibition
+
View More +
+
@@ -290,40 +293,7 @@
信息动态Information News
View More +
-
-
- -
-
助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...
-
2021.06.30
-
爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...
-
-
-
- -
-
助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...
-
2021.06.30
-
爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...
-
-
-
- -
-
助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...
-
2021.06.30
-
爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...
-
-
-
- -
-
助力熊猫艺术公益:中国邮政发布著名画家刘中《牛气冲...
-
2021.06.30
-
爱彼秉承品牌在形式与功能方面的大无畏创新精神,在腕表发展史上扮演着先行者的角色爱彼秉承品牌在形式与功能方面的大无畏创新精神,在碗表发展史上扮演...
-
-
-
+
艺术商城Art Mall
@@ -332,7 +302,7 @@
- +
¥2256.0
艺术清酒--得寓(酒标作品)Delight Sake
@@ -357,13 +327,13 @@
-
+
¥2256.0
-
艺术清酒--得寓(酒标作品)Delight Sake
+
艺术清酒--得寓(酒标作品)Delight Sake
分类:酒品包装
@@ -371,7 +341,7 @@
¥2256.0
-
艺术清酒--得寓(酒标作品)Delight Sake
+
艺术清酒--得寓(酒标作品)Delight Sake
分类:酒品包装
@@ -379,7 +349,7 @@
¥2256.0
-
艺术清酒--得寓(酒标作品)Delight Sake
+
艺术清酒--得寓(酒标作品)Delight Sake
分类:酒品包装
@@ -387,7 +357,7 @@
¥2256.0
-
艺术清酒--得寓(酒标作品)Delight Sake
+
艺术清酒--得寓(酒标作品)Delight Sake
分类:酒品包装
@@ -395,7 +365,7 @@
¥2256.0
-
艺术清酒--得寓(酒标作品)Delight Sake
+
艺术清酒--得寓(酒标作品)Delight Sake
分类:酒品包装
@@ -403,7 +373,7 @@
¥2256.0
-
艺术清酒--得寓(酒标作品)Delight Sake
+
艺术清酒--得寓(酒标作品)Delight Sake
分类:酒品包装
@@ -411,7 +381,7 @@
¥2256.0
-
艺术清酒--得寓(酒标作品)Delight Sake
+
艺术清酒--得寓(酒标作品)Delight Sake
分类:酒品包装
@@ -419,23 +389,23 @@
¥2256.0
-
艺术清酒--得寓(酒标作品)Delight Sake
+
艺术清酒--得寓(酒标作品)Delight Sake
分类:酒品包装
-
+
艺术家Artist
View More +
- +
张龙森
职业画家
-
毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院,现工作生活于北京 文字后期后台替换无论你是追求精致生活的Ta,还是要文艺一把的男女青年,还是热爱潮流、追求个性的一族,又或者是一个不折不扣的吃货。来设计周吧!全方位的体验满足你的挑剔。文字后期后台替换无论你是追求精致生活的Ta,还是要文艺一把的男女青年,还是热爱潮流、追求个性的一族,又或者是一个不折不扣的吃货。来设计周吧!全方位的体验满足你的挑剔。
+
毕业于中央美术学院,硕士;曾留学在德国卡塞尔艺术学院,现工作生活于北京
文字后期后台替换无论你是追求精致生活的Ta,还是要文艺一把的男女青年,还是热爱潮流、追求个性的一族,又或者是一个不折不扣的吃货。来设计周吧!全方位的体验满足你的挑剔。文字后期后台替换无论你是追求精致生活的Ta,还是要文艺一把的男女青年,还是热爱潮流、追求个性的一族,又或者是一个不折不扣的吃货。来设计周吧!全方位的体验满足你的挑剔。
查看作品
@@ -505,7 +475,7 @@
文创专区Cultural and Creative Zone
View More +
-
+ -
-
+
+
培训Cooperative Partner
View More +
@@ -580,29 +550,92 @@
-
-
+
+
合作伙伴Cooperative Partner 700+媒体合作、200+机构支持、5000+名艺术家
-
View More +
+
View More +
- - - - - - - - +
+
+
+
+
+
+
+
-
+
- -
-
合作留言Cooperation Message 如果您有意见建议请留言,我们将第一时间与您联系!
+ +
+
+
合作留言Cooperation Message 如果您有意见建议请留言,我们将第一时间与您联系!
+
+
+ + + +
提交
+
+ +
+
+
首页
+
咨询
+
展览
+
艺术家
+
机构
+
培训
+
商城
+
拍卖
+
+
+ 图片缺失 + 图片缺失 + 图片缺失 + 图片缺失 + 图片缺失 +
+
+
+
+ +
中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名
+
是国内最早最大的书画艺术门户网站之一,由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...
+
+
+
+
+ +
成都惠民职工书院
+
地址:成都市青羊区青羊大道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 cda7863..2210111 100644 --- a/js/huaxia.js +++ b/js/huaxia.js @@ -13,4 +13,27 @@ $(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}
+
+
` + }); +  $('.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}) + } }) \ No newline at end of file