huaxia/htmls/artNetwork/auctionShopDetail.html

174 lines
7.5 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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>
<!-- Swiper -->
<div class="ont-swiper swiper-container" id="top">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
<div class="swiper-slide"><img class="banner-img" src="../../img/public/banner.png" ></div>
</div>
<!-- 右箭头 -->
<!-- <div class="swiper-button-next"></div> -->
<!-- 左箭头 -->
<!-- <div class="swiper-button-prev"></div> -->
<!-- 指示点 -->
<div class="swiper-pagination"></div>
</div>
<script>
let swiper = new Swiper('.ont-swiper', {
cssMode: false,//禁止鼠标滑动,切换
loop:true,
autoplay: {
delay: 3000,
stopOnLastSlide: true,
disableOnInteraction: false,
},
pagination: {
el: '.swiper-pagination',
clickable :true,
},
mousewheel: false,//禁止鼠标滚动,切换
});
</script>
<div class="p-zy180 p-sx10 dao-boxw" style="position: sticky;top: -6px;z-index: 10;background: #FFFFFF;">
<img class="logo" src="../../img/logo.png">
<div>
<div class="guan-box">
<span class="cq-cp">关于我们</span>
<span class="sy-dian"></span>
<div class="cq-cp dac">
<img src="../../img/sy-scart.png" width="14" height="15" style="margin-right: 4px;">
<span class="cq-cp">我的购物车</span>
</div>
<span class="sy-dian"></span>
<span class="cq-cp">积分商城</span>
<span class="sy-dian"></span>
<span class="cq-cp">联系我们</span>
<span class="sy-dian"></span>
<span class="cq-cp">登录/注册</span>
<div class="dn">
<span>个人中心</span>
<span>【退出】</span>
</div>
</div>
<div class="dend w100 ac m-s20">
<div class="w100">
<ul class="dao-box dac">
<li class="pr">
<div class="pr djcacfw"><a href="../../index.html">首页</a><div class="xiahx pa dn"></div></div>
<!---->
<span class="redD pa dn"></span>
</li>
<li class="pr">
<div class="pr djcacfw"><a href="realTimeInfo.html">资讯</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">艺术家<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">培训<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>
</div>
<div class="p-zy320">
<div class="djb bbt ps m-s50 p-x30">
<!-- Swiper -->
<div class="ys-swiper swiper-container m-y20" style="max-height: 637px;overflow: hidden;">
<div class="swiper-wrapper">
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-01.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-02.png" ></div>
<div class="swiper-slide"><img class="w100" style="object-fit: cover;" src="../../img/public/jg-dyd-03.png" ></div>
</div>
<!-- 右箭头 -->
<img class="xq-next xq-pub" src="../../img/public/xq-next.png" >
<!-- 左箭头 -->
<img class="xq-pre xq-pub" src="../../img/public/xq-pre.png" >
</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;background: #f4f4f4;padding: 20px;">
<div class="font-24 clips2" style="width:100%;line-height: 36px;margin: 0 10px;">約公元一世紀</br> 大理石雕阿斯克勒庇俄斯殘像</div>
<div class="p-sx20 m-sx20 p-zy10 font-15 linh30" style="border-top: 1px solid #dbdbdb;">
<div class="font-16 col19 fb">描述:</div>
<span style="font-size: 15px;color: #4d4d4d;">该器为紫砂胎,通体施仿均釉,釉色极佳,蓝釉中泛出若隐若现的白点,似蓝色的云层中泛出点点繁星。整器大气磅礴,釉面细腻光滑,底部露该器为紫砂胎,通体施仿均釉,釉色极佳,蓝釉中泛出若隐若现的白点,似蓝色的云层中泛出点点繁星。整器大气磅礴,釉面细腻光滑,底部露该器为紫砂胎,通体施仿均釉,釉色极佳,蓝釉中泛出若隐若现的白点,似蓝色的云层中泛出点点繁星。整器大气磅礴,釉面细腻光滑,底部露</span>
</div>
</div>
</div>
<div class="backf5" style="padding: 6px;">
<div class="backf">
<!-- 详情 -->
<div class="p-zy20">
<div class="bbt p-sx20 col19" style="font-size: 28px;">详情介绍</div>
<div class="font-15 linh30 m-sx20 tin2" style="color: #222222;">1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝1921—2021中华民族迎来了从站起来、富起来到强起来的伟大飞跃。“文变染乎世情兴废系乎时序。”为了庆祝</div>
<div class="djcacfw">
<img width="97%" class="m-x20" src="../../img/public/pm-sd02.png" >
<img width="97%" class="m-x20" src="../../img/public/pm-sd03.png" >
</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>