Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
136 changes: 136 additions & 0 deletions baicaijia.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- 引用mui -->
<link rel="stylesheet" href="./lib/mui/css/mui.min.css">
<script src="./lib/mui/js/mui.min.js"></script>
<!-- 引用zepo.min.js -->
<script src="./lib/zepto/zepto.min.js"></script>
<!-- 引入模板引擎 -->
<script src="./lib/artTemplate/template-web.js"></script>
<!-- 引入font-awesome字体图标 -->
<link rel="stylesheet" href="./lib/fa/css/font-awesome.min.css">

<!-- 引入公共js和css -->
<link rel="stylesheet" href="./css/common.css">
<script src="./js/common.js"></script>

<link rel="stylesheet" href="./css/baicaijia.css">

<script src="./js/baicaijia.js"></script>

</head>

<body>
<div class="container">
<div class="header">
<a href="javascript:back()">
<span class="mui-icon mui-icon-arrowleft"></span>
</a>
<input type="text" class="searchinput" placeholder="好宝贝,等你搜">
<a href="#">
<img src="./images/icon/header_app.png" alt="">
</a>
</div>
<div class="main">
<!-- tab栏横向滚动 -->
<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted navbox">
<div class="mui-scroll navlist">
<!-- 标题栏内容 -->
</div>
</div>
<div class="scrollcontain">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<ul class="productlist">
<li class="priduct">
<img src="https://img.alicdn.com/bao/uploaded/i3/TB16m88IXXXXXb.XFXXXXXXXXXX_!!0-item_pic.jpg_430x430q90.jpg">
<div class="right">
<p class="productName">
<span class="b">[包邮]</span>【创彩】纯棉加厚全棉毛巾两条装</p>
<p class="productPrice">
<i>券后</i>
<em>¥</em>8.9
<del>¥19</del>
</p>
<div class="bar clearfix">
<a href="http://shop.m.taobao.com/shop/coupon.htm?seller_id=2213057944&amp;activity_id=8cfb336284b5436b9f2c7c9343fa85f1"
class="goquan" target="_blank"></a>
<i>
<em style="width:75%;"></em>
<span>75%</span>
</i>
<b>已领75117张</b>
</div>
<div class="discountlink">
<div class="discount">
<a href="http://shop.m.taobao.com/shop/coupon.htm?seller_id=2213057944&amp;activity_id=8cfb336284b5436b9f2c7c9343fa85f1"
target="_blank">点此领10元优惠券</a>
</div>
<div class="productHref">
<a biz-itemid="539735809040" isconvert="1" href="https://item.taobao.com/item.htm?id=539735809040" target="_blank">下单链接</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="logininfo">
<a href="./register.html" class="login">注册</a>
<a href="./login.html" class="register">登录</a>
<a href="#header" class="return-top">返回顶部</a>
</div>
<div class="footerinfo">
<div>
<a class="appLogin" href="#">手机APP下载</a>
<span>慢慢买手机版--掌上比价平台</span>
</div>
<a href="./index.html">m.manmanbuy.com</a>
</div>
</div>
</div>
</body>

</html>
<!-- 标题内容模板 -->
<script type="text/html" id="baicaijaiTitle">
{{each result v i}}
<a data-index={{i}} data-titleId="{{v.titleId}}" class="mui-control-item {{if i==0}}mui-active {{/if}} ">
{{v.title}}
</a>
{{/each}}
</script>

