Skip to content

Y
ypl_mobile_web
Commit d89ad7da by 邓丽
Options

newnew

parent 2fde424f
Showing with 80 additions and 56 deletions
dist/css/search.css
...@@ -176,7 +176,7 @@ form { ...@@ -176,7 +176,7 @@ form {
.header .icon-btn_back_r { .header .icon-btn_back_r {
position: absolute; position: absolute;
left: 0.93333333rem; left: 0.93333333rem;
top: 1.06666667rem; margin-top: 0.7rem;
z-index: 10; z-index: 10;
} }
.header .icon-icon_delet { .header .icon-icon_delet {
......
dist/css/selectPhotos.css
...@@ -123,7 +123,7 @@ body { ...@@ -123,7 +123,7 @@ body {
color: #ea1d1d; color: #ea1d1d;
} }
.fixNav { .fixNav {
height: 1.86666667rem; height: 2.66666667rem;
width: 100%; width: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -132,15 +132,19 @@ body { ...@@ -132,15 +132,19 @@ body {
border-bottom: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
} }
.fixNav h3 { .fixNav h3 {
height: 1.86666667rem; height: 2.66666667rem;
line-height: 2.66666667rem;
text-align: center; text-align: center;
font-size: 0.8rem; font-size: 0.85333333rem;
position: relative;
} }
.fixNav h3 > a, .fixNav h3 > a,
.fixNav h3 > i, .fixNav h3 > i,
.fixNav h3 > em { .fixNav h3 > em {
display: inline-block; display: inline-block;
margin: 0.4rem 0.4rem 0rem 0.4rem; margin: 0.8rem 0.4rem 0rem 0.4rem;
position: absolute;
left: 0;
} }
.fixNav h3 > a { .fixNav h3 > a {
float: left; float: left;
...@@ -164,19 +168,19 @@ body { ...@@ -164,19 +168,19 @@ body {
-webkit-column-count: 2; -webkit-column-count: 2;
-webkit-column-gap: 10px; -webkit-column-gap: 10px;
-webkit-column-width: 100%; -webkit-column-width: 100%;
margin-top: 1.89333333rem; margin-top: 2.53333333rem;
} }
.container .indexnav { .container .indexnav {
float: left; float: left;
background: #ff7272; background: #ff7272;
width: 99%; width: 99%;
margin: 15px 0 -15px 0px; margin: 17px 0 4px 0px;
} }
.container .indexnav h3 { .container .indexnav h3 {
text-align: center; text-align: center;
height: 1.6rem; height: 2.66666667rem;
line-height: 1.6rem; line-height: 2.66666667rem;
font-size: 0.74666667rem; font-size: 0.85333333rem;
color: #fff; color: #fff;
} }
.container .indexnav h3 hr { .container .indexnav h3 hr {
...@@ -196,7 +200,7 @@ body { ...@@ -196,7 +200,7 @@ body {
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #FFFFFF; color: #FFFFFF;
font-size: 0.58666667rem; font-size: 0.74666667rem;
} }
.container .indexnav span { .container .indexnav span {
width: 88%; width: 88%;
...@@ -232,7 +236,7 @@ div.images { ...@@ -232,7 +236,7 @@ div.images {
width: 99%; width: 99%;
position: relative; position: relative;
height: 550px; height: 550px;
margin: 15px 0 -15px 0px; margin: 15px 0 -10px 0px;
} }
div.images > a > div { div.images > a > div {
width: 100%; width: 100%;
......
dist/css/todaySpecial.css
...@@ -176,7 +176,7 @@ form { ...@@ -176,7 +176,7 @@ form {
.header .icon-btn_back_r { .header .icon-btn_back_r {
position: absolute; position: absolute;
left: 0.93333333rem; left: 0.93333333rem;
top: 1.06666667rem; margin-top: 0.7rem;
z-index: 10; z-index: 10;
} }
.header .icon-icon_delet { .header .icon-icon_delet {
...@@ -585,8 +585,8 @@ form { ...@@ -585,8 +585,8 @@ form {
right: 0px; right: 0px;
z-index: 10; z-index: 10;
color: #ffffff; color: #ffffff;
font-size: 0.64rem; font-size: 0.74666667rem;
padding: 0.13333333rem 0.26666667rem; padding: 0.26666667rem 1.2rem;
font-weight: 400; font-weight: 400;
opacity: 0.8; opacity: 0.8;
border-top-left-radius: 0; border-top-left-radius: 0;
...@@ -594,6 +594,9 @@ form { ...@@ -594,6 +594,9 @@ form {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 14px; border-bottom-left-radius: 14px;
} }
.outbox li a > .time > span {
color: #FFFFFF;
}
.outbox li a h4 { .outbox li a h4 {
font-size: 0.74666667rem; font-size: 0.74666667rem;
line-height: 1.06666667rem; line-height: 1.06666667rem;
...@@ -607,7 +610,7 @@ form { ...@@ -607,7 +610,7 @@ form {
} }
.outbox li a p b { .outbox li a p b {
display: inline-block; display: inline-block;
color: #ff0000; color: #ff7272;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
padding-right: 0.4rem; padding-right: 0.4rem;
line-height: 0.90666667rem; line-height: 0.90666667rem;
...@@ -618,8 +621,8 @@ form { ...@@ -618,8 +621,8 @@ form {
display: inline-block; display: inline-block;
color: #ccc; color: #ccc;
padding-left: 0.13333333rem; padding-left: 0.13333333rem;
font-size: 0.64rem; font-size: 0.8rem;
line-height: 0.58666667rem; line-height: 0.85333333rem;
vertical-align: middle; vertical-align: middle;
text-align: left; text-align: left;
} }
......
src/less/search.css
...@@ -176,7 +176,7 @@ form { ...@@ -176,7 +176,7 @@ form {
.header .icon-btn_back_r { .header .icon-btn_back_r {
position: absolute; position: absolute;
left: 0.93333333rem; left: 0.93333333rem;
top: 1.06666667rem; margin-top: 0.7rem;
z-index: 10; z-index: 10;
} }
.header .icon-icon_delet { .header .icon-icon_delet {
......
src/less/search.less
...@@ -54,7 +54,7 @@ form{ ...@@ -54,7 +54,7 @@ form{
.icon-btn_back_r{ .icon-btn_back_r{
position: absolute; position: absolute;
.px1rem(left,35); .px1rem(left,35);
.px1rem(top,40); margin-top: 0.7rem;
z-index: 10; z-index: 10;
} }
.icon-icon_delet{ .icon-icon_delet{
......
src/less/selectPhotos.css
...@@ -123,7 +123,7 @@ body { ...@@ -123,7 +123,7 @@ body {
color: #ea1d1d; color: #ea1d1d;
} }
.fixNav { .fixNav {
height: 1.86666667rem; height: 2.66666667rem;
width: 100%; width: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -132,15 +132,19 @@ body { ...@@ -132,15 +132,19 @@ body {
border-bottom: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
} }
.fixNav h3 { .fixNav h3 {
height: 1.86666667rem; height: 2.66666667rem;
line-height: 2.66666667rem;
text-align: center; text-align: center;
font-size: 0.8rem; font-size: 0.85333333rem;
position: relative;
} }
.fixNav h3 > a, .fixNav h3 > a,
.fixNav h3 > i, .fixNav h3 > i,
.fixNav h3 > em { .fixNav h3 > em {
display: inline-block; display: inline-block;
margin: 0.4rem 0.4rem 0rem 0.4rem; margin: 0.8rem 0.4rem 0rem 0.4rem;
position: absolute;
left: 0;
} }
.fixNav h3 > a { .fixNav h3 > a {
float: left; float: left;
...@@ -164,19 +168,19 @@ body { ...@@ -164,19 +168,19 @@ body {
-webkit-column-count: 2; -webkit-column-count: 2;
-webkit-column-gap: 10px; -webkit-column-gap: 10px;
-webkit-column-width: 100%; -webkit-column-width: 100%;
margin-top: 1.89333333rem; margin-top: 2.53333333rem;
} }
.container .indexnav { .container .indexnav {
float: left; float: left;
background: #ff7272; background: #ff7272;
width: 99%; width: 99%;
margin: 15px 0 -15px 0px; margin: 17px 0 4px 0px;
} }
.container .indexnav h3 { .container .indexnav h3 {
text-align: center; text-align: center;
height: 1.6rem; height: 2.66666667rem;
line-height: 1.6rem; line-height: 2.66666667rem;
font-size: 0.74666667rem; font-size: 0.85333333rem;
color: #fff; color: #fff;
} }
.container .indexnav h3 hr { .container .indexnav h3 hr {
...@@ -196,7 +200,7 @@ body { ...@@ -196,7 +200,7 @@ body {
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #FFFFFF; color: #FFFFFF;
font-size: 0.58666667rem; font-size: 0.74666667rem;
} }
.container .indexnav span { .container .indexnav span {
width: 88%; width: 88%;
...@@ -232,7 +236,7 @@ div.images { ...@@ -232,7 +236,7 @@ div.images {
width: 99%; width: 99%;
position: relative; position: relative;
height: 550px; height: 550px;
margin: 15px 0 -15px 0px; margin: 15px 0 -10px 0px;
} }
div.images > a > div { div.images > a > div {
width: 100%; width: 100%;
......
src/less/selectPhotos.less
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
@import "mixins.less"; @import "mixins.less";
.fixNav{ .fixNav{
.px1rem(height,70); .px1rem(height,100);
width: 100%; width: 100%;
position: fixed; position: fixed;
top: 0; top: 0;
...@@ -11,15 +11,19 @@ ...@@ -11,15 +11,19 @@
border-bottom: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
} }
.fixNav h3{ .fixNav h3{
.px1rem(height,70); .px1rem(height,100);
.px1rem(line-height,100);
text-align:center; text-align:center;
.px1rem(font-size,30); .px1rem(font-size,32);
position: relative;
} }
.fixNav h3>a, .fixNav h3>a,
.fixNav h3>i, .fixNav h3>i,
.fixNav h3>em{ .fixNav h3>em{
display: inline-block;; display: inline-block;
.px4rem(margin,15,15,0,15); .px4rem(margin,30,15,0,15);
position: absolute;
left: 0;
} }
.fixNav h3>a{ .fixNav h3>a{
float: left; float: left;
...@@ -46,18 +50,18 @@ ...@@ -46,18 +50,18 @@
-webkit-column-count: 2; -webkit-column-count: 2;
-webkit-column-gap: 10px; -webkit-column-gap: 10px;
-webkit-column-width: 100%; -webkit-column-width: 100%;
.px1rem(margin-top,71); .px1rem(margin-top,95);
.indexnav{ .indexnav{
float: left; float: left;
background: #ff7272; background: #ff7272;
width: 99%; width: 99%;
margin: 15px 0 -15px 0px; margin: 17px 0 4px 0px;
} }
.indexnav h3{ .indexnav h3{
text-align: center; text-align: center;
.px1rem(height,60); .px1rem(height,100);
.px1rem(line-height,60); .px1rem(line-height,100);
.px1rem(font-size,28); .px1rem(font-size,32);
color: #fff; color: #fff;
} }
.indexnav h3 hr{ .indexnav h3 hr{
...@@ -77,7 +81,7 @@ ...@@ -77,7 +81,7 @@
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #FFFFFF; color: #FFFFFF;
.px1rem(font-size,22); .px1rem(font-size,28);
} }
.indexnav span{ .indexnav span{
width: 88%; width: 88%;
...@@ -115,7 +119,7 @@ div.images { ...@@ -115,7 +119,7 @@ div.images {
width: 99%; width: 99%;
position: relative; position: relative;
height: 550px; height: 550px;
margin: 15px 0 -15px 0px; margin: 15px 0 -10px 0px;
> a { > a {
> div { > div {
width: 100%; width: 100%;
......
src/less/todaySpecial.css
...@@ -176,7 +176,7 @@ form { ...@@ -176,7 +176,7 @@ form {
.header .icon-btn_back_r { .header .icon-btn_back_r {
position: absolute; position: absolute;
left: 0.93333333rem; left: 0.93333333rem;
top: 1.06666667rem; margin-top: 0.7rem;
z-index: 10; z-index: 10;
} }
.header .icon-icon_delet { .header .icon-icon_delet {
...@@ -585,8 +585,8 @@ form { ...@@ -585,8 +585,8 @@ form {
right: 0px; right: 0px;
z-index: 10; z-index: 10;
color: #ffffff; color: #ffffff;
font-size: 0.64rem; font-size: 0.74666667rem;
padding: 0.13333333rem 0.26666667rem; padding: 0.26666667rem 1.2rem;
font-weight: 400; font-weight: 400;
opacity: 0.8; opacity: 0.8;
border-top-left-radius: 0; border-top-left-radius: 0;
...@@ -594,6 +594,9 @@ form { ...@@ -594,6 +594,9 @@ form {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 14px; border-bottom-left-radius: 14px;
} }
.outbox li a > .time > span {
color: #FFFFFF;
}
.outbox li a h4 { .outbox li a h4 {
font-size: 0.74666667rem; font-size: 0.74666667rem;
line-height: 1.06666667rem; line-height: 1.06666667rem;
...@@ -607,7 +610,7 @@ form { ...@@ -607,7 +610,7 @@ form {
} }
.outbox li a p b { .outbox li a p b {
display: inline-block; display: inline-block;
color: #ff0000; color: #ff7272;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
padding-right: 0.4rem; padding-right: 0.4rem;
line-height: 0.90666667rem; line-height: 0.90666667rem;
...@@ -618,8 +621,8 @@ form { ...@@ -618,8 +621,8 @@ form {
display: inline-block; display: inline-block;
color: #ccc; color: #ccc;
padding-left: 0.13333333rem; padding-left: 0.13333333rem;
font-size: 0.64rem; font-size: 0.8rem;
line-height: 0.58666667rem; line-height: 0.85333333rem;
vertical-align: middle; vertical-align: middle;
text-align: left; text-align: left;
} }
......
src/less/todaySpecial.less
...@@ -44,14 +44,17 @@ ...@@ -44,14 +44,17 @@
right: 0px; right: 0px;
z-index: 10; z-index: 10;
color: #ffffff; color: #ffffff;
.px1rem(font-size,24); .px1rem(font-size,28);
.px2rem(padding,5,10); .px2rem(padding,10,45);
font-weight: 400; font-weight: 400;
opacity: 0.8; opacity: 0.8;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 14px; border-top-right-radius: 14px;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 14px; border-bottom-left-radius: 14px;
>span{
color: #FFFFFF;
}
} }
.outbox li a h4 { .outbox li a h4 {
.px1rem(font-size,28); .px1rem(font-size,28);
...@@ -66,7 +69,7 @@ ...@@ -66,7 +69,7 @@
} }
.outbox li a p b { .outbox li a p b {
display: inline-block; display: inline-block;
color: #ff0000; color: #ff7272;
border-right: 1px solid #cccccc; border-right: 1px solid #cccccc;
.px1rem(padding-right,15); .px1rem(padding-right,15);
.px1rem(line-height,34); .px1rem(line-height,34);
...@@ -77,8 +80,8 @@ ...@@ -77,8 +80,8 @@
display: inline-block; display: inline-block;
color: #ccc; color: #ccc;
.px1rem(padding-left,5); .px1rem(padding-left,5);
.px1rem(font-size,24); .px1rem(font-size,30);
.px1rem(line-height,22); .px1rem(line-height,32);
vertical-align: middle; vertical-align: middle;
text-align: left; text-align: left;
} }
......
src/pages/selectedPhotos.html
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
<div class="fixNav"> <div class="fixNav">
<h3> <h3>
<a class="icon-btn_back_r" href="../../src/pages/index.html"></a><span>特惠</span> <a class="icon-btn_back_r" href="../../src/pages/index.html"></a>特惠
</h3> </h3>
</div> </div>
......
src/pages/todaySpecial.html
...@@ -47,6 +47,7 @@ ...@@ -47,6 +47,7 @@
<span class="hour">03</span>: <span class="hour">03</span>:
<span class="minutes">06</span>: <span class="minutes">06</span>:
<span class="seconds">07</span> <span class="seconds">07</span>
结束
</span> </span>
</a> </a>
</li> </li>
...@@ -67,6 +68,7 @@ ...@@ -67,6 +68,7 @@
<span class="hour">03</span>: <span class="hour">03</span>:
<span class="minutes">06</span>: <span class="minutes">06</span>:
<span class="seconds">07</span> <span class="seconds">07</span>
结束
</span> </span>
</a> </a>
</li> </li>
...@@ -87,6 +89,7 @@ ...@@ -87,6 +89,7 @@
<span class="hour">03</span>: <span class="hour">03</span>:
<span class="minutes">06</span>: <span class="minutes">06</span>:
<span class="seconds">07</span> <span class="seconds">07</span>
结束
</span> </span>
</a> </a>
</li> </li>
...@@ -121,7 +124,7 @@ ...@@ -121,7 +124,7 @@
<script type="text/javascript"> <script type="text/javascript">
// 倒计时 // 倒计时
setInterval( function () { setInterval( function () {
countDown('2016-11-31 12:12:12',$(".count-down-time")); countDown('2016-11-12 09:12:12',$(".count-down-time"));
countDown('2016-10-18 05:37:46',$(".setTime1")); countDown('2016-10-18 05:37:46',$(".setTime1"));
countDown('2016-09-14 09:26:29',$(".setTime2")); countDown('2016-09-14 09:26:29',$(".setTime2"));
countDown('2016-08-31 12:53:03',$(".setTime3")); countDown('2016-08-31 12:53:03',$(".setTime3"));
......
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