src/examples/web/index.html
<!DOCTYPE html>
<html>
<head>
<title>银豆四周年庆</title>
<link rel="stylesheet" href="https://static.yindou.com/web/css/swiper.min.css">
</head>
<body>
<div id="app">
<a href="#" class="back_index ft-14">返回首页</a>
<div class="floor floor1" id="floor1"></div>
<div class="floor floor2" id="floor2">
<p class="con">活动期间，用户出借直投项目（新手标除外）单笔出借金额达到指定金额，即可按照比例获得返现。</p>
<div class="table-container clearfix">
<div class="sequence">
<span class="first">1</span>
<span class="border">2</span>
<span>3</span>
</div>
<div class="table">
<div class="row header">
<span>单笔出借金额（元）</span>
<span class="even">返现比例</span>
</div>
<div class="row">
<span>
<i class="icon gold_bag"></i> 达到1万元</span>
<span class="even">0.3%</span>
</div>
<div class="row">
<span>
<i class="icon gold_bag"></i> 达到5万元</span>
<span class="even">0.4%</span>
</div>
<div class="row">
<span class="last">
<i class="icon gold_bag"></i> 达到10万元</span>
<span class="even last">0.5%</span>
</div>
</div>
</div>
<a href="javascript:void(0)" class="btn unLogin">请登录查看我的返现</a>
<div class="rules">
<p class="txt">1、活动时间： 2018年1月8日00:00-2018年2月8日23:59；</p>
<p class="txt">2、自动投标、手动投标均可参与本活动；</p>
<p class="txt">3、返现金额=出借金额*返现比例</p>
<p class="txt">4、返现奖金预计将于出借成功后24小时内内发放至账户；</p>
<p class="txt">5、本次活动最终解释权归银豆网所有。</p>
</div>
</div>
<div class="floor floor2 islogin" id="floor2">
<p class="con">活动期间，用户出借直投项目（新手标除外）单笔出借金额达到指定金额，即可按照比例获得返现。</p>
<div class="table-container clearfix">
<div class="sequence">
<span class="first">1</span>
<span class="border">2</span>
<span>3</span>
</div>
<div class="table">
<div class="row header">
<span>单笔出借金额（元）</span>
<span class="even">返现比例</span>
</div>
<div class="row">
<span>
<i class="icon gold_bag"></i> 达到1万元</span>
<span class="even">0.3%</span>
</div>
<div class="row">
<span>
<i class="icon gold_bag"></i> 达到5万元</span>
<span class="even">0.4%</span>
</div>
<div class="row">
<span class="last">
<i class="icon gold_bag"></i> 达到10万元</span>
<span class="even last">0.5%</span>
</div>
</div>
</div>
<p class="cashback">我的返现</p>
<div class="table-container cash clearfix">
<div class="table">
<div class="row header">
<span>出借时间</span>
<span>出借金额（元）</span>
<span class="even">返现金额（元）</span>
</div>
<div id="recordTbody" class="recordTbody clearfix">
<div class="row">
<span>2017-11-1 11:00</span>
<span>
<i class="icon gold_bag"></i> 10000</span>
<span class="even">30</span>
</div>
<div class="row">
<span>2017-11-1 11:00</span>
<span>
<i class="icon gold_bag"></i> 20000</span>
<span class="even">60</span>
</div>
<div class="row">
<span>2017-11-1 11:00</span>
<span>
<i class="icon gold_bag"></i> 100000</span>
<span class="even ">100</span>
</div>
<div class="row">
<span class="last">2017-11-1 11:00</span>
<span class="last">
<i class="icon gold_bag"></i> 100000</span>
<span class="even last">100</span>
</div>
<!-- <div class="norecord">
暂无返现记录
</div> -->
</div>
</div>
</div>
<div class="rules">
<p class="txt">1、活动时间： 2018年1月8日00:00-2018年2月8日23:59；</p>
<p class="txt">2、自动投标、手动投标均可参与本活动；</p>
<p class="txt">3、返现金额=出借金额*返现比例</p>
<p class="txt">4、返现奖金预计将于出借成功后24小时内内发放至账户；</p>
<p class="txt">5、本次活动最终解释权归银豆网所有。</p>
</div>
</div>
<div class="floor floor3" id="floor3">
<p class="con primary">活动期间，用户每天均可领取4周年狂欢礼包1次。</p>
<a href="javascript:void(0)" class="btn primary" id="getCouponBtn">立即领取</a>
<div class="rules">
<p class="txt">1、活动时间： 2018年1月8日00:00-2018年2月8日23:59；</p>
<p class="txt">2、现金卡、加息券可用于出借直投项目（新手标不可用），有效期均为7天；</p>
<p class="txt">3、每笔出借仅可使用一张优惠券；</p>
<p class="txt">4、本次活动最终解释权归银豆网所有。</p>
</div>
</div>
<div class="floor floor4" id="floor4">
<p class="con">活动期间用户出借直投项目（新手标除外）累计出借金额达到指定金额，还可获得实物奖励1台。</p>
<a href="javascript:void(0)" class="btn unLogin">请登录查看我的累计出借额</a>
<div class="rules">
<p class="txt">1、活动时间： 2018年1月8日00:00-2018年2月8日23:59；</p>
<p class="txt">2、自动投标、手动投标均可参与本活动；</p>
<p class="txt">3、新手标、债权转让项目不计入累计出借金额；</p>
<p class="txt">4、若用户发起债权转让，计算累计出借金额时将扣除债转的金额；</p>
<p class="txt">5、实物奖励以用户可获得的最高奖励为准，每人仅可获得一件；</p>
<p class="txt">6、实物奖励将于活动后10个工作日内发货，请豆粉及时更新默认收货地址，发奖时间节假日顺延；</p>
<p class="txt">7、本次活动最终解释权归银豆网所有。</p>
</div>
</div>
<!-- <div class="floor floor4 islogin" id="floor4">
<p class="con">活动期间用户出借直投项目（新手标除外）累计出借金额达到指定金额，还可获得实物奖励1台。</p>
<div class="loanmoney">
<p class="value">0.00</p>
<p class="key">我的累计出借额（元）</p>
</div>
<div class="rules">
<p class="txt">1、活动时间： 2018年1月8日00:00-2018年2月8日23:59；</p>
<p class="txt">2、自动投标、手动投标均可参与本活动；</p>
<p class="txt">3、新手标、债权转让项目不计入累计出借金额；</p>
<p class="txt">4、若用户发起债权转让，计算累计出借金额时将扣除债转的金额；</p>
<p class="txt">5、实物奖励以用户可获得的最高奖励为准，每人仅可获得一件；</p>
<p class="txt">6、实物奖励将于活动后10个工作日内发货，请豆粉及时更新默认收货地址，发奖时间节假日顺延；</p>
<p class="txt">7、本次活动最终解释权归银豆网所有。</p>
</div>
</div> -->
<div class="floor floor5" id="floor5">
<p class="con primary">每天10：30、14：30、17：30，三场5折限时秒杀，每场一款商品，数量有限，抢完为止。每个用户每款商品限兑一件。</p>
<div class="btn_tabs" id="tabBtns">
<a href="javascript:void(0);" data-id='1' class="btn_tab">1月8日</a>
<a href="javascript:void(0);" data-id="2" class="btn_tab">1月9日</a>
<a href="javascript:void(0);" data-id="3" class="btn_tab active">1月10日</a>
<a href="javascript:void(0);" data-id="4" class="btn_tab">1月11日</a>
<a href="javascript:void(0);" data-id="5" class="btn_tab">1月12日</a>
<a href="javascript:void(0);" data-id="6" class="btn_tab">1月13日</a>
<a href="javascript:void(0);" data-id="7" class="btn_tab last">1月14日</a>
</div>
<div class="shop-block">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide shop">
<div class="top">
<img src="https://caiyunupload.b0.upaiyun.com/photo_uploader/goods/dfce34e98ed70f934e673e22f502160c.jpg" alt="">
</div>
<div class="mid">
<p class="tit">爱仕达新不沾三件套-WG03CTJ2</p>
<p class="shop_score">现积分：
<span class="n_score">22900</span>
</p>
<p class="full_score clearfix">
<span class="discount">原积分： 45800</span>
<span class="repe">库存量：99件</span>
</p>
</div>
<div class="bot btn_wrapper">
<a href="javascript: void(0);" class="shop_btn" data-id="">立即兑换</a>
</div>
</div>
<div class="swiper-slide shop">
<div class="top">
<img src="https://caiyunupload.b0.upaiyun.com/photo_uploader/goods/dfce34e98ed70f934e673e22f502160c.jpg" alt="">
</div>
<div class="mid">
<p class="tit">爱仕达新不沾三件套-WG03CTJ2</p>
<p class="shop_score">现积分：
<span class="n_score">22900</span>
</p>
<p class="full_score clearfix">
<span class="discount">原积分： 45800</span>
<span class="repe">库存量：99件</span>
</p>
</div>
<div class="bot btn_wrapper">
<a href="javascript: void(0);" class="shop_btn gray" data-id="">已兑完</a>
</div>
</div>
<div class="swiper-slide shop">
<div class="top">
<img src="https://caiyunupload.b0.upaiyun.com/photo_uploader/goods/dfce34e98ed70f934e673e22f502160c.jpg" alt="">
</div>
<div class="mid">
<p class="tit">爱仕达新不沾三件套-WG03CTJ2</p>
<p class="shop_score">现积分：
<span class="n_score">22900</span>
</p>
<p class="full_score clearfix">
<span class="discount">原积分： 45800</span>
<span class="repe">库存量：99件</span>
</p>
</div>
<div class="bot btn_wrapper">
<a href="javascript: void(0);" class="shop_btn gray" data-id="">距兑换
<span id="count_down_time" class="time">7小时23分20秒</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="rules primary">
<p class="txt">1、活动时间：2018年1月8日10:00-2018年1月14日23:59；</p>
<p class="txt">2、每款商品限量3个，抢完即止，次日恢复正常积分兑换；</p>
<p class="txt">3、活动期间，每个用户，每款商品限兑一件；</p>
<p class="txt">4、实物商品在兑换后5个工作日发货，兑换前请及时更新默认收货地址，发奖时间节假日顺延；</p>
<p class="txt">5、兑换订单一旦生效无质量问题不予退换，请在签收时当面验收，如有质量问题立即联系银豆网客服或者商家客服；</p>
<p class="txt">6、本次活动最终解释权归银豆网所有。</p>
</div>
</div>
<div class="float_menu">
<a href="#floor2" class="menu_item active">返现肆意狂欢</a>
<a href="#floor3" class="menu_item">红包肆无忌惮</a>
<a href="#floor4" class="menu_item">福利放肆到底</a>
<a href="#floor5" class="menu_item">商城大肆放价</a>
<a href="javascript: void(0);" id="scrollTop" class="menu_item">返回顶部</a>
</div>
</div>
<!-- end line, please don't delete -->
<script src="./index.js"></script>
</body>
</html>