商城系列
parent
bac1557f44
commit
acac5b8efe
|
|
@ -5,9 +5,10 @@ body{margin: 0;padding: 0;}
|
|||
.w56{width: 56%;}
|
||||
.w50{width: 50%;}
|
||||
.w48{width: 49%;}
|
||||
.w40{width: 40%;}
|
||||
.w33{width: 33.33%;}
|
||||
.w25{width: 25%;}
|
||||
.w20{width: 19%;}
|
||||
.w20{width: 20%;}
|
||||
|
||||
.op9{opacity: .9;}
|
||||
.op8{opacity: .8;}
|
||||
|
|
@ -17,6 +18,7 @@ body{margin: 0;padding: 0;}
|
|||
.dis{display: flex;}
|
||||
.djb{display: flex;justify-content: space-between;}
|
||||
.dend{display: flex;justify-content: flex-end;}
|
||||
.fn{justify-content: flex-end;}
|
||||
.djbac{display: flex;justify-content: space-between;align-items: center;}
|
||||
.ac{align-items: center;}
|
||||
.dac{display: flex;align-items: center;}
|
||||
|
|
@ -128,7 +130,9 @@ body{margin: 0;padding: 0;}
|
|||
.font-22{font-size: 22px;}
|
||||
.font-24{font-size: 24px;}
|
||||
.font-26{font-size: 26px;}
|
||||
.font-28{font-size: 28px;}
|
||||
.font-32{font-size: 32px;}
|
||||
.font-30{font-size: 30px;}
|
||||
.font-36{font-size: 36px;}
|
||||
.font-40{font-size: 40px;}
|
||||
|
||||
|
|
@ -144,6 +148,7 @@ body{margin: 0;padding: 0;}
|
|||
|
||||
.tl{text-align: left;}
|
||||
.tr{text-align: right;}
|
||||
.colf{color: #FFFFFF;}
|
||||
.col19{color: #191919;}
|
||||
.col7d{color: #7d7d7d;}
|
||||
.col9{color: #999999;}
|
||||
|
|
@ -209,6 +214,17 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
border: 2px solid #cd2628;
|
||||
background-color: rgba(255,255,255,0);
|
||||
}
|
||||
.shop-swiper .swiper-pagination-bullet{
|
||||
width: 10px;height: 10px;border-radius: 100%;
|
||||
background: #595d60;
|
||||
border: 2px solid #595d60;
|
||||
opacity: 1;
|
||||
}
|
||||
.shop-swiper > .swiper-pagination-bullets .swiper-pagination-bullet-active{
|
||||
width: 10px;height: 10px;border-radius: 100%;
|
||||
border: 2px solid #cd2628;
|
||||
background-color: #cd2628;
|
||||
}
|
||||
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev {
|
||||
left: 0px;
|
||||
right: auto;
|
||||
|
|
@ -306,11 +322,13 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
.gongn{display: none;width: 50px;height: 50px;position: absolute;right: 50px;cursor: pointer;}
|
||||
.xinxy-box{background: #f6f5f3;padding-bottom: 65px;}
|
||||
.xinxy-box .dac{width: 102%;overflow: hidden;}
|
||||
.xinxy-box .msg .w48{width: 49%;}
|
||||
.syysj-box{background: #100e0d;padding-bottom: 65px;}
|
||||
.syys-name{font-size: 30px;font-weight: bold;color: #cb1919;}
|
||||
.sypx-box{background: url(../img/public/px-bac.png); background-size: 100% 100%;padding-bottom: 65px;}
|
||||
.hz-jies{font-size: 14px;color: rgba(25,25,25,.5);margin-left: 10px;}
|
||||
.hzly-box{padding: 30px;z-index: 1;}
|
||||
.hz-input-box input{margin-right: 10px;}
|
||||
.hz-input-box div{color: #FFFFFF;background: #cb1919;padding: 10px 50px;border-radius: 3px;}
|
||||
/* 资讯 */
|
||||
.zx-nav,.szx-nav,.px-nav{padding: 0;}
|
||||
|
|
@ -357,10 +375,25 @@ ul li {list-style: none;padding: 0px;margin: 0px;}
|
|||
#ysj-ft>div>div:hover .dac span{opacity: 1;}
|
||||
#ysj-skd-box{width: 26%;}
|
||||
#ysj-skd-box .m-s20:hover{cursor: pointer;color: #CB1919;}
|
||||
|
||||
|
||||
|
||||
|
||||
/* 展览 */
|
||||
#zlzp-list>div:hover div{color: #CB1919;}
|
||||
#zlzp-list .pr div{background: rgba(255,255,255,0.6);right: 36px;bottom: 10px;width: 34px;height: 34px;}
|
||||
#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;}
|
||||
/* 积分商城 */
|
||||
#rem-list .dfc > div,#jf-list .dfc > div{margin: 10px;}
|
||||
#rem-list .dfc > div img,#jf-list .dfc > div img{max-height: 230px;}
|
||||
#rem-list .dfc:hover,#jf-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
|
||||
#rem-list .dfc:hover>div .linh24,#jf-list .dfc:hover>div .linh24{color: #CB1919;}
|
||||
.addNum{background: #f1f1f1;height: 22px;line-height: 22px; width: 20px;border-left: 1px solid #CCCCCC;}
|
||||
.delNum{background: #f1f1f1;height: 23px;line-height: 23px;border-left: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;}
|
||||
#sh-list .dis .m-y20:last-child{margin-right: 0;}
|
||||
#cq-list .dis .m-y20:last-child{margin-right: 0;}
|
||||
#scjf-list .m-y20:last-child{margin-right: 0;}
|
||||
#alls-list .dfc > div{margin: 10px;}
|
||||
#alls-list .dfc > div img{max-height: 230px;}
|
||||
#alls-list .dfc:hover{box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,243 @@
|
|||
<!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"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.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>
|
||||
<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-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">
|
||||
<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 djcacfw"><a href="javascript:;">资讯</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"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><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"><a href="auction.html">拍卖</a><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 class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">展览</div>
|
||||
<div class="dac m-s20" id="px-item">
|
||||
<div class="cq-cp zx-gg">正在展会</div>
|
||||
<div class="cq-cp zx-xx" style="margin: 0 10px;">即将展览</div>
|
||||
<div class="cq-cp zx-gg">展览回顾</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320 p-sx30">
|
||||
<div class="dis">
|
||||
<div class="w50 m-y30">
|
||||
<img width="100%" src="../../img/public/jg-dz-03.png" >
|
||||
</div>
|
||||
<div class="w100">
|
||||
<div class="djbac bbt p-sx10">
|
||||
<div class="font-26 col19">未来城市+ ：建筑设计模型展</div>
|
||||
<div id="toug" class="cq-cp" style="color: #ce2828;border: 1px solid #ce2828;width: 110px;height: 42px;line-height: 42px;text-align: center;border-radius: 3px;">我要投稿</div>
|
||||
</div>
|
||||
<div class="bbt m-s10 font-15 p-x20 linh32">
|
||||
<div><span class="op6">主办方：</span>华夏艺术网</div>
|
||||
<div><span class="op6">展览时间：</span>2021.07.09 - 2021.07.19</div>
|
||||
<div><span class="op6">开放时间：</span>周二 至周日：10:00 --18:00，周三延长开放至21:00（周一闭馆，闭馆前30分钟停止入场）</div>
|
||||
<div class="dis">
|
||||
<span class="op6">展览地址：</span>
|
||||
<div>
|
||||
上海喜马拉雅美术馆
|
||||
<div class="dac">
|
||||
上海市樱花路869号喜玛拉雅中心A区3-4 层
|
||||
<div class="dac m-z20 cq-cp">
|
||||
<img style="width: 15px;height: 17px;margin-right: 4px;" src="../../img/public/zldw.png" >
|
||||
<span style="color: #007de2;">去这里</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="linh32 m-s10"><span class="op6">展览简介：</span></div>
|
||||
<div class="linh32">上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师上海喜玛拉雅美术馆很荣幸地宣布，将于7月31日开启新展——“未来城市 + ：建筑设计模型展”。本次将展出建筑领域内的杰出建筑师</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backf5 m-s30" style="padding: 6px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djbac bbt m-zy20 p-x10">
|
||||
<div class="font-28">山东美术馆</div>
|
||||
<div class="dac">
|
||||
<div class="dac m-y10 cq-cp" style="height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;">
|
||||
<div class="m-y20 font-14 op6">票数从高到低</div>
|
||||
<img src="../../img/public/zlxl.png" width="12" height="8" >
|
||||
</div>
|
||||
<div class="dac" style="width: 244px;height: 36px;border: 1px solid #e6e6e6;border-radius: 5px;line-height: 36px;padding: 0 10px;">
|
||||
<input style="width: 100%;border: none;height: 34px;margin-right: 20px;" type="" name="" id="" value="" placeholder="作品搜索"/>
|
||||
<img style="width: 17px;height: 16px;" src="../../img/sy-search.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 全部列表 -->
|
||||
<section class="p-zy20">
|
||||
<div id="zlzp-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
<div class="p-sx65 zx-more" style="display: none;justify-content: center;align-items: center;">
|
||||
<div class="container gray">
|
||||
<div class="ispinner gray animating">
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
<div class="ispinner-blade"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="m-z10 col7d">下拉加载更多信息</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 弹框 -->
|
||||
<div id="isTank" style="display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;">
|
||||
<div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);">
|
||||
<div style="max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;">
|
||||
<!-- 投稿弹框 -->
|
||||
<div id="duik">
|
||||
<div class="djbac pd10" style="background: #e9e9e9;">
|
||||
<div class="font-16 fb">我要投稿 </div>
|
||||
<div class="pr djcacfw m-y10 cq-cp close-q" style="width: 19px;height: 19px;">
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 0 40px;">
|
||||
<div class="djcacfw m-s37 m-x37">
|
||||
<div id="sumitdh" class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;" onselectstart="return false;">
|
||||
<span class="op8">立即提交</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 投票弹框 -->
|
||||
<div id="success_fail"style="width: 569px;">
|
||||
<div class="dend" style="padding: 10px;">
|
||||
<div class="pr cq-cp close-q" style="width: 19px;height: 19px;display: flex;justify-content: center;align-items: center;">
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 失败 -->
|
||||
<div id="failk" class="djbacfw fc" style="display: none;">
|
||||
<img style="width: 77px;height: 77px;margin-top: 54px;" src="../../img/public/yihan.png" >
|
||||
<div class="font-36 m-sx30">很遗憾</div>
|
||||
<div class="font-24">今天的票数已经用完了，请明天再来哦</div>
|
||||
<div class="font-16 op8 cq-cp goZhanl" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">返回展览</div>
|
||||
</div>
|
||||
<!-- 成功 -->
|
||||
<div id="successk" class="djbacfw fc" style="">
|
||||
<img style="width: 76px;height: 77px;margin-top: 54px;" src="../../img/public/duigou.png" >
|
||||
<div class="font-36 m-sx30">投票成功</div>
|
||||
<div class="font-24">您今天还有2次投票机会</div>
|
||||
<div class="dac">
|
||||
<div class="font-16 op8 cq-cp continueTP" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">继续投票</div>
|
||||
<div class="font-16 op8 cq-cp continueTP" style="margin: 50px 0;border: 1px solid #CB1919;color: #CB1919; width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;margin-left: 10px;">分享好友</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,118 @@
|
|||
<!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"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.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>
|
||||
<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-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">
|
||||
<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 djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">展览</a><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"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><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 class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">积分商城</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320 m-s10">
|
||||
<div id="jf-list" class="dac fw" style="width: 102.6%;"></div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,245 @@
|
|||
<!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"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.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>
|
||||
<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-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">
|
||||
<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 djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">展览</a><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"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><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 class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-14 col19 op7" style="padding: 20px 0;">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<div class="djb bbt ps m-s30 p-x30">
|
||||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="" style="width: 86%;padding-right: 10px;padding: 20px;">
|
||||
<div class="font-24 clips2 fb p-x10" style="line-height: 42px;">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="p-sx20 font-15 linh30 btt">
|
||||
<div class="font-15 col19">所需积分：<span class="font-30 fb colcb">2590</span></div>
|
||||
<div class="font-15 col19 dis p-sx20 bbt">数量：
|
||||
<div class="djbac" style="width: 60px;height: 46px;border: 1px solid #cccccc;">
|
||||
<input id="numVal" style="border: none;width: 32px;text-align: center;height: 44px;" type="text" name="" value="4" />
|
||||
<div style="text-align: center;flex-shrink: 0;">
|
||||
<div class="cq-cp addNum" onselectstart="return false;">+</div>
|
||||
<div class="cq-cp delNum" onselectstart="return false;">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbt p-x20">
|
||||
<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;">
|
||||
<div id="duih" style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">立即兑换</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backf5" style="padding: 6px;">
|
||||
<div class="backf p-x30">
|
||||
<!-- 详情 -->
|
||||
<div class="p-zy20">
|
||||
<div class="djb bbt">
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">详情描述</a><div class="zx-nav-active"></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
|
||||
<img width="100%" src="../../img/public/jfd01.png" >
|
||||
<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
|
||||
<img width="100%" src="../../img/public/jfd02.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 弹框 -->
|
||||
<div id="isTank" style="display: none; position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 20;">
|
||||
<div style="position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);">
|
||||
<div style="max-width: 986px;background: #FFFFFF;border-radius: 3px;padding-bottom: 30px;">
|
||||
<!-- 立即兑换弹框 -->
|
||||
<div id="duik">
|
||||
<div class="djbac pd10" style="background: #e9e9e9;">
|
||||
<div class="font-16 fb">立即兑换</div>
|
||||
<div class="pr djcacfw m-y10 cq-cp close-q" style="width: 19px;height: 19px;">
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 0 40px;">
|
||||
<div style="line-height: 48px;margin-top: 30px;">
|
||||
<div>商品名称：<span class="colcb">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</span></div>
|
||||
<div>兑换数量：<span class="colcb">X4</span></div>
|
||||
<div>所需积分：<span class="colcb">10360</span></div>
|
||||
</div>
|
||||
<div class="pd20 m-s20" style="border: 2px solid #e5e5e5;">
|
||||
<div class="dac">
|
||||
<span class="font-16 fb">四川省 成都市 温江区 涌泉街道 凤凰北大街66号 （高高 收）13812341234 </span>
|
||||
<div style="color: #FFFFFF;background: #CB1919;font-size: 14px;padding: 2px 4px;margin-left: 20px;">默认地址</div>
|
||||
</div>
|
||||
<div class="font-14 m-s10 cq-cp" style="color: #105ee0;">使用新地址</div>
|
||||
</div>
|
||||
<div class="djcacfw m-s37 m-x37">
|
||||
<div id="sumitdh" class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;border-radius: 3px;font-size: 18px;color: #FFFFFF;" onselectstart="return false;">
|
||||
<span class="op8">立即兑换</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 购买、兑换成功与失败弹框 -->
|
||||
<div id="success_fail" style="width: 569px;display: none;">
|
||||
<div class="dend" style="padding: 10px 25px;">
|
||||
<div class="pr cq-cp close-q" style="width: 19px;height: 19px;">
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(45deg);"></div>
|
||||
<div class="pa" style="background: #828282;border-radius: 10px;width: 2px;height: 22px;transform: rotate(-45deg);"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 失败 -->
|
||||
<div id="failk" class="djbacfw fc" style="display: none;">
|
||||
<img style="width: 77px;height: 77px;margin-top: 54px;" src="../../img/public/yihan.png" >
|
||||
<div class="font-36 m-sx30">很遗憾</div>
|
||||
<div class="font-24">您的积分不足兑换该商品</div>
|
||||
<div class="font-16 op8 cq-cp goShop" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">去购物</div>
|
||||
</div>
|
||||
<!-- 成功 -->
|
||||
<div id="successk" class="djbacfw fc" style="display: none;">
|
||||
<img style="width: 76px;height: 77px;margin-top: 54px;" src="../../img/public/duigou.png" >
|
||||
<div class="font-36 m-sx30">恭喜您</div>
|
||||
<div class="font-24">商品兑换成功，坐等收货</div>
|
||||
<div class="font-16 op8 cq-cp goShop" style="margin: 50px 0;border: 1px solid #cccccc;width: 104px;height: 45px;text-align: center;line-height: 45px;border-radius: 3px;">去购物</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,202 @@
|
|||
<!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"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.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>
|
||||
<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-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">
|
||||
<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 djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">展览</a><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"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><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 class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-14 col19 op7" style="padding: 20px 0;">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<div class="djb bbt ps m-s30 p-x30">
|
||||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="" style="width: 86%;padding-right: 10px;padding: 20px;">
|
||||
<div class="font-24 clips2 fb p-x10" style="line-height: 42px;">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="p-sx20 font-15 linh30 btt">
|
||||
<div class="font-15 col19">价 格：<span class="font-30 fb colcb">￥2590.0</span></div>
|
||||
<div class="font-15 col19 m-s10">优惠卷：<span style="background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;">满500减50</span><span style="background: #d96464;color: #FFFFFF;padding: 2px 10px;margin-right: 10px;">满1000减100</span></div>
|
||||
<div class="font-15 col19 dis p-sx20 bbt">数量：
|
||||
<div class="djbac" style="width: 60px;height: 46px;border: 1px solid #cccccc;">
|
||||
<input id="numVal" style="border: none;width: 32px;text-align: center;height: 44px;" type="text" name="" value="4" />
|
||||
<div style="text-align: center;flex-shrink: 0;">
|
||||
<div class="cq-cp addNum" onselectstart="return false;">+</div>
|
||||
<div class="cq-cp delNum" onselectstart="return false;">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbt p-x20 dac">
|
||||
<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;">
|
||||
<div style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">加入购物车</div>
|
||||
</div>
|
||||
<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #ed4910;margin-left: 10px;">
|
||||
<div style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">立即购买</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-s20">
|
||||
<div class="dac" style="margin-left: 46px;">
|
||||
<div class="dac cq-cp">
|
||||
<img style="width: 14px;height: 13px;margin-right: 4px;" src="../../img/public/sp-collection.png" >
|
||||
<span class="font-14 op7 col19">收藏</span>
|
||||
</div>
|
||||
<div class="dac m-z10 cq-cp">
|
||||
<img style="width: 16px;height: 14px;margin-right: 4px;" src="../../img/public/sp-share.png" >
|
||||
<span class="font-14 op7 col19">分享</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backf5" style="padding: 6px;">
|
||||
<div class="backf p-x30">
|
||||
<!-- 详情 -->
|
||||
<div class="p-zy20">
|
||||
<div class="djb bbt">
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">详情描述</a><div class="zx-nav-active"></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
|
||||
<img width="100%" src="../../img/public/jfd01.png" >
|
||||
<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
|
||||
<img width="100%" src="../../img/public/jfd02.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,133 @@
|
|||
<!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"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.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>
|
||||
<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-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">
|
||||
<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 djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">展览</a><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"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</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"><a href="javascript:;">商城</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><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 class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40 p-sx30">商城</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320 m-s10">
|
||||
<!-- 分类 -->
|
||||
<div class="djb bbt">
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">全部商品</a><div class="zx-nav-active"></div></li>
|
||||
<li class="pr"><a href="javascript:;">国画</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">油画</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">书法</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">素描</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">雕塑</a><div></div></li>
|
||||
<li class="pr"><a href="javascript:;">工笔画</a><div></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="alls-list" class="dac m-s20 fw"></div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,373 @@
|
|||
<!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"/>
|
||||
<link rel="stylesheet" type="text/css" href="../../css/ispinner.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>
|
||||
<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-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">
|
||||
<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 djcacfw"><a href="javascript:;">资讯</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">展览</a><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"><a href="mechanism.html">机构</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</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"><a href="javascript:;">商城</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw"><a href="auction.html">拍卖</a><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 class="p-zy320 p-s30" style="background: #e6e6e6;">
|
||||
<div class="shop-swiper swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/shop01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/shop01.png" ></div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
<script>
|
||||
let shopSwiper = new Swiper('.shop-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
clickable :true,
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="p-zy320 m-s10">
|
||||
<!-- 热门商品 -->
|
||||
<div class="djbac bbt p-sx10 m-x20">
|
||||
<div class="font-26">热门商品</div>
|
||||
<div id="rem-more" class="font-14 col19 op8 cq-cp">更多推荐</div>
|
||||
</div>
|
||||
<div id="rem-list" class="dac">
|
||||
<div class="dfc w20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf01.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf02.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf03.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf04.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf05.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-s20 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 m-s10 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 书画 -->
|
||||
<div class="djbac bbt p-sx10 m-x20">
|
||||
<div class="font-26">书画</div>
|
||||
<div id="sh-more" class="font-14 col19 op8 cq-cp">更多产品</div>
|
||||
</div>
|
||||
<div id="sh-list" class="dis fw">
|
||||
<div class="dfc pr" style="width: 41%;">
|
||||
<img class="w100 cq-cp" height="100%" src="../../img/public/yi-one.png" alt="图标丢失" title="" >
|
||||
<div class="pa w100" style="bottom: 0px;background: linear-gradient(to top,rgba(0,0,0,.5),rgba(255,255,255,0));margin: 0;">
|
||||
<div style="margin: 10px;">
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
<div class="font-14 clips1 colf m-s10">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dis" style="width: 59%;">
|
||||
<div class="dfc" style="width: 33%;margin-left: 20px;">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf06.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc" style="width: 33%;margin-left: 20px;">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf07.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc" style="width: 33%;margin-left: 20px;">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dis">
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 瓷器 -->
|
||||
<div class="djbac bbt p-sx10 m-sx20">
|
||||
<div class="font-26">瓷器</div>
|
||||
<div id="cq-more" class="font-14 col19 op8 cq-cp">更多产品</div>
|
||||
</div>
|
||||
<div id="cq-list" class="dis fw">
|
||||
<div class="dfc pr" style="width: 41%;">
|
||||
<img class="w100 cq-cp" height="100%" src="../../img/public/yi-one.png" alt="图标丢失" title="" >
|
||||
<div class="pa w100" style="bottom: 0px;background: linear-gradient(to top,rgba(0,0,0,.5),rgba(255,255,255,0));margin: 0;">
|
||||
<div style="margin: 10px;">
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
<div class="font-14 clips1 colf m-s10">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dis" style="width: 59%;">
|
||||
<div class="dfc" style="width: 33%;margin-left: 20px;">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf06.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc" style="width: 33%;margin-left: 20px;">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf07.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc" style="width: 33%;margin-left: 20px;">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dis">
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-s20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jf08.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">2256.0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 积分兑换 -->
|
||||
<div class="djbac bbt p-sx10 m-sx20">
|
||||
<div class="font-26">积分兑换</div>
|
||||
<div id="jf-more" class="font-14 col19 op8 cq-cp">更多商品</div>
|
||||
</div>
|
||||
<div id="scjf-list" class="dis">
|
||||
<div class="dfc w20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jg-dy-02.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jg-dy-01.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jg-dy-03.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jg-dy-04.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dfc w20 m-y20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" src="../../img/public/jg-dy-05.png" alt="图标丢失" title="" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款</div>
|
||||
<div class="font-13"><span class="op7">积分：</span><span class="fb colcb">2256</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 底部导航 -->
|
||||
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0"scrolling="no" ></iframe>
|
||||
<!-- 回到顶部 -->
|
||||
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>培训</title>
|
||||
<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"/>
|
||||
|
|
@ -13,17 +13,11 @@
|
|||
<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>
|
||||
|
|
@ -76,7 +70,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="javascript:;">展览</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -88,11 +82,11 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr cq-dao-active djcacfw"><a href="javascript:;">培训</a><div class="xiahx pa"></div></div>
|
||||
<span class="redD pa"></span>
|
||||
<div class="pr djcacfw"><a href="javascript:;">培训</a><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>
|
||||
<div class="pr djcacfw"><a href="javascript:;">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -110,35 +104,76 @@
|
|||
</div>
|
||||
<div class="p-zy320" style="background: #e6e6e6;">
|
||||
<div class="djbac">
|
||||
<div class="font-40" style="padding: 45px 0 30px 0;">培训</div>
|
||||
<div class="dac m-s20">
|
||||
<div class="cq-cp zx-gg">课堂介绍</div>
|
||||
<div class="cq-cp zx-gg" style="margin: 0 10px;">课堂视频</div>
|
||||
<div class="cq-cp zx-gg">在线直播</div>
|
||||
</div>
|
||||
<div class="font-14 col19 op7" style="padding: 20px 0;">网站首页 - 商城 - 瓷器 - 东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy320">
|
||||
<div class="dis backf5 m-sx30">
|
||||
<div class="pr fs w50">
|
||||
<img width="100%" class="px-item-img" src="../../img/public/px01.png" alt="图片丢失" title="">
|
||||
<img class="pa px-item-bo" src="../../img/public/pxb.png" alt="图片丢失" title="播放按钮" >
|
||||
<div class="djb bbt ps m-s30 p-x30">
|
||||
<!-- Swiper -->
|
||||
<div class="ys-swiper swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
<div class="swiper-slide"><img class="banner-img" src="../../img/public/jg-dyd-01.png" ></div>
|
||||
</div>
|
||||
<!-- 右箭头 -->
|
||||
<div class="two-next swiper-button-next" style="position: absolute;top: 50%;right: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
<!-- 左箭头 -->
|
||||
<div class="two-prev swiper-button-prev" style="position: absolute;top: 50%;left: 20px;border-radius: 100%;opacity: .2;"></div>
|
||||
</div>
|
||||
<script>
|
||||
let twoswiper = new Swiper('.ys-swiper', {
|
||||
cssMode: false,//禁止鼠标滑动，切换
|
||||
loop:true,
|
||||
autoplay: {
|
||||
delay: 2000,
|
||||
stopOnLastSlide: true,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.two-next',
|
||||
prevEl: '.two-prev',
|
||||
},
|
||||
mousewheel: false,//禁止鼠标滚动，切换
|
||||
});
|
||||
</script>
|
||||
<div class="" style="width: 86%;padding-right: 10px;padding: 20px;">
|
||||
<div class="font-24 clips2 fb p-x10" style="line-height: 42px;">东方泥土 创意陶瓷猪年雕塑艺术摆件 新婚礼物闺蜜结婚礼 品/乐趣 H20-03B 乐趣猪 彩色</div>
|
||||
<div class="p-sx20 font-15 linh30 btt">
|
||||
<div class="font-15 col19">所需积分：<span class="font-30 fb colcb">2590</span></div>
|
||||
<div class="font-15 col19 dis p-sx20 bbt">数量：
|
||||
<div class="djbac" style="width: 60px;height: 46px;border: 1px solid #cccccc;">
|
||||
<input id="numVal" style="border: none;width: 32px;text-align: center;height: 44px;" type="text" name="" value="4" />
|
||||
<div style="text-align: center;flex-shrink: 0;">
|
||||
<div class="cq-cp addNum" onselectstart="return false;">+</div>
|
||||
<div class="cq-cp delNum" onselectstart="return false;">-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbt p-x20">
|
||||
<div class="cq-cp" style="width: 163px;height: 53px;line-height: 53px;text-align: center;background: #CB1919;margin-left: 46px;">
|
||||
<div style="font-size: 20px;color: #FFFFFF;" onselectstart="return false;">立即兑换</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-zy40 w50 m-s30">
|
||||
<div class="font-20 linh28 dac p-x10 bbt"><span class="quan"></span><div class="clips1">培训课名陈四岛集珍唐人书画培训</div></div>
|
||||
<div class="font-16 col19 clips4 m-s20 m-x10 fb">课程简介</div>
|
||||
<div class="font-15 col19 linh30 clips4 op8">本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推本场精选了一些器型优美，做工精细，栩栩如生，同时出水投茶颇佳的原矿紫砂壶。将造型艺术与观念艺术相糅和，旨在一扫某种靡丽之风，推</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="backf5" style="padding: 6px;">
|
||||
<div class="p-sx20 backf">
|
||||
<div class="djb bbt m-zy20 p-x20">
|
||||
<div class="font-36">详情介绍</div>
|
||||
</div>
|
||||
<div class="backf p-x30">
|
||||
<!-- 详情 -->
|
||||
<div class="p-zy20">
|
||||
<div class="tin2 p-sx30 linh30">1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝1921—2021，中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情，兴废系乎时序。”为了庆祝</div>
|
||||
<img width="100%" src="../../img/public/px-d01.png" >
|
||||
<img width="100%" src="../../img/public/px-d02.png" >
|
||||
<div class="djb bbt">
|
||||
<div class="dac">
|
||||
<!-- 二级导航 -->
|
||||
<ul class="zx-nav dac" style="padding: 0;margin: 0;">
|
||||
<li class="pr"><a href="javascript:;" class="zx-nav-title">详情描述</a><div class="zx-nav-active"></div></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994</div>
|
||||
<img width="100%" src="../../img/public/jfd01.png" >
|
||||
<div class="font-15 linh30 m-sx20" style="color: #222222;">文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝文字后台替换花鸟动物画，尤长于画虎，1972年从师著名画家阎松父先生。其作品多次参加国内外大型画展，1986年在深圳、1994 拷贝</div>
|
||||
<img width="100%" src="../../img/public/jfd02.png" >
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 115 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 398 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 792 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 439 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 616 B |
Binary file not shown.
|
After Width: | Height: | Size: 791 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 754 B |
Binary file not shown.
|
After Width: | Height: | Size: 492 B |
26
index.html
26
index.html
|
|
@ -4,13 +4,11 @@
|
|||
<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/layer.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/foot.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="css/huaxiaMedia.css"/>
|
||||
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
||||
<script src="js/layer.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>
|
||||
|
|
@ -50,7 +48,7 @@
|
|||
<span class="cq-cp">我的购物车</span>
|
||||
</div>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">积分商城</span>
|
||||
<a href="htmls/artNetwork/pointsMall.html" style="text-decoration: none;"><span class="cq-cp">积分商城</span></a>
|
||||
<span class="sy-dian"></span>
|
||||
<span class="cq-cp">联系我们</span>
|
||||
<span class="sy-dian"></span>
|
||||
|
|
@ -73,7 +71,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">展览<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="htmls/artNetwork/exhibition.html">展览</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -89,7 +87,7 @@
|
|||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
<div class="pr djcacfw">商城<div class="xiahx pa dn"></div></div>
|
||||
<div class="pr djcacfw"><a href="htmls/artNetwork/shoppingMall.html">商城</a><div class="xiahx pa dn"></div></div>
|
||||
<span class="redD pa dn"></span>
|
||||
</li>
|
||||
<li class="pr">
|
||||
|
|
@ -199,23 +197,22 @@
|
|||
// console.log($(window).width());
|
||||
sixSwiper()
|
||||
})
|
||||
sixSwiper()
|
||||
function sixSwiper(){
|
||||
let showNum = 6
|
||||
let beforeNum = 16
|
||||
let centeredSlides = true//是否显示半截
|
||||
let spaceBetween = 25//图片间距
|
||||
let windowWidth = $(window).width()
|
||||
if(windowWidth<=900){
|
||||
if(windowWidth*1<=900){
|
||||
showNum = 2
|
||||
beforeNum = 0
|
||||
centeredSlides = false
|
||||
spaceBetween = 15
|
||||
} else if(900 < windowWidth <=1100){
|
||||
} else if(windowWidth*1 <=1100){
|
||||
showNum = 3
|
||||
beforeNum = 0
|
||||
centeredSlides = false
|
||||
} else if(1100< windowWidth <=1450){
|
||||
} else if(windowWidth*1 <=1450){
|
||||
showNum = 5
|
||||
beforeNum = 0
|
||||
centeredSlides = false
|
||||
|
|
@ -251,6 +248,7 @@
|
|||
myswiper.autoplay.start()
|
||||
}
|
||||
}
|
||||
sixSwiper()
|
||||
</script>
|
||||
<div class="p-zy180 xinxy-box">
|
||||
<!-- 信息动态 -->
|
||||
|
|
@ -378,7 +376,7 @@
|
|||
</div>
|
||||
<div class="dac fw ysj">
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img src="img/public/ys-one.png" width="100%" >
|
||||
<img class="w100" src="img/public/ys-one.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
|
|
@ -389,7 +387,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img src="img/public/ys-two.png" width="100%">
|
||||
<img class="w100" src="img/public/ys-two.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
|
|
@ -400,7 +398,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img src="img/public/ys-three.png" width="100%" >
|
||||
<img class="w100" src="img/public/ys-three.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
|
|
@ -411,7 +409,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img src="img/public/ys-four.png" width="100%" >
|
||||
<img class="w100" src="img/public/ys-four.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
|
|
@ -422,7 +420,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="w20 backf ya-item-box m-s37">
|
||||
<img src="img/public/ys-five.png" width="100%" >
|
||||
<img class="w100" src="img/public/ys-five.png">
|
||||
<div class="p-zy15">
|
||||
<div class=" m-sx16 djbac">
|
||||
<div class="ys-title clips1">张龙森</div>
|
||||
|
|
|
|||
168
js/huaxia.js
168
js/huaxia.js
|
|
@ -124,6 +124,8 @@ $(function(){
|
|||
checkFT()//查询艺术访谈列表
|
||||
checkYSZZList()//查询艺术家杂志列表
|
||||
checkZLList()//查询展览列表
|
||||
checkJFList()//查询积分商城列表
|
||||
checkAllSList()//查询所有商品
|
||||
$(window).scroll(function() {
|
||||
if (($(window).height() + $(window).scrollTop() + 0) >= $(document).height()) {
|
||||
zxList()
|
||||
|
|
@ -140,6 +142,8 @@ $(function(){
|
|||
checkFT()
|
||||
checkYSZZList()
|
||||
checkZLList()
|
||||
checkJFList()
|
||||
checkAllSList()
|
||||
}
|
||||
});
|
||||
|
||||
|
|
@ -181,7 +185,64 @@ $(function(){
|
|||
break;
|
||||
}
|
||||
})
|
||||
|
||||
// 商品购买时的加
|
||||
$('.addNum').click(function(){
|
||||
let dnum = $('#numVal').val()
|
||||
dnum++
|
||||
$('#numVal').val(dnum)
|
||||
})
|
||||
// 商品购买时的减
|
||||
$('.delNum').click(function(){
|
||||
let dnum = $('#numVal').val()
|
||||
if(dnum>1){
|
||||
dnum--
|
||||
$('#numVal').val(dnum)
|
||||
}
|
||||
})
|
||||
// 商城的更多事件
|
||||
$('#rem-more,#sh-more,#cq-more,#jf-more').click(function(){
|
||||
location.href = `shopMore.html`
|
||||
})
|
||||
// 调起兑换弹框
|
||||
$('#duih').click(function(){
|
||||
$('#isTank').fadeIn()
|
||||
$('#duik').css('display','')
|
||||
})
|
||||
// 关闭弹框
|
||||
$('.close-q').click(function(){
|
||||
$('#isTank').fadeOut()
|
||||
$('#failk').css('display','none')
|
||||
$('#success_fail').css('display','none')
|
||||
$('#successk').css('display','none')
|
||||
$('#duik').css('display','none')
|
||||
})
|
||||
// 立即兑换提交事件
|
||||
$('#sumitdh').click(function(){
|
||||
$('#duik').css('display','none')
|
||||
$('#success_fail').css('display','')
|
||||
let isFlag = true
|
||||
if(isFlag){
|
||||
$('#successk').css('display','')
|
||||
} else $('#failk').css('display','')
|
||||
})
|
||||
// 去购物
|
||||
$('.goShop').click(function(){
|
||||
location.href = `pointsMall.html`
|
||||
})
|
||||
// 调起投稿界面
|
||||
$('#toug').click(function(){
|
||||
$('#isTank').fadeIn()
|
||||
$('#duik').css('display','')
|
||||
$('#success_fail').css('display','none')
|
||||
})
|
||||
// 去展览
|
||||
$('.goZhanl').click(function(){
|
||||
location.href = `exhibition.html`
|
||||
})
|
||||
// 继续投票
|
||||
$('.continueTP').click(function(){
|
||||
console.log('继续投票');
|
||||
})
|
||||
// 监听页面滚动条变化
|
||||
$(window).scroll(function(){
|
||||
// 获取滚动条距离顶部的距离
|
||||
|
|
@ -657,7 +718,7 @@ function checkZLList(){//查询展览列表
|
|||
{imgSrc:'../../img/public/jg-dz-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19',sponsor:'主办方：华夏艺术网',address:'虹桥艺术中心'},
|
||||
]
|
||||
$.each(zlData, function(commentIndex, comment) {
|
||||
zlHtml +=`<div class="dfc w25 m-s30">
|
||||
zlHtml +=`<div class="dfc w25 m-s30" onclick="gozlDetail(${commentIndex})">
|
||||
<img class="w90" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||||
<div class="font-18 m-s20 w90 clips1 op9 col19">${comment.title}</div>
|
||||
<div class="font-13 m-s10 w90 clips1 op9 col19">${comment.sponsor}</div>
|
||||
|
|
@ -674,6 +735,109 @@ function checkZLList(){//查询展览列表
|
|||
$(this).nextAll('div').css('color','#000000')
|
||||
})
|
||||
}
|
||||
function gozlDetail(e){//查看书刊详情
|
||||
location.href = `exhibitionComingDetail.html?id=${e}`
|
||||
}
|
||||
function checkExhibitone(){//查询即将展览详情下的展览列表
|
||||
let zlzpHtml = '';
|
||||
let zlzpData = [
|
||||
{imgSrc:'../../img/public/jg-dz-01.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-dz-02.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-dz-03.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-dz-04.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-dz-05.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-dz-06.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-dz-07.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
{imgSrc:'../../img/public/jg-dz-08.png',title:'陌上谁人依旧 · 曹辉人物画展',time:'2021.07.09 - 2021.07.19'},
|
||||
]
|
||||
$.each(zlzpData, function(commentIndex, comment) {
|
||||
zlzpHtml +=`<div class="dfc w25 m-s30 linh28">
|
||||
<div class="pr">
|
||||
<img class="w90 cq-cp" src="../../img/grzx/ysp.png" alt="图标丢失" title="" >
|
||||
<div class="pa djcacfw cq-cp">
|
||||
<img src="../../img/sy-search.png" style="width: 21px;height: 21px;" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="font-16 w90 clips1 m-s10">艺术清酒--得寓(酒标作品)</div>
|
||||
<div class="font-14 op7 w90">作品编号：2562</div>
|
||||
<div class="font-14 op7 w90 djbac">获得票数：2562 <span>第12名</span></div>
|
||||
<div class="djcacfw w90 m-s20" onclick="toup(${commentIndex})"><span class="cq-cp zltp">立即投票</span></div>
|
||||
</div>`
|
||||
});
|
||||
$('#zlzp-list').prepend(zlzpHtml);
|
||||
}
|
||||
function toup(e){
|
||||
console.log(e);
|
||||
$('#isTank').fadeIn()
|
||||
$('#success_fail').css('display','')
|
||||
$('#successk').css('display','')
|
||||
}
|
||||
function checkJFList(){//查询积分商城列表
|
||||
let jfHtml = '';
|
||||
let jfData = [
|
||||
{imgSrc:'../../img/public/jf01.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
{imgSrc:'../../img/public/jf02.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
{imgSrc:'../../img/public/jf03.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
{imgSrc:'../../img/public/jf04.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
{imgSrc:'../../img/public/jf05.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
{imgSrc:'../../img/public/jf06.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
{imgSrc:'../../img/public/jf07.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
{imgSrc:'../../img/public/jf08.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
{imgSrc:'../../img/public/jf09.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
{imgSrc:'../../img/public/jf10.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256'},
|
||||
]
|
||||
$.each(jfData, function(commentIndex, comment) {
|
||||
jfHtml +=`<div class="dfc w20 m-s30">
|
||||
<div>
|
||||
<img class="w100 cq-cp" onclick="goJFDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||||
<div class="font-14 m-s20 clips2 linh24">${comment.title}</div>
|
||||
<div class="font-13 m-s10"><span class="op7">积分：</span><span class="fb colcb">${comment.num}</span></div>
|
||||
</div>
|
||||
</div>`
|
||||
});
|
||||
$('#jf-list').prepend(jfHtml);
|
||||
}
|
||||
function goJFDetail(e){//查看书刊详情
|
||||
location.href = `pointsMallDetail.html?id=${e}`
|
||||
}
|
||||
function checkAllSList(){//查询积分商城列表
|
||||
let allHtml = '';
|
||||
let allData = [
|
||||
{imgSrc:'../../img/public/jf01.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:'积分'},
|
||||
{imgSrc:'../../img/public/jf02.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
|
||||
{imgSrc:'../../img/public/jf03.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
|
||||
{imgSrc:'../../img/public/jf04.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
|
||||
{imgSrc:'../../img/public/jf05.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
|
||||
{imgSrc:'../../img/public/jf06.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
|
||||
{imgSrc:'../../img/public/jf07.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:'积分'},
|
||||
{imgSrc:'../../img/public/jf08.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
|
||||
{imgSrc:'../../img/public/jf09.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:''},
|
||||
{imgSrc:'../../img/public/jf10.png',title:'雅尊（Yazun）现代轻奢艺术镂空装 饰品摆设工艺品 B款',num:'2256',type:'积分'},
|
||||
]
|
||||
$.each(allData, function(commentIndex, comment) {
|
||||
if(comment.type=='积分'){
|
||||
allHtml +=`<div class="dfc w20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" onclick="goShopDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">${comment.title}</div>
|
||||
<div class="font-13"><span class="op7">积分：</span><span class="fb colcb font-20">${comment.num}</span></div>
|
||||
</div>
|
||||
</div>`
|
||||
} else {
|
||||
allHtml +=`<div class="dfc w20">
|
||||
<div>
|
||||
<img class="w100 cq-cp" onclick="goShopDetail(${commentIndex})" src="${comment.imgSrc}" alt="图标丢失" title="${comment.title}" >
|
||||
<div class="font-14 m-sx10 clips2 linh24">${comment.title}</div>
|
||||
<div class="font-13 fb colcb">￥<span class="font-20">${comment.num}</span></div>
|
||||
</div>
|
||||
</div>`
|
||||
}
|
||||
});
|
||||
$('#alls-list').prepend(allHtml);
|
||||
}
|
||||
function goShopDetail(e){//查看书刊详情
|
||||
location.href = `shopDetail.html?id=${e}`
|
||||
}
|
||||
// 回到顶部
|
||||
function pageScroll(){
|
||||
window.scrollBy(0,-100);
|
||||
|
|
|
|||
Loading…
Reference in New Issue