<!-- 产品列表 -->
<script type="text/html" id="productlist">
{{each list v i}}
<li class="priduct">
{{#v.productImg}}
<div class="right">
<p class="productName">
{{#v.productName}}
<p class="productPrice">
{{#v.productPrice}}
</p>
{{#v.productCouponRemain}}
<div class="discountlink">
<div class="discount">
{{#v.productCoupon}}
</div>
<div class="productHref">
{{#v.productHref}}
</div>
</div>
</div>
</li>
{{/each}}
</script>
121 changes: 121 additions & 0 deletions bijiaoProlist.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- 字体 -->
<link rel="stylesheet" href="./lib/font-awesome/css/font-awesome.min.css">
<!-- zepto -->
<script src="./lib/zepto/zepto.min.js"></script>
<!-- mui -->
<script src="./lib/mui/js/mui.min.js"></script>
<link rel="stylesheet" href="./lib/mui/css/mui.min.css">
<!-- 模板 -->
<script src="./lib/artTemplate/template-web.js"></script>
<!-- 自己写的 -->
<link rel="stylesheet" href="./css/prolist.css">
<script src="./js/common.js"></script>
<script src="./js/prolist.js"></script>

</head>
<body>
<div class="container">
<header>
<a href="index.html" class="logo"><img src="./images/icon/header_logo.png" alt=""></a>
<a href="" class="xiazai" > <img src="./images/icon/header_app.png" alt=""> </a>
</header>
<main>
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<div class="searchbar">

<div class="search">
<input type="text" placeholder="请输入你想比价的商品">
<button class="searchbutton">搜索</button>
</div>
</div>
<ul class="listitem">
<li class="item ui-border-b">

<div class="pic">
<img src="http://pro-img.zuyushop.com/ProPic/20175/small80/Thumb_2017050008004798967.jpg" alt="">
</div>
<div class="clearfix info">
<div class="tit">三星(SAMSUNG) UA55MUF30ZJXXZ 55英寸 4K超高清 智能网络液晶电视</div>
<div class="price">
<em>¥</em>2288</div>
<div class="other">
<div class="mall">4商城报价</div>
<div class="sales">有1471人评论</div>
</div>
</div>
</li>
<li class="item ui-border-b">

<div class="pic">
<img src="http://pro-img.zuyushop.com/ProPic/20175/small80/Thumb_2017050008004798967.jpg" alt="">
</div>
<div class="clearfix info">
<div class="tit">三星(SAMSUNG) UA55MUF30ZJXXZ 55英寸 4K超高清 智能网络液晶电视</div>
<div class="price">
<em>¥</em>2288</div>
<div class="other">
<div class="mall">4商城报价</div>
<div class="sales">有1471人评论</div>
</div>
</div>
</li>
</ul>

<div class="page">
<button>上一页</button>
<div class="fenye">
<select id="selectPage" >
<option value="1">1/12</option>
<option value="1">2/12</option>
<option value="1">3/12</option>
<option value="1">4/12</option>
</select>
</div>
<button>下一页</button>
</div>
</div>
</div>
</main>
<footer>
<div class="foottop">
<a href="">登录</a>
<a href="">注册</a>
<a class="backtop" href=""> <img src="./images/icon/top.jpg" alt=""> <span>返回顶部</span></a>
</div>
<div class="footbottom">
<a href="" class="app">手机app下载</a>
<a href="" class="shouji">慢慢买手机下载</a>
<a href="" class="zhangshang">--掌上比价平台</a>
</div>
</footer>
</div>
</body>
</html>

<script type="text/html" id="goodlist">
{{each result v i }}
<li class="item ui-border-b">
<div class="pic">
<img src="{{v.productImg}}" alt="">
</div>
<div class="clearfix info">
<div class="tit">{{v.productName}}</div>
<div class="price">
{{v.productPrice}}</div>
<div class="other">
<div class="mall">{{v.productQuote}}商城报价</div>
<div class="sales">有{{v.productCom}}</div>
</div>
</div>
</li>
{{/each}}
</script>

81 changes: 81 additions & 0 deletions bijiaoSearch.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- 引入固定图标 -->
<link rel="shortcut icon" href="./images/icon/home.png" />
<!-- 字体 -->
<link rel="stylesheet" href="./lib/font-awesome/css/font-awesome.min.css">
<!-- zepto -->
<script src="./lib/zepto/zepto.min.js"></script>
<!-- mui -->
<script src="./lib/mui/js/mui.min.js"></script>
<link rel="stylesheet" href="./lib/mui/css/mui.min.css">
<!-- 模板 -->
<script src="./lib/artTemplate/template-web.js"></script>
<!-- 自己写的 -->
<link rel="stylesheet" href="./css/bijiaoSearch.css">
<script src="./js/common.js"></script>
<script src="./js/bijiaoSearch.js"></script>

</head>
<body>
<div class="container">
<header>
<a href="index.html" class="logo"><img src="./images/icon/header_logo.png" alt=""></a>
<a href="" class="xiazai" > <img src="./images/icon/header_app.png" alt=""> </a>
</header>
<main>
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<div class="searchbar">

<div class="search">
<input type="text" placeholder="请输入你想比价的商品">
<button class="searchbutton">搜索</button>
</div>
</div>
<div class="mui-content">
<div class="mui-card">
<!-- 模板 -->
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="foottop">
<a href="">登录</a>
<a href="">注册</a>
<a class="backtop" href=""> <img src="./images/icon/top.jpg" alt=""> <span>返回顶部</span></a>
</div>
<div class="footbottom">
<a href="" class="app">手机app下载</a>
<a href="" class="shouji">慢慢买手机下载</a>
<a href="" class="zhangshang">--掌上比价平台</a>
</div>
</footer>
</div>
</body>
</html>

<script type="text/html" id="categorytitle">
<ul class="mui-table-view mui-table-view-chevron clearfix">
{{each result v i}}
<li data-id="{{v._id}}" data-titleId="{{v.titleId}}" class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="">{{v.title}}</a>
<div class="mui-table-view mui-table-view-chevron itemList" >
<div class="list" >
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Debitis mollitia quas saepe, beatae, quos dolorum, est provident soluta laboriosam obcaecati in a facere. Dicta optio voluptatibus doloremque quia quaerat esse ducimus fuga. Possimus impedit ipsum deleniti ratione amet sed quaerat quis et earum cum, eligendi quae iusto magni maiores delectus adipisci vel blanditiis rerum laudantium neque omnis eum officia inventore? Dolore fugiat soluta, quod doloremque id praesentium nihil reprehenderit iure repudiandae! Accusantium maxime non laboriosam distinctio consectetur repudiandae iure sit! Porro exercitationem doloribus ab, corrupti cum, molestias, incidunt reprehenderit ratione asperiores illo perspiciatis laborum? Quibusdam esse dolores animi impedit rerum officiis fuga, ad illum consequatur vitae beatae nihil odit commodi numquam ipsam doloribus perspiciatis blanditiis id laborum suscipit. Veniam quia nesciunt natus officiis ea enim eos minima iusto voluptatum nostrum assumenda fugit dolores tenetur ratione id, qui inventore accusamus culpa minus ipsam repudiandae commodi, provident voluptatibus pariatur? Illo, unde, voluptatum odio quam itaque doloremque vero tempore quia accusantium labore ex facere fuga? Voluptatibus quo molestias, nam possimus hic libero unde optio numquam corporis obcaecati maiores nemo a aspernatur exercitationem illum accusantium. Placeat natus impedit, inventore vel alias necessitatibus itaque repellat! Dicta asperiores vitae labore repellendus recusandae dolorum explicabo voluptates doloremque.
<a class="mui-table-view-cell " href="#">1111{{v.category}}</a>

</div>
</div>
</li>
{{/each}}
</ul>

</script>
Loading