chen
/
huaxia
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
huaxia/htmls/artNetwork/exhibitionComingDetail.html

244 lines
12 KiB
HTML
Raw Normal View History

商城系列
2021-09-13 10:09:41 +00:00
<!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>