Skip to content

Y
ypl_mobile_web
Commit 50b822aa by 邓丽
Options

importHtml

parent ba3d829d
Showing with 862 additions and 20 deletions
demo/components/footer.html 0 → 100644
<footer>
<div>
<a href="" class="active">
<div class="icon_box icon_asset"><i class="iconfont">&#xe601;</i></div>
<p>主页</p>
</a>
</div>
<!-- <div>
<a href="" class="">
<div class="icon_box icon_transfer"><i class="iconfont">&#xe603;</i></div>
<p>社区</p>
</a>
</div>-->
<div>
<a href="" class="">
<div class="icon_box icon_user"><i class="iconfont">&#xe610;</i></div>
<p>选片室</p>
</a>
</div>
<div>
<a href="" class="">
<div class="icon_box icon_more"><i class="iconfont">&#xe61c;</i></div>
<p>我的</p>
</a>
</div>
</footer>
\ No newline at end of file
demo/components/header.html 0 → 100644
<h1>I am the header</h1>
\ No newline at end of file
demo/index.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="en">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=Edge,chrome=1"/>
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,相册">
<meta name="description" content="米拍摄影服务平台">
<link rel="stylesheet" type="text/css" href="../dist/css/weui.css" />
<link rel="stylesheet" type="text/css" href="../dist/css/jquery-weui.css" />
<link rel="stylesheet" type="text/css" href="../dist/css/dropload.min.css" />
<link rel="stylesheet" type="text/css" href="../dist/css/extend.css" />
<link rel="stylesheet" type="text/css" href="../dist/css/public.css" />
<script type="text/javascript" src="../src/js/jquery.js"></script>
<script type="text/javascript" src="../src/js/swiper.js"></script>
<script type="text/javascript" src="../src/js/jquery-weui.js"></script>
<script type="text/javascript" src="../src/js/common.js"></script>
<title></title>
</head>
<body>
<div class="index">
<div class="indexinner">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href=""><img src="https://img1.fenjinshe.com/M00/00/FA/Ciymoldx6VOEd6yEAAAAAFTdSrM5.2.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href=""><img src="https://img2.fenjinshe.com/M00/00/7C/CiymolduLgWEL2jEAAAAANBbTlE845.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href=""><img src="https://img1.fenjinshe.com/M00/00/7C/CiymolduLfGECDicAAAAAKsDY54117.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href=""><img src="https://img1.fenjinshe.com/M00/00/FA/Ciymoldx6cKEPlgBAAAAAMmUfNQ578.jpg" alt=""></a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="placebox">
<div>
<div class="citypicker"><a
href="">成都</a></div>
</div>
<div><a href="" class="choice"><i class="iconfont" style="font-size: 12px; margin-right: 3px;">
&#xe629;</i>请输入搜索关键词，如小区、地址</a></div>
</div>
<div class="indexnav">
<h3><hr/>约拍<hr/></h3>
<ul class="clearfix">
<li><a href=""><i class="iconfont">&#xe634;</i></a>
<p>婚纱</p>
</li>
<li><a href=""><i class="iconfont">&#xe638;</i></a>
<p>写真</p>
</li>
<li><a href=""><i class="iconfont">&#xe632;</i></a>
<p>儿童</p>
</li>
<li>
<a href=""><i class="iconfont">&#xe620;</i></a>
<p>旅拍</p>
</li>
</ul>
<ul class="clearfix">
<li><a href=""><i class="iconfont">&#xe636;</i></a>
<p>婚礼</p></li>
<li><a href=""><i class="iconfont">&#xe631;</i></a>
<p>孕妇</p></li>
<li><a href=""><i class="iconfont">&#xe635;</i></a>
<p>宠物</p></li>
<li>
<a href=""><i class="iconfont">&#xe650;</i></a>
<p>商务</p>
</li>
</ul>
</div>
<div class="selected">
<h2 class="title">精选<span>更多</span></h2>
<ul class="clearfix">
<li>
<a href="">
<img src="" alt=""/>
<span></span>
<em>时尚</em>
</a>
</li>
<li>
<a href="">
<img src="" alt=""/>
<span></span>
<em>童心</em>
</a>
</li>
<li style="width: 45%">
<a href="">
<img src="" alt=""/>
<span></span>
<em>团队活力</em>
</a>
</li>
<li style="height:160px">
<a href="">
<img src="" alt=""/>
<span></span>
<em>猫宠</em>
</a>
</li>
<li style="width:45%;height:160px">
<a href="">
<img src="" alt=""/>
<span></span>
<em>只为遇见你</em>
</a>
</li>
<li style="height: 77px">
<a href="">
<img src="" alt=""/>
<span></span>
<em>孕味</em>
</a>
</li>
<li style="height: 77px">
<a href="">
<img src="" alt=""/>
<span></span>
<em>红色火焰</em>
</a>
</li>
</ul>
</div>
<div class="tzshelp">
<h2 class="title">今日特惠<span>更多</span></h2>
<div class="tzshelpinner">
<div class="outbox">
<ul>
<li>
<a href="">
<div>
<img src="" alt=""/>
</div>
<h4>情侣、闺蜜 写真</h4>
<p>
<b>￥2088</b>
<span><del>￥2488</del> </br>
<small>北京市 已约单0/2</small>
</span>
</p>
<span><i></i>剩余<em>84</em>天<em>9:47:36</em>结束</span>
</a>
</li>
<li>
<a href="">
<div>
<img src="" alt=""/>
</div>
<h4>情侣、闺蜜 写真</h4>
<p>
<b>￥2088</b>
<span><del>￥2488</del> </br>
<small>北京市 已约单0/2</small>
</span>
</p>
<span><i></i>剩余<em>84</em>天<em>9:47:36</em>结束</span>
</a>
</li>
<li>
<a href="">
<div>
<img src="" alt=""/>
</div>
<h4>情侣、闺蜜 写真</h4>
<p>
<b>￥2088</b>
<span><del>￥2488</del> </br>
<small>北京市 已约单0/2</small>
</span>
</p>
<span><i></i>剩余<em>84</em>天<em>9:47:36</em>结束</span>
</a>
</li>
<li>
<a href="">
<div>
<img src="" alt=""/>
</div>
<h4>情侣、闺蜜 写真</h4>
<p>
<b>￥2088</b>
<span><del>￥2488</del> </br>
<small>北京市 已约单0/2</small>
</span>
</p>
<span><i></i>剩余<em>84</em>天<em>9:47:36</em>结束</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="indexnav photographer">
<h3><hr/>明星摄影师<hr/></h3>
<ul class="clearfix">
<li><a href="">
<div>
<img src="" alt=""/>
</div>
</a>
<p>豆丁</p>
<i></i>
</li>
<li><a href="">
<div>
<img src="" alt=""/>
</div>
</a>
<p>小才</p>
<i></i>
</li>
<li><a href="">
<div>
<img src="" alt=""/>
</div>
</a>
<p>nice生活家</p>
<i></i>
</li>
</ul>
</div>
</div>
</div>
@import "footer.html"
<script>
$(document).ready(function () {
var swiper = new Swiper('.swiper-data', {
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop: true
});
$(".swiper-container").swiper({
loop: true,
autoplay: 3000,
pagination: '.swiper-pagination'
});
var width = 0;
$(".outbox li").each(function () {
width += $(this).outerWidth();
});
$(".outbox ul").width(width+28);
});
localStorage['openWay'] = 'WAP';
</script>
<a href="javascript:void(0)" class="totop"><i class="iconfont">&#xe657;</i></a>
<script type="text/javascript">
/*<![CDATA[*/
var _hmt = _hmt || [];(function() { var hm = document.createElement('script'); hm.src = ''; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(hm, s);})();
/*]]>*/
</script>
</body>
</html>
dist/css/appointment.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/base.css
......@@ -14,7 +14,8 @@ body {
font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
font-size: 1rem;
line-height: 1.5;
background: #f9f9f9;
background: #ededed;
color: #353535;
}
/* Remove default margin */
body,
......@@ -29,6 +30,8 @@ ol,
p {
padding: 0;
margin: 0;
font-weight: 400;
color: #353535;
}
/* Links
========================================================================== */
......@@ -39,6 +42,7 @@ a {
a:active,
a:hover {
outline-width: 0;
cursor: pointer;
}
/* Font adjust
========================================================================== */
......@@ -55,7 +59,7 @@ footer,
section,
header {
font-size: 100%;
font-weight: 400;
color: #353535;
}
/* List
========================================================================== */
......@@ -95,12 +99,12 @@ button::-moz-focus-inner,
border-style: none;
padding: 0;
}
button:-moz-focusring,
/*button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
}*/
textarea {
overflow: auto;
}
......@@ -129,12 +133,14 @@ textarea {
color: inherit;
opacity: 0.54;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*::-webkit-file-upload-button {
-webkit-appearance: button; */
/* 1 */
/*
font: inherit; */
/* 2 */
/*
}*/
/* HTML5 display definitions
========================================================================== */
article,
......@@ -159,5 +165,4 @@ em {
}
img {
border: 0;
vertical-align: middle;
}
dist/css/bind.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/common.css
@charset "UTF-8";
/*左浮动*/
.left {
float: left;
}
/*右浮动*/
.right {
float: right;
}
/* 清浮动 */
.clear {
clear: both;
}
/* 块级元素居中,不在文档流中 */
/* 文字居中 */
/*按钮*/
......@@ -40,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......@@ -109,3 +124,19 @@ img {
width: 100%;
height: auto;
}
/* 头部 */
body {
background: #f9f9f9;
}
.header {
background: #ffffff;
}
.header h2 {
text-align: center;
height: 0.96rem;
line-height: 0.96rem;
color: #262626;
height: 2.66666667rem;
line-height: 2.66666667rem;
border-bottom: 1px solid #cccccc;
}
dist/css/coupon.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/dropload.min.css 0 → 100644
.dropload-up,.dropload-down{position:relative;height:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.dropload-refresh,.dropload-update,.dropload-load{position:absolute;left:50%;bottom:0;width:100%;height:50px;line-height:50px;text-align:center;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.dropload-down .dropload-refresh,.dropload-down .dropload-update,.dropload-down .dropload-load{top:0;bottom:auto}.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
\ No newline at end of file
dist/css/fillInformation.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......@@ -120,6 +124,10 @@ body {
.header h2 > input[type='submit'] {
width: 5.5%;
}
.personalData {
/* max-width:640px;
margin:0 auto;*/
}
.personalData ul li {
background: #ffffff;
border-bottom: 1px solid #cccccc;
......
dist/css/master.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/mixins.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/myOrder.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/personalPage.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/photographyPage.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/public.css 0 → 100644
footer {
height: 50px;
background: rgba(255,255,255,1);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 99;
border-top: 1px solid #ddd
}
footer div {
text-align: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1
}
footer div a {
display: block;
color: #999
}
footer div a:visited {
color: #999
}
footer div a.active {
color: #11c5d1
}
footer div a:active,footer div a:focus {
color: #11c5d1
}
footer div a>p {
height: 20px;
line-height: 17px;
font-size: 12px
}
footer div .icon_box {
width: 25px;
height: 30px;
line-height: 35px;
margin: 0 auto
}
footer div .icon_box .iconfont {
font-size: 23px
}
footer div .active .icon_box {
background-position: bottom center!important
}
\ No newline at end of file
dist/css/search.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/selectCity.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/css/weui.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/css/workDetail.css
......@@ -51,6 +51,10 @@
/*头部*/
body {
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin: 0 auto;
}
.header {
background: #ffffff;
......
dist/index.html 0 → 100644
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="en">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="x-ua-compatible" content="IE=Edge,chrome=1"/>
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,相册">
<meta name="description" content="米拍摄影服务平台">
<link rel="stylesheet" type="text/css" href="../dist/css/weui.css" />
<link rel="stylesheet" type="text/css" href="../dist/css/jquery-weui.css" />
<link rel="stylesheet" type="text/css" href="../dist/css/dropload.min.css" />
<link rel="stylesheet" type="text/css" href="../dist/css/extend.css" />
<link rel="stylesheet" type="text/css" href="../dist/css/public.css" />
<script type="text/javascript" src="../src/js/jquery.js"></script>
<script type="text/javascript" src="../src/js/swiper.js"></script>
<script type="text/javascript" src="../src/js/jquery-weui.js"></script>
<script type="text/javascript" src="../src/js/common.js"></script>
<title></title>
</head>
<body>
<div class="index">
<div class="indexinner">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href=""><img src="https://img1.fenjinshe.com/M00/00/FA/Ciymoldx6VOEd6yEAAAAAFTdSrM5.2.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href=""><img src="https://img2.fenjinshe.com/M00/00/7C/CiymolduLgWEL2jEAAAAANBbTlE845.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href=""><img src="https://img1.fenjinshe.com/M00/00/7C/CiymolduLfGECDicAAAAAKsDY54117.jpg" alt=""></a>
</div>
<div class="swiper-slide">
<a href=""><img src="https://img1.fenjinshe.com/M00/00/FA/Ciymoldx6cKEPlgBAAAAAMmUfNQ578.jpg" alt=""></a>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="placebox">
<div>
<div class="citypicker"><a
href="">成都</a></div>
</div>
<div><a href="" class="choice"><i class="iconfont" style="font-size: 12px; margin-right: 3px;">
&#xe629;</i>请输入搜索关键词，如小区、地址</a></div>
</div>
<div class="indexnav">
<h3><hr/>约拍<hr/></h3>
<ul class="clearfix">
<li><a href=""><i class="iconfont">&#xe634;</i></a>
<p>婚纱</p>
</li>
<li><a href=""><i class="iconfont">&#xe638;</i></a>
<p>写真</p>
</li>
<li><a href=""><i class="iconfont">&#xe632;</i></a>
<p>儿童</p>
</li>
<li>
<a href=""><i class="iconfont">&#xe620;</i></a>
<p>旅拍</p>
</li>
</ul>
<ul class="clearfix">
<li><a href=""><i class="iconfont">&#xe636;</i></a>
<p>婚礼</p></li>
<li><a href=""><i class="iconfont">&#xe631;</i></a>
<p>孕妇</p></li>
<li><a href=""><i class="iconfont">&#xe635;</i></a>
<p>宠物</p></li>
<li>
<a href=""><i class="iconfont">&#xe650;</i></a>
<p>商务</p>
</li>
</ul>
</div>
<div class="selected">
<h2 class="title">精选<span>更多</span></h2>
<ul class="clearfix">
<li>
<a href="">
<img src="" alt=""/>
<span></span>
<em>时尚</em>
</a>
</li>
<li>
<a href="">
<img src="" alt=""/>
<span></span>
<em>童心</em>
</a>
</li>
<li style="width: 45%">
<a href="">
<img src="" alt=""/>
<span></span>
<em>团队活力</em>
</a>
</li>
<li style="height:160px">
<a href="">
<img src="" alt=""/>
<span></span>
<em>猫宠</em>
</a>
</li>
<li style="width:45%;height:160px">
<a href="">
<img src="" alt=""/>
<span></span>
<em>只为遇见你</em>
</a>
</li>
<li style="height: 77px">
<a href="">
<img src="" alt=""/>
<span></span>
<em>孕味</em>
</a>
</li>
<li style="height: 77px">
<a href="">
<img src="" alt=""/>
<span></span>
<em>红色火焰</em>
</a>
</li>
</ul>
</div>
<div class="tzshelp">
<h2 class="title">今日特惠<span>更多</span></h2>
<div class="tzshelpinner">
<div class="outbox">
<ul>
<li>
<a href="">
<div>
<img src="" alt=""/>
</div>
<h4>情侣、闺蜜 写真</h4>
<p>
<b>￥2088</b>
<span><del>￥2488</del> </br>
<small>北京市 已约单0/2</small>
</span>
</p>
<span><i></i>剩余<em>84</em>天<em>9:47:36</em>结束</span>
</a>
</li>
<li>
<a href="">
<div>
<img src="" alt=""/>
</div>
<h4>情侣、闺蜜 写真</h4>
<p>
<b>￥2088</b>
<span><del>￥2488</del> </br>
<small>北京市 已约单0/2</small>
</span>
</p>
<span><i></i>剩余<em>84</em>天<em>9:47:36</em>结束</span>
</a>
</li>
<li>
<a href="">
<div>
<img src="" alt=""/>
</div>
<h4>情侣、闺蜜 写真</h4>
<p>
<b>￥2088</b>
<span><del>￥2488</del> </br>
<small>北京市 已约单0/2</small>
</span>
</p>
<span><i></i>剩余<em>84</em>天<em>9:47:36</em>结束</span>
</a>
</li>
<li>
<a href="">
<div>
<img src="" alt=""/>
</div>
<h4>情侣、闺蜜 写真</h4>
<p>
<b>￥2088</b>
<span><del>￥2488</del> </br>
<small>北京市 已约单0/2</small>
</span>
</p>
<span><i></i>剩余<em>84</em>天<em>9:47:36</em>结束</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="indexnav photographer">
<h3><hr/>明星摄影师<hr/></h3>
<ul class="clearfix">
<li><a href="">
<div>
<img src="" alt=""/>
</div>
</a>
<p>豆丁</p>
<i></i>
</li>
<li><a href="">
<div>
<img src="" alt=""/>
</div>
</a>
<p>小才</p>
<i></i>
</li>
<li><a href="">
<div>
<img src="" alt=""/>
</div>
</a>
<p>nice生活家</p>
<i></i>
</li>
</ul>
</div>
</div>
</div>
<footer>
<div>
<a href="" class="active">
<div class="icon_box icon_asset"><i class="iconfont">&#xe601;</i></div>
<p>主页</p>
</a>
</div>
<!-- <div>
<a href="" class="">
<div class="icon_box icon_transfer"><i class="iconfont">&#xe603;</i></div>
<p>社区</p>
</a>
</div>-->
<div>
<a href="" class="">
<div class="icon_box icon_user"><i class="iconfont">&#xe610;</i></div>
<p>选片室</p>
</a>
</div>
<div>
<a href="" class="">
<div class="icon_box icon_more"><i class="iconfont">&#xe61c;</i></div>
<p>我的</p>
</a>
</div>
</footer>
<script>
$(document).ready(function () {
var swiper = new Swiper('.swiper-data', {
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
loop: true
});
$(".swiper-container").swiper({
loop: true,
autoplay: 3000,
pagination: '.swiper-pagination'
});
var width = 0;
$(".outbox li").each(function () {
width += $(this).outerWidth();
});
$(".outbox ul").width(width+28);
});
localStorage['openWay'] = 'WAP';
</script>
<a href="javascript:void(0)" class="totop"><i class="iconfont">&#xe657;</i></a>
<script type="text/javascript">
/*<![CDATA[*/
var _hmt = _hmt || [];(function() { var hm = document.createElement('script'); hm.src = ''; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(hm, s);})();
/*]]>*/
</script>
</body>
</html>
gulpfile.js
......@@ -2,9 +2,10 @@
var gulp = require('gulp');
var plugins = require('gulp-load-plugins')({ pattern: '*' });
var htmlminify = require("gulp-html-minify");
var gulpImport = require('gulp-html-import');
var reload = plugins.browserSync.reload;
/*var browserSync = require('browser-sync');*/
/*var realFs = require('fs');*/
/*var autoprefixer = require('gulp-autoprefixer');*/
var config = {
path: {
......@@ -41,19 +42,20 @@ gulp.task('less',function () {
}
}))
.pipe(plugins.less())
.pipe(plugins.autoprefixer({ browsers: config.autoprefixerBrowsers }))
/* .pipe(plugins.autoprefixer({ browsers: config.autoprefixerBrowsers }))*/
.pipe(gulp.dest(config.dist.css))
.pipe(reload({stream:true}));
});
// 自动刷新
gulp.task('serve',['less', 'autoprefixer'], function () {
// 自动刷新, 'autoprefixer'
gulp.task('serve',['less'], function () {
plugins.browserSync({
server: {
// baseDir:'./dist/css/*.css'
baseDir:'./'
},
startPath: config.path.html
// startPath: config.path.html
startPath:'src/pages/bind.html'
});
gulp.watch(config.path.less,['less']);
gulp.watch(config.path.html).on('change',reload);
......@@ -100,8 +102,13 @@ gulp.task('imagemin', function () {
// 一键开发
gulp.task('dev', ['serve', 'sprite', 'imagemin']);
/* 发布 */
/* 引用公用片段 */
gulp.task('import', function () {
gulp.src('./demo/index.html')
.pipe(gulpImport('./demo/components/'))
.pipe(gulp.dest('dist'));
})
package.json
......@@ -11,6 +11,8 @@
"gulp-buffer": "^0.0.2",
"gulp-clean-css": "^2.0.7",
"gulp-concat": "^2.6.0",
"gulp-html-import": "0.0.2",
"gulp-html-minify": "0.0.14",
"gulp-imagemin": "^3.0.1",
"gulp-less": "^3.1.0",
"gulp-load-plugins": "^1.2.4",
......
src/js/common.js 0 → 100644
function isPhone(phone) {
var status = false;
if (/^(13[0-9]|14[0-9]|15[0-9]|18[0-9])\d{8}$/i.test(phone)) {
status = true;
}
return status;
}
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
//解决 先点击输入框 再点击下拉框时 下拉框得不到焦点问题
$(document).ready(function(){
//数据加载完毕，加载提示消失
$.hideLoading();
//解决选择框后，输入框无法获得焦点问题
$(".selfpushinner select").bind("click",function(){
$(".selfpushinner input").blur();
});
//返回顶部
$(window).on('scroll',function(){
var scrollTop = $(this).scrollTop();
if(scrollTop>400){
$(".totop").fadeIn(200);
}
else{
$(".totop").fadeOut(200);
}
});
//列表页，是inner内滚动，特别定制
$(".inner").on('scroll',function(){
var scrollTop = $(this).scrollTop();
if(scrollTop>400){
$(".totop").fadeIn(100);
}
else{
$(".totop").fadeOut(100);
}
});
$(".totop").click(function(){
$("html,body,.inner").animate({scrollTop:0}, 300);
});
//城市选择交互优化
$("body > *").on("click", ".citysinner td a,.citysinner .citybox a", function() {
$.showLoading("切换城市...");
});
})
src/js/flexible.js
......@@ -10,8 +10,13 @@
// width = window.innerWidth ;
if (last === width) { return; }
last = width;
if(width>=640){
width=640;
}
root.rem = width / 20;
// 中兴U930_TD
if (/ZTE U930_TD/.test(navigator.userAgent)) {
root.rem = root.rem * 1.13;
......
src/js/jquery-weui.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/js/public.js
......@@ -13,7 +13,7 @@ window.onload=function() {
}else if(swidth>=360 && swidth<=400){
link.href="../../dist/css/icon2x.css";
}else if(swidth>400){
link.href="../../dist/css/icon3x.css";
link.href="../../dist/css/icon2x.css";
}
/*播放暂停视频*/
......
src/js/swiper.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
src/less/fillInformation.less
......@@ -14,6 +14,8 @@ body{
}
}
.personalData{
/* max-width:640px;
margin:0 auto;*/
ul li{
background: #ffffff;
border-bottom:1px solid #cccccc;
......
src/less/mixins.less
......@@ -241,6 +241,10 @@
/*头部*/
body{
background: #ffffff;
padding: 0;
min-width: 300px;
max-width: 640px;
margin:0 auto;
}
.header {
background:#ffffff;
......
src/pages/album.html
......@@ -41,7 +41,7 @@
<section class="package ">
<div class="package-head">
<div class="fl">拍摄套系</div>
<div class="fr"><a>换一套<a></div>
<div class="fr"><a>换一套</a></div>
</div>
<div class="package-bd">
<img src="../../src/img/tokyo.png">x
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment