<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8">
|
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge"/>
|
<title>返利券-拿返利</title>
|
<link rel="icon" href="img/all_logo.png" type="image/x-icon"/>
|
|
<link rel="stylesheet" type="text/css" href="css/DOUI.min.css"/>
|
<link rel="stylesheet" type="text/css" href="css/mystyle.css"/>
|
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
|
<script src="https://static.runoob.com/assets/qrcode/qrcode.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/DOUI.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/search.js" type="text/javascript" charset="utf-8"></script>
|
</head>
|
|
<body>
|
<div class="allwai" style="background-color: white;">
|
|
<!--顶部-->
|
<div class="topwai fboxRow Xcenter Ycenter">
|
<div class="topnei fboxRow Ycenter">
|
<div class="topdan fboxRow Xcenter Ycenter canclick" name='shoucang'>收藏一下</div>
|
<div class="topshu"></div>
|
<div class="topdan fboxRow Xcenter Ycenter canclick" name='zhuomian'>放到桌面</div>
|
</div>
|
</div>
|
|
<!--标题栏-->
|
<div class="titlewai fboxRow Xcenter Ycenter">
|
<div class="topnei fboxRow Ycenter">
|
<!--返利券logo-->
|
<div class="titlelogo canclick"><img src="img/index_logo.png"/></div>
|
<!--搜索框输入区域-->
|
<div class="fboxRow Ycenter" style="width: 80%;max-width: 28rem;margin-top: 0;margin-left: 1rem;">
|
<div class="searchred flex1 fboxRow Ycenter">
|
<!--放大镜图标-->
|
<div class="searchdaimg"><img src="img/index_daimg.png"/></div>
|
<!--输入组件-->
|
<input id="ishuru" class="flex1 searchinput" type="text" placeholder="请粘贴 淘宝/天猫 宝贝标题"/>
|
<!--关键字联想框-->
|
<div class="searchlianwai fboxCol">
|
<!--js添加元素-->
|
</div>
|
</div>
|
<!--搜索按钮-->
|
<div class="searchbtn fboxRow Xcenter Ycenter canclick">去购物拿返利</div>
|
</div>
|
</div>
|
</div>
|
|
<!--导航栏-->
|
<div class="seadaowai fboxRow Ycenter">
|
<div class="seadaodan fboxRow Xcenter Ycenter canclick" name='0'>全部</div>
|
<div class="seadaodan fboxRow Xcenter Ycenter canclick" name='1'>优惠券</div>
|
<div class="seadaodan fboxRow Xcenter Ycenter canclick" name='2'>包邮</div>
|
<div class="seadaodan fboxRow Xcenter Ycenter canclick" name='3'>天猫</div>
|
</div>
|
|
<!--排序筛选区域-->
|
<div class="seapaiwai fboxRow Ycenter">
|
<div class="seapaidan fboxRow Xcenter Ycenter canclick" name='liang'>销量</div>
|
<div class="seapaidan fboxRow Xcenter Ycenter canclick" name='renqi'>人气</div>
|
<div class="seapaidan fboxRow Xcenter Ycenter canclick" name='jiage'>
|
<div>价格</div>
|
<img class="seapaiimg" src="img/search_xu0.png"/>
|
</div>
|
</div>
|
<!--价格输入-->
|
<div id="ijiageru" class="seapaiwai fboxRow Ycenter" style="margin-top:-1px;">
|
<div class="font_min" style="margin-left: 0.3rem;">最低</div>
|
<input id="imin" class="jiageinput" type="text"/>
|
<div class="font_min" style="margin: 0 0.3rem;">-</div>
|
<div class="font_min">最高</div>
|
<input id="imax" class="jiageinput" type="text"/>
|
<div class="jiageok canclick">确定</div>
|
</div>
|
|
<!--商品列表区域-->
|
<div class="seaspwai fboxWrap">
|
|
<!--js循环添加商品-->
|
|
</div><!--商品列表区域结束-->
|
|
<!--回到顶部火箭-->
|
<div class="seatotop canclick displayNone"><img src="img/search_totop.png"/></div>
|
|
</div>
|
</body>
|
|
</html>
|
