Skip to content

Y
ypl_mobile_web
Commit 35d47ae4 by jane0302
Options

'addicon'

parent dfad5ca3
Pipeline #1061 skipped in 0 seconds
Showing with 198 additions and 101 deletions
dist/css/appointment.css
...@@ -274,11 +274,11 @@ body { ...@@ -274,11 +274,11 @@ body {
} }
.appoinmentDetails > div.details ul li > .cancelBlock { .appoinmentDetails > div.details ul li > .cancelBlock {
width: 100%; width: 100%;
margin-top: 2.88rem; margin-top: 3.62666667rem;
} }
.appoinmentDetails > div.details ul li > .cancelBtn { .appoinmentDetails > div.details ul li > .cancelBtn {
width: 85%; width: 85%;
margin: 2.88rem 0rem 0rem 0rem; margin: 3.2rem 0rem 0rem 0rem;
float: right; float: right;
position: relative; position: relative;
} }
...@@ -288,15 +288,16 @@ body { ...@@ -288,15 +288,16 @@ body {
left: -2.66666667rem; left: -2.66666667rem;
top: 0.4rem; top: 0.4rem;
font-size: 0.58666667rem; font-size: 0.58666667rem;
height: 0.66666667rem;
} }
.appoinmentDetails > div.details ul li > .cancelBtn > span > i { .appoinmentDetails > div.details ul li > .cancelBtn > span > i {
display: block; display: block;
position: absolute; position: absolute;
top: 0.26666667rem; top: 0.26666667rem;
left: 1.06666667rem; left: 1.01333333rem;
} }
.appoinmentDetails > div.details ul li > .praise { .appoinmentDetails > div.details ul li > .praise {
margin-top: 6.24rem; margin-top: 7.57333333rem;
} }
.appoinmentDetails > div.details ul li > .pay { .appoinmentDetails > div.details ul li > .pay {
width: 100%; width: 100%;
...@@ -520,18 +521,20 @@ body { ...@@ -520,18 +521,20 @@ body {
} }
.photos > ul li div { .photos > ul li div {
display: block; display: block;
width: 100%;
margin-bottom: 0.53333333rem; margin-bottom: 0.53333333rem;
height: 13.86666667rem; max-height: 13.86666667rem;
overflow: hidden; overflow: hidden;
} }
.photos > ul li div > img { .photos > ul li div > img {
width: 100%;
overflow: hidden; overflow: hidden;
} }
.photos > div.confirmPhotos { .photos div.confirmPhotos {
height: 2.66666667rem; height: 2.66666667rem;
line-height: 2.66666667rem; line-height: 2.66666667rem;
width: 20rem; width: 100%;
padding-left: 0.8rem; padding-left: 1.33333333rem;
font-size: 0.74666667rem; font-size: 0.74666667rem;
background: #ffffff; background: #ffffff;
color: #999999; color: #999999;
...@@ -539,7 +542,7 @@ body { ...@@ -539,7 +542,7 @@ body {
top: 26.66666667rem; top: 26.66666667rem;
z-index: 10; z-index: 10;
} }
.photos > div.confirmPhotos > a.confirmBtn { .photos div.confirmPhotos > input[type='submit'] {
width: 100%; width: 100%;
display: block; display: block;
height: 2.13333333rem; height: 2.13333333rem;
...@@ -549,10 +552,29 @@ body { ...@@ -549,10 +552,29 @@ body {
text-align: center; text-align: center;
font-size: 0.85333333rem; font-size: 0.85333333rem;
width: 12.26666667rem; width: 12.26666667rem;
border-radius: 0.16rem; border-radius: 0.21333333rem;
margin: 0.26666667rem 0.53333333rem; margin: 0.29333333rem 0.26666667rem 0.29333333rem 0.53333333rem;
border: 1px solid #ff7272;
float: right; float: right;
} }
.photos div.confirmPhotos > .checkbox {
display: inline-block;
width: 0.66666667rem;
height: 0.66666667rem;
border: 1px solid #cccccc;
position: absolute;
top: 1.04rem;
left: 0.4rem;
}
.photos div.confirmPhotos > .checkbox > i.icon-icon_select {
display: inline-block;
position: absolute ;
top: 0.08rem;
left: 0.05333333rem;
}
.photos div.confirmPhotos > .checkbox > input[type='checkbox'] {
display: none;
}
/*模态效果样式*/ /*模态效果样式*/
#lean_overlay { #lean_overlay {
position: fixed; position: fixed;
......
dist/css/personalPage.css
...@@ -111,6 +111,9 @@ body { ...@@ -111,6 +111,9 @@ body {
z-index: 5; z-index: 5;
} }
.photographer-video > P { .photographer-video > P {
position: absolute;
bottom: 0rem;
left: 0.53333333rem;
line-hegiht: 1.33333333rem; line-hegiht: 1.33333333rem;
font-size: 0.74666667rem; font-size: 0.74666667rem;
margin-left: 4.8rem; margin-left: 4.8rem;
...@@ -120,6 +123,9 @@ body { ...@@ -120,6 +123,9 @@ body {
.photographer-video > P > i { .photographer-video > P > i {
display: inline-block; display: inline-block;
} }
.personPage {
height: 8rem;
}
/*个人主页和个人中心页面*/ /*个人主页和个人中心页面*/
.personPro { .personPro {
color: #575757; color: #575757;
...@@ -170,14 +176,10 @@ body { ...@@ -170,14 +176,10 @@ body {
.personPro > span.num { .personPro > span.num {
width: 49%; width: 49%;
} }
.personalList {
margin-bottom: 4.8rem;
}
.personalList ul li { .personalList ul li {
text-align: left; text-align: left;
padding: 0rem 0.53333333rem 0rem 1.86666667rem; padding: 0rem 0.53333333rem 0rem 1.86666667rem;
border-bottom: 1px solid #cccccc; font-size: 0.8rem;
font-size: 0.85333333rem;
height: 2.4rem; height: 2.4rem;
line-height: 2.4rem; line-height: 2.4rem;
position: relative; position: relative;
...@@ -185,31 +187,35 @@ body { ...@@ -185,31 +187,35 @@ body {
} }
.personalList ul li > i { .personalList ul li > i {
display: inline-block; display: inline-block;
/* .px1rem(line-height,90);*/
margin: 0rem 0.69333333rem 0rem 0rem; margin: 0rem 0.69333333rem 0rem 0rem;
position: absolute; position: absolute;
top: 0.96rem; top: 0.85333333rem;
left: 0.66666667rem; left: 0.66666667rem;
} }
.personalList ul li > em { .personalList ul li > a {
display: inline-block; display: inline-block;
float: right; float: right;
margin-top: 1.06666667rem; margin-top: 0.8rem;
} }
/*底部*/ /*底部*/
.footer { .footer {
height: 2.82666667rem; height: 2.13333333rem;
font-size: 0.74666667rem; font-size: 0.69333333rem;
margin-top: 5.86666667rem;
border-top: 1px solid #cccccc; border-top: 1px solid #cccccc;
} }
.footer > span { .footer > span {
color: #acacac; margin-top: 0.53333333rem;
margin-top: 1.6rem;
display: inline-block; display: inline-block;
width: 49%; width: 49.5%;
text-align: center; text-align: center;
position: relative; position: relative;
color: #747474;
} }
.footer > span > i { .footer > span > i {
display: block; display: block;
margin: 0rem 4.77333333rem 0.13333333rem 4.61333333rem;
}
.footer > .red {
color: #ea1d1d;
} }
dist/css/photographyPage.css
...@@ -111,6 +111,9 @@ body { ...@@ -111,6 +111,9 @@ body {
z-index: 5; z-index: 5;
} }
.photographer-video > P { .photographer-video > P {
position: absolute;
bottom: 0rem;
left: 0.53333333rem;
line-hegiht: 1.33333333rem; line-hegiht: 1.33333333rem;
font-size: 0.74666667rem; font-size: 0.74666667rem;
margin-left: 4.8rem; margin-left: 4.8rem;
...@@ -120,6 +123,9 @@ body { ...@@ -120,6 +123,9 @@ body {
.photographer-video > P > i { .photographer-video > P > i {
display: inline-block; display: inline-block;
} }
.personPage {
height: 8rem;
}
/*个人主页和个人中心页面*/ /*个人主页和个人中心页面*/
.personPro { .personPro {
color: #575757; color: #575757;
...@@ -170,14 +176,10 @@ body { ...@@ -170,14 +176,10 @@ body {
.personPro > span.num { .personPro > span.num {
width: 49%; width: 49%;
} }
.personalList {
margin-bottom: 4.8rem;
}
.personalList ul li { .personalList ul li {
text-align: left; text-align: left;
padding: 0rem 0.53333333rem 0rem 1.86666667rem; padding: 0rem 0.53333333rem 0rem 1.86666667rem;
border-bottom: 1px solid #cccccc; font-size: 0.8rem;
font-size: 0.85333333rem;
height: 2.4rem; height: 2.4rem;
line-height: 2.4rem; line-height: 2.4rem;
position: relative; position: relative;
...@@ -185,33 +187,37 @@ body { ...@@ -185,33 +187,37 @@ body {
} }
.personalList ul li > i { .personalList ul li > i {
display: inline-block; display: inline-block;
/* .px1rem(line-height,90);*/
margin: 0rem 0.69333333rem 0rem 0rem; margin: 0rem 0.69333333rem 0rem 0rem;
position: absolute; position: absolute;
top: 0.96rem; top: 0.85333333rem;
left: 0.66666667rem; left: 0.66666667rem;
} }
.personalList ul li > em { .personalList ul li > a {
display: inline-block; display: inline-block;
float: right; float: right;
margin-top: 1.06666667rem; margin-top: 0.8rem;
} }
/*底部*/ /*底部*/
.footer { .footer {
height: 2.82666667rem; height: 2.13333333rem;
font-size: 0.74666667rem; font-size: 0.69333333rem;
margin-top: 5.86666667rem;
border-top: 1px solid #cccccc; border-top: 1px solid #cccccc;
} }
.footer > span { .footer > span {
color: #acacac; margin-top: 0.53333333rem;
margin-top: 1.6rem;
display: inline-block; display: inline-block;
width: 49%; width: 49.5%;
text-align: center; text-align: center;
position: relative; position: relative;
color: #747474;
} }
.footer > span > i { .footer > span > i {
display: block; display: block;
margin: 0rem 4.77333333rem 0.13333333rem 4.61333333rem;
}
.footer > .red {
color: #ea1d1d;
} }
/* 用户详细信息介绍 */ /* 用户详细信息介绍 */
body { body {
......
dist/img/icon.png
dist/img/icon.png

154 KB | W: | H:

dist/img/icon.png

155 KB | W: | H:

dist/img/icon.png
dist/img/icon.png
dist/img/icon.png
dist/img/icon.png
  • 2-up
  • Swipe
  • Onion skin
src/less/appointment.less
...@@ -154,11 +154,11 @@ body{ ...@@ -154,11 +154,11 @@ body{
} }
>.cancelBlock{ >.cancelBlock{
width: 100%; width: 100%;
.px1rem(margin-top,108); .px1rem(margin-top,136);
} }
>.cancelBtn{ >.cancelBtn{
width: 85%; width: 85%;
.px4rem(margin,108,0,0,0); .px4rem(margin,120,0,0,0);
float:right; float:right;
position: relative; position: relative;
>span{ >span{
...@@ -167,16 +167,17 @@ body{ ...@@ -167,16 +167,17 @@ body{
.px1rem(left,-100); .px1rem(left,-100);
.px1rem(top,15); .px1rem(top,15);
.px1rem(font-size,22); .px1rem(font-size,22);
.px1rem(height,25);
>i{ >i{
display: block; display: block;
position: absolute; position: absolute;
.px1rem(top,10); .px1rem(top,10);
.px1rem(left,40); .px1rem(left,38);
} }
} }
} }
>.praise{ >.praise{
.px1rem(margin-top,234); .px1rem(margin-top,284);
} }
>.pay{ >.pay{
.largeBtn(90,#ff7272,28); .largeBtn(90,#ff7272,28);
...@@ -369,31 +370,52 @@ body{ ...@@ -369,31 +370,52 @@ body{
position: relative; position: relative;
>ul li div{ >ul li div{
display: block; display: block;
width:100%;
.px1rem(margin-bottom,20); .px1rem(margin-bottom,20);
.px1rem(height,520); .px1rem(max-height,520);
overflow: hidden; overflow: hidden;
>img{ >img{
width:100%;
overflow: hidden; overflow: hidden;
} }
} }
>div.confirmPhotos{ div.confirmPhotos{
.px1rem(height,100); .px1rem(height,100);
.px1rem(line-height,100); .px1rem(line-height,100);
.px1rem(width,750); width:100%;
.px1rem(padding-left,30); .px1rem(padding-left,50);
.px1rem(font-size,28); .px1rem(font-size,28);
background: #ffffff; background: #ffffff;
color:#999999; color:#999999;
position:fixed; position:fixed;
.px1rem(top,1000); .px1rem(top,1000);
z-index: 10; z-index: 10;
>a.confirmBtn{ >input[type='submit']{
.largeBtn(80,#ff7272,32); .largeBtn(80,#ff7272,32);
.px1rem(width,460); .px1rem(width,460);
.px1rem(border-radius,6); .px1rem(border-radius,8);
.px2rem(margin,10,20); .px4rem(margin,11,10,11,20);
border:1px solid #ff7272;
float:right; float:right;
} }
>.checkbox{
display: inline-block;
.px1rem(width,25);
.px1rem(height,25);
border: 1px solid #cccccc;
position: absolute;
.px1rem(top,39);
.px1rem(left,15);
>i.icon-icon_select{
display: inline-block;
position:absolute ;
.px1rem(top,3);
.px1rem(left,2);
}
>input[type='checkbox']{
display: none;
}
}
} }
} }
......
src/less/personalPage.less
...@@ -30,6 +30,9 @@ ...@@ -30,6 +30,9 @@
z-index: 5; z-index: 5;
} }
>P{ >P{
position: absolute;
.px1rem(bottom,0);
.px1rem(left,20);
>i{ >i{
display:inline-block; display:inline-block;
} }
...@@ -40,6 +43,9 @@ ...@@ -40,6 +43,9 @@
font-weight:400; font-weight:400;
} }
} }
.personPage{
.px1rem(height,300);
}
/*个人主页和个人中心页面*/ /*个人主页和个人中心页面*/
.personPro{ .personPro{
color:#575757; color:#575757;
...@@ -85,45 +91,47 @@ ...@@ -85,45 +91,47 @@
} }
} }
.personalList{ .personalList{
.px1rem(margin-bottom,180);
ul li{ ul li{
text-align: left; text-align: left;
.px4rem(padding,0,20,0,70); .px4rem(padding,0,20,0,70);
border-bottom: 1px solid #cccccc; .px1rem(font-size,30);
.px1rem(font-size,32);
.px1rem(height,90); .px1rem(height,90);
.px1rem(line-height,90); .px1rem(line-height,90);
position: relative; position: relative;
display: block; display: block;
>i{ >i{
display: inline-block; display: inline-block;
/* .px1rem(line-height,90);*/
.px4rem(margin,0,26,0,0); .px4rem(margin,0,26,0,0);
position: absolute; position: absolute;
.px1rem(top,36); .px1rem(top,32);
.px1rem(left,25); .px1rem(left,25);
} }
>em{ >a{
display:inline-block; display:inline-block;
float:right; float:right;
.px1rem(margin-top,40); .px1rem(margin-top,30);
} }
} }
} }
/*底部*/ /*底部*/
.footer{ .footer{
.px1rem(height,106); .px1rem(height,80);
.px1rem(font-size,28); .px1rem(font-size,26);
.px1rem(margin-top,220);
border-top: 1px solid #cccccc; border-top: 1px solid #cccccc;
>span{ >span{
color:#acacac; .px1rem(margin-top,20);
.px1rem(margin-top,60);
display: inline-block; display: inline-block;
width:49%; width:49.5%;
text-align: center; text-align: center;
position: relative; position: relative;
color:#747474;
>i{ >i{
display: block; display: block;
.px4rem(margin,0,179,5,173);
}
} }
>.red{
color: #ea1d1d;
} }
} }
\ No newline at end of file
src/pages/orderDetails_orders.html
...@@ -28,15 +28,15 @@ ...@@ -28,15 +28,15 @@
<p>订单总价：<em>6758 <del>7000</del></em></p> <p>订单总价：<em>6758 <del>7000</del></em></p>
<p>优惠折扣： <em>-758</em></p> <p>优惠折扣： <em>-758</em></p>
<p>支付宝支付： <em class="red">￥6000</em></p> <p>支付宝支付： <em class="red">￥6000</em></p>
<a class="message"><i></i> 查看留言</a> <a class="message"><i class="icon-leave_message"></i> 查看留言</a>
</div> </div>
</section> </section>
<section class="photographerStar"> <section class="photographerStar">
<h2> <h2>
摄影师星级：<i></i> 摄影师星级：<i></i>
</h2> </h2>
<span><i></i> 太阳卷卷毛</span> <span><i class="icon-private-letter"></i>太阳卷卷毛</span>
<span><i></i> 15203666845</span> <span><i class="icon-call"></i> 15203666845</span>
</section> </section>
<form action=""> <form action="">
<section class="appoinmentDetails"> <section class="appoinmentDetails">
......
src/pages/orderDetails_over.html
...@@ -28,15 +28,15 @@ ...@@ -28,15 +28,15 @@
<p>订单总价：<em>6758 <del>7000</del></em></p> <p>订单总价：<em>6758 <del>7000</del></em></p>
<p>优惠折扣： <em>-758</em></p> <p>优惠折扣： <em>-758</em></p>
<p>支付宝支付： <em class="red">￥6000</em></p> <p>支付宝支付： <em class="red">￥6000</em></p>
<a class="message"><i></i> 查看留言</a> <a class="message"><i class="icon-leave_message"></i> 查看留言</a>
</div> </div>
</section> </section>
<section class="photographerStar"> <section class="photographerStar">
<h2> <h2>
摄影师星级：<i></i> 摄影师星级：<i></i>
</h2> </h2>
<span><i></i> 太阳卷卷毛</span> <span><i class="icon-private-letter"></i>太阳卷卷毛</span>
<span><i></i> 15203666845</span> <span><i class="icon-call"></i> 15203666845</span>
</section> </section>
<form action=""> <form action="">
<section class="appoinmentDetails"> <section class="appoinmentDetails">
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
<p>客户收片：2016-07-19 13:24</p> <p>客户收片：2016-07-19 13:24</p>
</li> </li>
<li> <li>
<a href="" class="cancel cancelBtn" style="background: #ff7272"> <span><i></i>联系客服 </span>确认服务结束</a> <a href="" class="cancel cancelBtn" style="background: #ff7272"> <span><i class="icon-icon_service"></i>联系客服 </span>确认服务结束</a>
</li> </li>
</ul> </ul>
</div> </div>
......
src/pages/orderDetails_pay.html
...@@ -25,15 +25,15 @@ ...@@ -25,15 +25,15 @@
</div> </div>
<div> <div>
<h2>套系名字...(微信购买)</h2> <h2>套系名字...(微信购买)</h2>
<a class="message"><i></i> 查看留言</a> <a class="message"><i class="icon-leave_message"></i> 查看留言</a>
</div> </div>
</section> </section>
<section class="photographerStar"> <section class="photographerStar">
<h2> <h2>
摄影师星级：<i></i> 摄影师星级：<i></i>
</h2> </h2>
<span><i></i> 太阳卷卷毛</span> <span><i class="icon-private-letter"></i> 太阳卷卷毛</span>
<span><i></i> 15203666845</span> <span><i class="icon-call"></i>15203666845</span>
</section> </section>
<form action=""> <form action="">
<section class="appoinmentDetails"> <section class="appoinmentDetails">
......
src/pages/orderDetails_photo.html
...@@ -28,15 +28,15 @@ ...@@ -28,15 +28,15 @@
<p>订单总价：<em>6758 <del>7000</del></em></p> <p>订单总价：<em>6758 <del>7000</del></em></p>
<p>优惠折扣： <em>-758</em></p> <p>优惠折扣： <em>-758</em></p>
<p>支付宝支付： <em class="red">￥6000</em></p> <p>支付宝支付： <em class="red">￥6000</em></p>
<a class="message"><i></i> 查看留言</a> <a class="message"><i class="icon-leave_message"></i> 查看留言</a>
</div> </div>
</section> </section>
<section class="photographerStar"> <section class="photographerStar">
<h2> <h2>
摄影师星级：<i></i> 摄影师星级：<i></i>
</h2> </h2>
<span><i></i> 太阳卷卷毛</span> <span><i class="icon-private-letter"></i>太阳卷卷毛</span>
<span><i></i> 15203666845</span> <span><i class="icon-call"></i> 15203666845</span>
</section> </section>
<form action=""> <form action="">
<section class="appoinmentDetails"> <section class="appoinmentDetails">
......
src/pages/orderDetails_receive.html
...@@ -28,15 +28,15 @@ ...@@ -28,15 +28,15 @@
<p>订单总价：<em>6758 <del>7000</del></em></p> <p>订单总价：<em>6758 <del>7000</del></em></p>
<p>优惠折扣： <em>-758</em></p> <p>优惠折扣： <em>-758</em></p>
<p>支付宝支付： <em class="red">￥6000</em></p> <p>支付宝支付： <em class="red">￥6000</em></p>
<a class="message"><i></i> 查看留言</a> <a class="message"><i class="icon-leave_message"></i> 查看留言</a>
</div> </div>
</section> </section>
<section class="photographerStar"> <section class="photographerStar">
<h2> <h2>
摄影师星级：<i></i> 摄影师星级：<i></i>
</h2> </h2>
<span><i></i> 太阳卷卷毛</span> <span><i class="icon-private-letter"></i> 太阳卷卷毛</span>
<span><i></i> 15203666845</span> <span><i class="icon-call"></i> 15203666845</span>
</section> </section>
<form action=""> <form action="">
<section class="appoinmentDetails"> <section class="appoinmentDetails">
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
<p>成片发送时间：2016-07-16 13:24</p> <p>成片发送时间：2016-07-16 13:24</p>
</li> </li>
<li> <li>
<a href="" class="cancel cancelBtn" style="background: #ff7272"> <span><i></i>联系客服 </span>查看成片</a> <a href="" class="cancel cancelBtn" style="background: #ff7272"> <span><i class="icon-icon_service"></i>联系客服 </span>查看成片</a>
</li> </li>
</ul> </ul>
</div> </div>
......
src/pages/orderDetails_revision.html
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<li> <li>
<div class="judgments"> <div class="judgments">
<small>（需高于原评价且在3星以上，只可修改一次）</small> <small>（需高于原评价且在3星以上，只可修改一次）</small>
<h2>请对服务进行评星：<i></i> </h2> <h2>请对服务进行评星：<i class="stars"></i> </h2>
<textarea name="" id="" cols="50" rows="10" placeholder="小主，你还有什么话想说的么~"></textarea> <textarea name="" id="" cols="50" rows="10" placeholder="小主，你还有什么话想说的么~"></textarea>
</div> </div>
<span class="bg"></span> <span class="bg"></span>
......
src/pages/orderDetails_shot.html
...@@ -28,15 +28,15 @@ ...@@ -28,15 +28,15 @@
<p>订单总价：<em>6758 <del>7000</del></em></p> <p>订单总价：<em>6758 <del>7000</del></em></p>
<p>优惠折扣： <em>-758</em></p> <p>优惠折扣： <em>-758</em></p>
<p>支付宝支付： <em class="red">￥6000</em></p> <p>支付宝支付： <em class="red">￥6000</em></p>
<a class="message"><i></i> 查看留言</a> <a class="message"><i class="icon-leave_message"></i> 查看留言</a>
</div> </div>
</section> </section>
<section class="photographerStar"> <section class="photographerStar">
<h2> <h2>
摄影师星级：<i></i> 摄影师星级：<i></i>
</h2> </h2>
<span><i></i> 太阳卷卷毛</span> <span><i class="icon-private-letter"></i> 太阳卷卷毛</span>
<span><i></i> 15203666845</span> <span><i class="icon-call"></i> 15203666845</span>
</section> </section>
<form action=""> <form action="">
<section class="appoinmentDetails"> <section class="appoinmentDetails">
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
<p>拍摄档期修改：2016-06-29 17:24</p> <p>拍摄档期修改：2016-06-29 17:24</p>
</li> </li>
<li> <li>
<a href="" class="cancel cancelBtn"> <span><i></i>联系客服 </span>取消订单</a> <a href="" class="cancel cancelBtn"> <span><i class="icon-icon_service"></i>联系客服 </span>取消订单</a>
</li> </li>
</ul> </ul>
</div> </div>
......
src/pages/orderDetails_viewPhoto.html
...@@ -23,23 +23,42 @@ ...@@ -23,23 +23,42 @@
</li> </li>
<li> <li>
<div> <div>
<img src="../img/tokyo.png" alt=""/> <img src="../img/example.png" alt=""/>
</div> </div>
</li> </li>
<li> <li>
<div> <div>
<img src="../img/tokyo.png" alt=""/> <img src="../img/test.png" alt=""/>
</div> </div>
</li> </li>
</ul> </ul>
<form action="">
<div class="confirmPhotos"> <div class="confirmPhotos">
<input type="checkbox" value="分享到个人中心"/>分享到个人中心 <span class="checkbox">
<a href="" class="confirmBtn ">收片并确认服务结束</a> <i class="icon-icon_select"></i>
<input type="checkbox" value="分享到个人中心"/>
</span>
分享到个人中心
<input type="submit" value="收片并确认服务结束"/>
</div> </div>
</form>
</section> </section>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../../src/js/flexible.js"></script> <script src="../../src/js/flexible.js"></script>
<script src="../js/public.js"></script> <script src="../js/public.js"></script>
<script>
var select = $(".checkbox");
var hook=select.find("i");
select.click(function(){
hook.toggleClass("icon-icon_select");
if(hook.hasClass("icon-icon_select")){
select.find("input[type='checkbox']").attr("checked",true);
}else{
select.find("input[type='checkbox']").attr("checked",false);
}
})
</script>
</body> </body>
</html> </html>
\ No newline at end of file
src/pages/personalCenter .html
...@@ -8,11 +8,11 @@ ...@@ -8,11 +8,11 @@
<title>米拍：个人中心</title> <title>米拍：个人中心</title>
<link rel="stylesheet" href="../../dist/css/base.css"> <link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/personalPage.css"> <link rel="stylesheet" href="../../dist/css/personalPage.css">
<link rel="stylesheet" href="../../dist/css/icon2x.css"> <link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head> </head>
<body> <body>
<section class="photographer-video"> <section class="photographer-video personPage">
<p><i></i> <em>太阳卷卷毛</em> 四川 成都</p> <p><i class="icon-icon_man"></i> <em>太阳卷卷毛</em> 四川 成都</p>
</section> </section>
<section class="personPro"> <section class="personPro">
<div> <div>
...@@ -24,27 +24,39 @@ ...@@ -24,27 +24,39 @@
</section> </section>
<section class="personalList"> <section class="personalList">
<ul> <ul>
<li><i class="icon-icon_order2"></i> 我的订单 <em class="right icon-btn_next2"> </em></li> <li><i class="icon-icon_order"></i> 我的订单 <a href="" class="right icon-order_next"> </a></li>
<li><i class="icon-icon_discuss2"></i> 订单评价 <em class="right icon-btn_next2"> </em></li> <li><i class="icon-icon_discuss"></i> 订单评价 <a href="" class="right icon-order_next"> </a></li>
<li><i class="icon-icon_sale2"></i> 我的优惠劵 <em class="right icon-btn_next2"> </em></li> <li><i class="icon-icon_sale"></i> 我的优惠劵 <a href="" class="right icon-order_next"> </a></li>
<span class="gap"></span> <span class="gap"></span>
<li><i class="icon-icon_suit2 "></i> 相册 <em class="right icon-btn_next2"> </em></li> <li><i class="icon-icon_suit "></i> 相册 <a href="" class="right icon-order_next"> </a></li>
<li><i></i> 下载约拍APP <em class="right icon-btn_next2"> </em></li> <li><i></i> 下载约拍APP <a href="" class="right icon-order_next"> </a></li>
</ul> </ul>
</section> </section>
<footer class="footer"> <footer class="footer" id="footer">
<span> <span>
<i></i><a>主页</a> <i class="icon-icon_home_normal"></i>主页
</span> </span>
<span> <span class="red">
<i></i><a>我的</a> <i class="icon-icon_me_check"></i>我的
</span> </span>
</footer> </footer>
<script src="../../src/js/jquery.min.js"></script> <script src="../../src/js/jquery.min.js"></script>
<script src="../../src/js/flexible.js"></script> <script src="../../src/js/flexible.js"></script>
<script src="../js/public.js"></script> <script src="../js/public.js"></script>
<script> <script>
var icon=$("#footer").find("span");
icon.click(function(){
var ico1=icon.eq(0).find("i");
var ico2=icon.eq(1).find("i");
$(this).addClass("red").siblings().removeClass("red");
if($(this).index()==0){
ico1.removeClass("icon-icon_home_normal").addClass("icon-icon_home_check");
ico2.removeClass("icon-icon_me_check").addClass("icon-icon_me_normal");
}else{
ico1.removeClass("icon-icon_home_check").addClass("icon-icon_home_normal");
ico2.removeClass("icon-icon_me_normal").addClass("icon-icon_me_check");
}
});
</script> </script>
</body> </body>
......
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