首页调整
parent
cb7f9dd257
commit
984b3b9e6f
|
|
@ -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;} */
|
||||||
|
}
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
body{margin: 0;padding: 0;}
|
||||||
.w100{width: 100%;}
|
.w100{width: 100%;}
|
||||||
.w50{width: 50%;}
|
.w50{width: 50%;}
|
||||||
.w48{width: 49%;}
|
.w48{width: 49%;}
|
||||||
|
|
@ -45,6 +46,7 @@
|
||||||
.m-sx28{margin-top: 28px;margin-bottom: 28px;}
|
.m-sx28{margin-top: 28px;margin-bottom: 28px;}
|
||||||
.m-sx20{margin-top: 20px;margin-bottom: 20px;}
|
.m-sx20{margin-top: 20px;margin-bottom: 20px;}
|
||||||
.m-sx16{margin-top: 16px;margin-bottom: 16px;}
|
.m-sx16{margin-top: 16px;margin-bottom: 16px;}
|
||||||
|
.m-sx10{margin-top: 10px;margin-bottom: 10px;}
|
||||||
|
|
||||||
|
|
||||||
.m-x65{margin-bottom: 65px;}
|
.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;}
|
.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;}
|
.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;}
|
.logo{width: 487px;}
|
||||||
.banner-img{width: 100%;height: auto;}
|
.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;}
|
.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;}
|
.redD{width: 6px;height: 6px;border-radius: 100%;background: #cd2628;top: 10px;right: 12px;}
|
||||||
.xiahx{width: 100%;bottom: 0;border-bottom: 3px solid #cd2628;}
|
.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{padding: 5px 25px;flex-shrink: 0;text-align: center;font-size: 19px;}
|
||||||
.dao-box>li>div{padding: 6px 0;}
|
.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{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{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: 40px;border: 0;}
|
||||||
|
|
@ -125,6 +209,9 @@
|
||||||
.msg .m-x32:nth-last-child(2){
|
.msg .m-x32:nth-last-child(2){
|
||||||
margin-bottom: 0;
|
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{transition: transform .5s;cursor: pointer;}
|
||||||
.ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;}
|
.ysc .ya-item-box>div:first-child:hover{transform: scale(.9);transition: transform .5s;}
|
||||||
.ya-item-box .pr{padding-right: 1.25em;}
|
.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 .ya-item-box:hover a{color: #cb1919;text-decoration:underline;}
|
||||||
.wc-box>div>div>a:hover{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;}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,120 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>资讯</title>
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="../../css/swiper-bundle.min.css"/>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../../css/huaxia.css"/>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css"/>
|
||||||
|
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||||
|
<script src="../../js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||||
|
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<!-- Swiper -->
|
||||||
|
<div class="ont-swiper swiper-container" id="top">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||||
|
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
|
||||||
|
</div>
|
||||||
|
<!-- 右箭头 -->
|
||||||
|
<!-- <div class="swiper-button-next"></div> -->
|
||||||
|
<!-- 左箭头 -->
|
||||||
|
<!-- <div class="swiper-button-prev"></div> -->
|
||||||
|
<!-- 指示点 -->
|
||||||
|
<div class="swiper-pagination"></div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
let swiper = new Swiper('.ont-swiper', {
|
||||||
|
cssMode: false,//禁止鼠标滑动，切换
|
||||||
|
loop:true,
|
||||||
|
autoplay: {
|
||||||
|
delay: 3000,
|
||||||
|
stopOnLastSlide: true,
|
||||||
|
disableOnInteraction: false,
|
||||||
|
},
|
||||||
|
pagination: {
|
||||||
|
el: '.swiper-pagination',
|
||||||
|
clickable :true,
|
||||||
|
},
|
||||||
|
mousewheel: false,//禁止鼠标滚动，切换
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
|
||||||
|
<img class="logo" src="../../img/logo.png">
|
||||||
|
<div>
|
||||||
|
<div class="guan-box">
|
||||||
|
<span class="cq-cp">关于我们</span>
|
||||||
|
<span class="sy-dian"></span>
|
||||||
|
<div class="cq-cp dac">
|
||||||
|
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
|
||||||
|
<span class="cq-cp">我的购物车</span>
|
||||||
|
</div>
|
||||||
|
<span class="sy-dian"></span>
|
||||||
|
<span class="cq-cp">积分商城</span>
|
||||||
|
<span class="sy-dian"></span>
|
||||||
|
<span class="cq-cp">联系我们</span>
|
||||||
|
<span class="sy-dian"></span>
|
||||||
|
<span class="cq-cp">登录/注册</span>
|
||||||
|
<div class="dn">
|
||||||
|
<span>个人中心</span>
|
||||||
|
<span>【退出】</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dend w100 ac m-s20">
|
||||||
|
<div class="w100">
|
||||||
|
<ul class="dao-box dac">
|
||||||
|
<li class="pr">
|
||||||
|
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
|
||||||
|
<!-- 点 -->
|
||||||
|
<span class="redD pa dn"></span>
|
||||||
|
</li>
|
||||||
|
<li class="pr">
|
||||||
|
<div class="pr cq-dao-active djcacfw">资讯<div class="xiahx pa "></div></div>
|
||||||
|
<span class="redD pa "></span>
|
||||||
|
</li>
|
||||||
|
<li class="pr">
|
||||||
|
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||||
|
<span class="redD pa dn"></span>
|
||||||
|
</li>
|
||||||
|
<li class="pr">
|
||||||
|
<div class="pr djcacfw">艺术家<div class="xiahx pa dn"></div></div>
|
||||||
|
<span class="redD pa dn"></span>
|
||||||
|
</li>
|
||||||
|
<li class="pr">
|
||||||
|
<div class="pr djcacfw">机构<div class="xiahx pa dn"></div></div>
|
||||||
|
<span class="redD pa dn"></span>
|
||||||
|
</li>
|
||||||
|
<li class="pr">
|
||||||
|
<div class="pr djcacfw">培训<div class="xiahx pa dn"></div></div>
|
||||||
|
<span class="redD pa dn"></span>
|
||||||
|
</li>
|
||||||
|
<li class="pr">
|
||||||
|
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||||
|
<span class="redD pa dn"></span>
|
||||||
|
</li>
|
||||||
|
<li class="pr">
|
||||||
|
<div class="pr djcacfw">拍卖<div class="xiahx pa dn"></div></div>
|
||||||
|
<span class="redD pa dn"></span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="pr input-box backf">
|
||||||
|
<input type="text" name="" id="" class="w100" placeholder="关键字搜索" value="" />
|
||||||
|
<img class="pa cq-cp" src="../../img/sy-search.png">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="background: #e6e6e6;padding: 0 320px;">
|
||||||
|
<div class="djbac">
|
||||||
|
<div class="" style="padding: 45px 0 30px 0;font-size: 40px;">资讯</div>
|
||||||
|
<div class="dac m-s20">
|
||||||
|
<div class="cq-cp" style="color: #cd2628;border: 1px solid #cd2628;padding: 6px 20px;border-radius: 3px;margin-right: 10px;font-size: 16px;">信息动态</div>
|
||||||
|
<div class="cq-cp" style="padding: 6px 20px;border: 1px solid #222222;border-radius: 3px;font-size: 16px;">新闻公告</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 789 B After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 2.3 KiB |
135
index.html
135
index.html
|
|
@ -8,83 +8,15 @@
|
||||||
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
|
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" />
|
||||||
<link rel="stylesheet" type="text/css" href="css/huaxia.css"/>
|
<link rel="stylesheet" type="text/css" href="css/huaxia.css"/>
|
||||||
<link rel="stylesheet" type="text/css" href="css/huaxiaMedia.css"/>
|
<link rel="stylesheet" type="text/css" href="css/huaxiaMedia.css"/>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/foot.min.css"/>
|
||||||
<!-- <script src="js/layui.js" type="text/javascript" charset="utf-8"></script> -->
|
<!-- <script src="js/layui.js" type="text/javascript" charset="utf-8"></script> -->
|
||||||
<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||||||
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||||
<script src="js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||||
<style type="text/css">
|
|
||||||
.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;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body style="background: #FFFFFF;">
|
<body style="background: #FFFFFF;">
|
||||||
<!-- Swiper -->
|
<!-- Swiper -->
|
||||||
<div class="ont-swiper swiper-container">
|
<div class="ont-swiper swiper-container" id="top">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<div class="swiper-slide"><img class="banner-img" src="img/public/banner.png" ></div>
|
<div class="swiper-slide"><img class="banner-img" src="img/public/banner.png" ></div>
|
||||||
<div class="swiper-slide"><img class="banner-img" src="img/public/banner.png" ></div>
|
<div class="swiper-slide"><img class="banner-img" src="img/public/banner.png" ></div>
|
||||||
|
|
@ -128,6 +60,10 @@
|
||||||
<span class="cq-cp">联系我们</span>
|
<span class="cq-cp">联系我们</span>
|
||||||
<span class="sy-dian"></span>
|
<span class="sy-dian"></span>
|
||||||
<span class="cq-cp">登录/注册</span>
|
<span class="cq-cp">登录/注册</span>
|
||||||
|
<div class="dn">
|
||||||
|
<span>个人中心</span>
|
||||||
|
<span>【退出】</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="dend w100 ac m-s20">
|
<div class="dend w100 ac m-s20">
|
||||||
<div class="w100">
|
<div class="w100">
|
||||||
|
|
@ -138,7 +74,7 @@
|
||||||
<span class="redD pa"></span>
|
<span class="redD pa"></span>
|
||||||
</li>
|
</li>
|
||||||
<li class="pr">
|
<li class="pr">
|
||||||
<div class="pr djcacfw">资讯<div class="xiahx pa dn"></div></div>
|
<div class="pr djcacfw"><a href="htmls/artNetwork/realTimeInfo.html">资讯</a><div class="xiahx pa dn"></div></div>
|
||||||
<span class="redD pa dn"></span>
|
<span class="redD pa dn"></span>
|
||||||
</li>
|
</li>
|
||||||
<li class="pr">
|
<li class="pr">
|
||||||
|
|
@ -583,59 +519,8 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 底部导航 -->
|
<!-- 底部导航 -->
|
||||||
<div class="p-zy180 p-sx20 djbac m-s30" style="background: #cb1919;">
|
<iframe src="public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||||
<div class="dac foot-box-nav" style="color: #FFFFFF;font-size: 15px;">
|
<!-- 回到顶部 -->
|
||||||
<div>首页</div>
|
<img id="gotoTop" onclick="pageScroll()" src="img/public/backTop.png" width="57" height="57" style="cursor: pointer;position: fixed;right: 60px;bottom: 110px;z-index: 20;display: none;" alt="图片丢失" title="回到顶部">
|
||||||
<div>咨询</div>
|
|
||||||
<div>展览</div>
|
|
||||||
<div>艺术家</div>
|
|
||||||
<div>机构</div>
|
|
||||||
<div>培训</div>
|
|
||||||
<div>商城</div>
|
|
||||||
<div>拍卖</div>
|
|
||||||
</div>
|
|
||||||
<div class="foot-box-img">
|
|
||||||
<img src="img/public/foot-xl.png" width="23" height="19" style="-webkit-filter: invert(.5); filter: invert(1);" alt="图片缺失">
|
|
||||||
<img src="img/public/foot-wx.png" width="23" height="19" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
|
|
||||||
<img src="img/public/foot-whatsapp.png" width="19" height="19" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
|
|
||||||
<img src="img/public/foot-facebook.png" width="17" height="17" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
|
|
||||||
<img src="img/public/foot-skype.png" width="18" height="18" style="-webkit-filter: invert(1); filter: invert(1);" alt="图片缺失">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="djb">
|
|
||||||
<div style="padding: 27px 20px 0 180px;border-right: 1px solid #ededed;">
|
|
||||||
<img src="img/logo.png" width="100%">
|
|
||||||
<div class="clips1" style="font-size: 14px;line-height: 26px;font-weight: bold;margin-top: 10px;">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
|
|
||||||
<div class="clips2" style="font-size: 13px;color: #616161;line-height: 26px;">是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
|
|
||||||
</div>
|
|
||||||
<div class="p-s27" style="background: #faf9f8;width: 175%;">
|
|
||||||
<div class="djbac" style="padding: 0 180px 30px 30px;line-height: 26px;">
|
|
||||||
<div>
|
|
||||||
<img src="img/public/shuy-logo.png" width="100%">
|
|
||||||
<div class="" style="font-size: 14px;font-weight: bold;margin-top: 28px;">成都惠民职工书院</div>
|
|
||||||
<div style="font-size: 13px;color: #616161;">地址：成都市青羊区青羊大道129号文化宫2楼</div>
|
|
||||||
<div style="font-size: 13px;color: #616161;">电话：028-81712589</div>
|
|
||||||
</div>
|
|
||||||
<div class="m-zy15 fs">
|
|
||||||
<div style="font-size: 14px;font-weight: bold;">联系我们</div>
|
|
||||||
<div style="font-size: 13px;color: #616161;">四川省成都市武侯区天益街38号理想中心3栋601</div>
|
|
||||||
<div style="font-size: 13px;color: #616161;">手机：13880548658</div>
|
|
||||||
<div style="font-size: 13px;color: #616161;">电话：028-61529525</div>
|
|
||||||
<div style="font-size: 13px;color: #616161;">zarts@126.com</div>
|
|
||||||
</div>
|
|
||||||
<div class="djb">
|
|
||||||
<div class="" style="display: flex;flex-direction: column;align-items: center;cursor: pointer;">
|
|
||||||
<img src="img/public/huax-em.png" width="99" height="99" >
|
|
||||||
<div style="font-size: 12px;color: #616161;">华夏艺术网</div>
|
|
||||||
</div>
|
|
||||||
<div class="" style="display: flex;flex-direction: column;align-items: center;cursor: pointer;">
|
|
||||||
<img src="img/public/shuy-em.png" width="99" height="99" >
|
|
||||||
<div style="font-size: 12px;color: #616161;">成都惠民职工书院</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div style="font-size: 13px;color: #616161;border-top: 1px solid #ededed;padding: 30px;">Copyright@2021 华夏艺术网.All rights reserved. 蜀ICP备11111111号 </div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
29
js/huaxia.js
29
js/huaxia.js
|
|
@ -22,11 +22,11 @@ $(function(){
|
||||||
]
|
]
|
||||||
$.each(data, function(commentIndex, comment) {
|
$.each(data, function(commentIndex, comment) {
|
||||||
html +=`<div class="dac backf p-sx20 w48 m-x32">
|
html +=`<div class="dac backf p-sx20 w48 m-x32">
|
||||||
<img class="fs" src="${comment.imgSrc}" width="242" height="151">
|
<img src="${comment.imgSrc}" class="xx-img">
|
||||||
<div class="m-zy15">
|
<div class="m-zy15">
|
||||||
<div class="clips1 font-18 col19">${comment.title}</div>
|
<div class="clips1 font-18 col19">${comment.title}</div>
|
||||||
<div class="font-12 col9">${comment.time}</div>
|
<div class="font-12 col9 m-sx10">${comment.time}</div>
|
||||||
<div class="clips2 font-12">${comment.content}</div>
|
<div class="clips2 font-12 xx-content">${comment.content}</div>
|
||||||
</div>
|
</div>
|
||||||
</div>`
|
</div>`
|
||||||
});
|
});
|
||||||
|
|
@ -36,4 +36,25 @@ $(function(){
|
||||||
$('.ysj').css({"justify-content":"space-between","marginRight":0})
|
$('.ysj').css({"justify-content":"space-between","marginRight":0})
|
||||||
$('.ysj .ya-item-box').css({"marginRight":0})
|
$('.ysj .ya-item-box').css({"marginRight":0})
|
||||||
}
|
}
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// 监听页面滚动条变化
|
||||||
|
$(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);
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,68 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>底部导航</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="../css/foot.min.css"/>
|
||||||
|
<script src="../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||||
|
<script src="../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="foot-nav-box">
|
||||||
|
<!-- 导航文字 -->
|
||||||
|
<div class="foot-box-nav">
|
||||||
|
<div>首页</div>
|
||||||
|
<div>咨询</div>
|
||||||
|
<div>展览</div>
|
||||||
|
<div>艺术家</div>
|
||||||
|
<div>机构</div>
|
||||||
|
<div>培训</div>
|
||||||
|
<div>商城</div>
|
||||||
|
<div>拍卖</div>
|
||||||
|
</div>
|
||||||
|
<!-- 导航图片 -->
|
||||||
|
<div class="foot-box-img">
|
||||||
|
<img src="../img/public/foot-xl.png" alt="图片缺失" title="新浪">
|
||||||
|
<img src="../img/public/foot-wx.png" alt="图片缺失" title="微信">
|
||||||
|
<img src="../img/public/foot-whatsapp.png" alt="图片缺失" title="电话">
|
||||||
|
<img src="../img/public/foot-facebook.png" alt="图片缺失" title="facebook">
|
||||||
|
<img src="../img/public/foot-skype.png" alt="图片缺失" title="钱">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="foot-end-box">
|
||||||
|
<div>
|
||||||
|
<img src="../img/logo.png" alt="图片丢失" title="华夏艺术网">
|
||||||
|
<div class="clips1 foot-end-title">中国美术家协会副主席、中国版画家协会副主席李焕民先生为华夏艺术网提名</div>
|
||||||
|
<div class="clips2 foot-end-content">是国内最早最大的书画艺术门户网站之一，由四川省美术家协会、四川省书法家协会、四川省诗书画院、成都画院、四川省政协书画研究院等...</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="foot-end-right">
|
||||||
|
<div>
|
||||||
|
<img class="shu-logo" src="../img/public/shuy-logo.png" alt="图片丢失" title="成都惠民职工书院">
|
||||||
|
<div class="foot-end-titlez">成都惠民职工书院</div>
|
||||||
|
<div class="foot-end-content">地址：成都市青羊区青羊大道129号文化宫2楼</div>
|
||||||
|
<div class="foot-end-content">电话：028-81712589</div>
|
||||||
|
</div>
|
||||||
|
<div class="foot-count">
|
||||||
|
<div class="foot-end-title">联系我们</div>
|
||||||
|
<div class="foot-end-content">四川省成都市武侯区天益街38号理想中心3栋601</div>
|
||||||
|
<div class="foot-end-content">手机：13880548658</div>
|
||||||
|
<div class="foot-end-content">电话：028-61529525</div>
|
||||||
|
<div class="foot-end-content">zarts@126.com</div>
|
||||||
|
</div>
|
||||||
|
<div class="foot-qrcode">
|
||||||
|
<div>
|
||||||
|
<img src="../img/public/huax-em.png" alt="图片丢失" title="华夏艺术网">
|
||||||
|
<div>华夏艺术网</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img src="../img/public/shuy-em.png" alt="图片丢失" title="成都惠民职工书院">
|
||||||
|
<div>成都惠民职工书院</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="foot-end-bottom">Copyright@2021 华夏艺术网.All rights reserved. 蜀ICP备11111111号 技术支持全美网络 </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue