Skip to content

Y
ypl_mobile_web
Commit b54dbd73 by jane0302
Options

'over'

parent 6f057636
Showing with 440 additions and 189 deletions
dist/css/bind.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/common.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/coupon.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/fillInformation.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/master.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/mixins.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/myOrder.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......@@ -220,7 +221,7 @@ body {
height: 0.56rem;
width: 3.2rem;
overflow: hidden;
background: url("../../dist/img/sprites-sale.png") no-repeat 0px 1px;
background: url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
/*五星好评媒体样式*/
vertical-align: middle;
margin-top: 0.45333333rem;
......@@ -230,9 +231,9 @@ body {
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 0.82666667rem;
height: 33px;
width: 5.33333333rem;
background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px 0px;
background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
}
}
@media (min-width: 1041px) {
......@@ -240,9 +241,9 @@ body {
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 0.82666667rem;
height: 53px;
width: 4.8rem;
background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px 0px;
background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
}
}
.reviewsDetails > p {
......
dist/css/personalPage.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/photographyPage.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......@@ -289,44 +290,130 @@ body {
display: block;
font-weight: 400;
margin-bottom: 0.53333333rem;
font-size: 0.8rem;
}
.user .user-detail > em {
display: block;
}
.user .user-detail > em > i {
display: inline-block;
margin: 0.05333333rem 0.16rem 0rem 0rem;
margin-right: 0.16rem;
vertical-align: middle;
}
.user .user-detail p {
.user .user-detail > span {
display: inline-block;
height: 0.90666667rem;
line-height: 0.90666667rem;
overflow: hidden;
position: relative;
vertical-align: middle;
text-align: center;
}
.user .user-detail .stars {
.user .user-detail > span > .emptyStar {
display: inline-block;
height: 0.56rem;
width: 3.04rem;
height: 0.53333333rem;
width: 3.2rem;
vertical-align: middle;
overflow: hidden;
background: url("../../dist/img/sprites-sale.png") no-repeat 0px 1px;
background: url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
/*五星好评媒体样式*/
background: url("../../dist/img/sprites-sale.png") no-repeat 0px -15px;
/*空星差评媒体样式*/
}
@media (min-width: 650px) and (max-width: 1040px) {
.user .user-detail .stars {
.user .user-detail > span > .emptyStar {
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 0.82666667rem;
height: 33px;
width: 5.33333333rem;
background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px 0px;
background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
}
}
@media (min-width: 1041px) {
.user .user-detail > span > .emptyStar {
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 53px;
width: 4.8rem;
background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
}
}
@media (min-width: 650px) and (max-width: 1040px) {
.user .user-detail > span > .emptyStar {
background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px -32px;
}
}
@media (min-width: 1041px) {
.user .user-detail .stars {
.user .user-detail > span > .emptyStar {
background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px -46px;
}
}
.user .user-detail > span > .stars {
position: absolute;
top: 0.10666667rem;
display: inline-block;
height: 0.53333333rem;
width: 3.2rem;
vertical-align: middle;
overflow: hidden;
background: url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
/*五星好评媒体样式*/
left: -5.33333333rem;
}
@media (min-width: 650px) and (max-width: 1040px) {
.user .user-detail > span > .stars {
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 33px;
width: 5.33333333rem;
background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
}
}
@media (min-width: 1041px) {
.user .user-detail > span > .stars {
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 53px;
width: 4.8rem;
background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
}
}
@media (max-width: 650px) {
.user .user-detail > span > .stars {
position: absolute;
top: 0.24rem;
display: inline-block;
height: 0.53333333rem;
width: 3.2rem;
vertical-align: middle;
overflow: hidden;
background: url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
/*五星好评媒体样式*/
left: -5.33333333rem;
}
}
@media (max-width: 650px) and (min-width: 650px) and (max-width: 1040px) {
.user .user-detail > span > .stars {
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 33px;
width: 5.33333333rem;
background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
}
}
@media (max-width: 650px) and (min-width: 1041px) {
.user .user-detail > span > .stars {
display: inline-block;
vertical-align: middle;
overflow: hidden;
height: 0.82666667rem;
height: 53px;
width: 4.8rem;
background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px 0px;
background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
}
}
.user .sex {
......@@ -427,7 +514,7 @@ body {
z-index: 5;
width: 100%;
bottom: 0rem;
opacity: .5;
opacity: .7;
height: 3.2rem;
margin: 0.8rem 0rem 0rem 0rem;
padding: 0rem 0.53333333rem;
......
dist/css/sale.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/search.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/selectCity.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
dist/css/workDetail.css
......@@ -47,6 +47,7 @@
/*蓝色字体效果*/
/*大按钮效果*/
/*五星好评*/
/*空星差评*/
/*头部*/
body {
background: #ffffff;
......
src/img/icon2x/icon_select.png
src/img/icon2x/icon_select.png

18.9 KB | W: | H:

src/img/icon2x/icon_select.png

16.3 KB | W: | H:

src/img/icon2x/icon_select.png
src/img/icon2x/icon_select.png
src/img/icon2x/icon_select.png
src/img/icon2x/icon_select.png
  • 2-up
  • Swipe
  • Onion skin
src/img/icon3x/icon_select.png
src/img/icon3x/icon_select.png

17.4 KB | W: | H:

src/img/icon3x/icon_select.png

18.6 KB | W: | H:

src/img/icon3x/icon_select.png
src/img/icon3x/icon_select.png
src/img/icon3x/icon_select.png
src/img/icon3x/icon_select.png
  • 2-up
  • Swipe
  • Onion skin
src/js/public.js
......@@ -30,6 +30,46 @@ window.onload=function() {
},false);
}
/*星级评定*/
$(function(){
function star(){
var n=3;
var step=40;
var fiveWidth=200;
var range=window.screen.width;
if(range<=320){
step=20;
fiveWidth=100;
}else if(range<=375){
step=40;
fiveWidth=200;
}else{
step=59;
fiveWidth=298;
}
var offset=n*step-fiveWidth+"px";
$("#fiveStars").css("left",offset);
return n;
}
star();
})
/*用户评星*/
var Stars=$("#giveStars").find("i");
Stars.click(function(){
var len=Stars.size();
var This=$(this);
var Index=This.index();
if(This.hasClass("icon-icon_favourite_normal")){
for(var i=0;i<=Index;i++){
Stars.eq(i).removeClass().addClass("icon-icon_favourite_check");
}
}else if(This.hasClass("icon-icon_favourite_check")){
for(var j=Index+1;j<=len;j++){
Stars.eq(j).removeClass().addClass("icon-icon_favourite_normal");
}
}
});
/*搜索页面相关js效果*//*
/*清空搜索内容*/
......
src/less/appointment.less
......@@ -17,7 +17,6 @@ body{
.px1rem(margin-right,20);
background: #b2b2b2;
.px1rem(border-radius,6);
}
>div:last-child{
.px1rem(width,465);
......@@ -49,15 +48,16 @@ body{
}
}
.message{
.px1rem(font-size,24);
.px1rem(font-size,26);
position: absolute;
.px1rem(bottom,10);
.px1rem(bottom,15);
.px1rem(height,30);
.px1rem(line-height,30);
.px1rem(right,20);
>i{
display: inline-block;
position: absolute;
.px1rem(top,9);
.px1rem(left,-26);
vertical-align: middle;
.px1rem(margin-right,5);
}
}
.price{
......@@ -73,15 +73,38 @@ body{
.px1rem(font-size,30);
.px1rem(height,180);
.px2rem(padding,0,20);
border-top:1px solid #cccccc;
>h2{
.px1rem(height,90);
.px1rem(line-height,90);
border-bottom:1px solid #cccccc;
>i.stars{
.fiveStars(19,250);
>span{
display: inline-block;
.px1rem(width,300);
.px1rem(height,34);
.px1rem(line-height,34);
overflow: hidden;
position: relative;
vertical-align: middle;
>i{
position: absolute;
.px1rem(top,0);
}
@media (max-width:650px) {
>i{
position: absolute;
.px1rem(top,6);
}
}
>.emptyStar{
.fiveStars(20,120);
.zeroStars(20,250);
}
>.stars{
.fiveStars(20,120);
.px1rem(left,-200);
}
}
}
>span{
.px2rem(margin,15,0);
.px1rem(height,60);
......@@ -94,7 +117,8 @@ body{
position: relative;
>i{
display: inline-block;
.px1rem(margin-right,6)
.px1rem(margin-right,4);
vertical-align: middle;
}
}
>span:last-child{
......@@ -110,19 +134,36 @@ body{
.circlePortrait(140);
.px1rem(margin-right,30);
background: #525252;
overflow: hidden;
border: 1px solid #cccccc;
img{
.px1rem(width,140);
.px1rem(height,140);
}
}
>div:nth-child(2){
float:left;
.clearfix();
position: relative;
overflow: hidden;
>h2{
.px1rem(height,40);
.px1rem(line-height,40);
.px1rem(font-size,32);
.px1rem(margin-bottom,55);
}
>i{
display: block;
.px1rem(height,40);
.fiveStars(22,120);
position: absolute;
.px1rem(top,56);
.px1rem(left,0);
}
>.emptyStar{
.fiveStars(20,120);
.zeroStars(20,250);
}
>.stars{
.fiveStars(20,120);
.px1rem(left,-200);
}
>span{
display: block;
......@@ -140,7 +181,7 @@ body{
}
}
/*客户信息、价格详情模块*/
.appoinmentDetails{
.appoinmentDetails {
position: relative;
>div.details{
>h2{
......@@ -176,9 +217,9 @@ body{
.px1rem(height,25);
>i{
display: block;
position: absolute;
.px1rem(top,10);
.px1rem(left,38);
position: absolute;
.px1rem(top,2);
.px1rem(left,32);
}
}
}
......@@ -192,23 +233,30 @@ body{
float:left;
}
>.discuss{
.px1rem(padding-left,80);
.px1rem(padding-left,20);
position: relative;
.icon-icon_less{
display: inline-block;
position: absolute;
.px1rem(top,10);
.px1rem(left,25);
vertical-align: middle;
.px1rem(margin-right,10);
}
.icon-coupon_next{
display: inline-block;
.px4rem(margin,9,0,0,-10);
.px4rem(margin,10,0,0,-10);
}
@media (max-width:650px) {
.icon-coupon_next{
display: inline-block;
.px4rem(margin,16,0,0,-10);
}
}
}
/*五星评价与评级内容*/
>div.judgments{
.px2rem(padding,0,20);
position: relative;
height: 422px;
overflow: hidden;
>small{
position: absolute;
.px1rem(top,-50);
......@@ -217,14 +265,24 @@ body{
color:#cccccc;
}
>h2{
.px1rem(font-size,32);
.px2rem(margin,40,0);
>i.stars{
.fiveStars(19,250);
.px1rem(font-size,28);
.px1rem(height,100);
.px1rem(line-height,100);
>span{
display: inline-block;
.px1rem(width,300);
.px1rem(height,100);
.px1rem(line-height,100);
overflow: hidden;
vertical-align: middle;
>i{
display: inline-block;
vertical-align: middle;
}
}
}
>textarea{
.px1rem(font-size,24);
.px1rem(font-size,22);
color: #99999;
border: none;
}
......@@ -244,7 +302,7 @@ body{
}
>small{
display: inline-block;
.px1rem(font-size,28);
.px1rem(font-size,24);
.px2rem(padding,25,20);
.px1rem(line-height,33);
color: #99999;
......@@ -258,7 +316,7 @@ body{
.px2rem(padding,0,20);
.px1rem(height,60);
.px1rem(line-height,60);
.px1rem(font-size,28);
.px1rem(font-size,26);
>a{
color: #c2c2c2;
.px1rem(font-size,26);
......@@ -289,7 +347,7 @@ body{
}
ul li.payWays{
.px1rem(height,180);
.px1rem(padding-left,100);
.px1rem(padding-left,30);
>p{
position: relative;
.px1rem(height,70);
......@@ -298,15 +356,12 @@ body{
display: inline-block;
.px1rem(width,25);
position: absolute;
.px1rem(top,7);
.px1rem(left,-75);
.px1rem(top,10);
.px1rem(left,-20);
}
>i{
display: inline-block;
position: absolute;
.px1rem(top,18);
.px1rem(left,-28);
vertical-align: middle;
}
}
}
......@@ -351,7 +406,7 @@ body{
.px2rem(padding,40,80);
background: #f9f9f9;
>h2{
.px1rem(font-size,28);
.px1rem(font-size,26);
color: #999999;
.px4rem(margin,30,0,30,0);
text-align: center;
......@@ -364,7 +419,7 @@ body{
.label();
color:#d3d3d3;
border: 1px solid #d3d3d3;
.px1rem(font-size,28);
.px1rem(font-size,24);
.px4rem(margin,0,25,20,0);
.px1rem(border-radius,22);
>input[type='radio']{
......@@ -379,10 +434,13 @@ body{
}
/*取消订单详细原因*/
.detailedReason{
.px2rem(padding,30,20);
.px2rem(padding,30,40);
.px1rem(height,400);
overflow: hidden;
>textarea{
.px1rem(font-size,28);
.px1rem(font-size,24);
border: none;
color:#666666;
}
}
/*查看成片页面*/
......
src/less/mixins.less
......@@ -203,23 +203,36 @@
.px1rem(width,@width);
vertical-align: middle;
overflow: hidden;
background: url("../../dist/img/sprites-sale.png") no-repeat 0px 1px;
background: url("../../dist/img/sprites-sale.jpg") no-repeat 0px 1px;
/*五星好评媒体样式*/
@media (min-width: 650px) and (max-width: 1040px) {
display: inline-block;
vertical-align: middle;
overflow: hidden;
.px1rem(height,31);
height:33px;
// .px1rem(height,31);
.px1rem(width,200);
background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px 0px;
background: url("../../dist/img/sprites-sale-2x.jpg") no-repeat 0px 0px;
}
@media (min-width: 1041px) {
display: inline-block;
vertical-align: middle;
overflow: hidden;
.px1rem(height,31);
.px1rem(width,180);
background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px 0px;
height:53px;
// .px1rem(height,29);
.px1rem(width,180);
background: url("../../dist/img/sprites-sale-3x.jpg") no-repeat 0px 0px;
}
}
/*空星差评*/
.zeroStars(@height,@width){
background: url("../../dist/img/sprites-sale.png") no-repeat 0px -15px;
/*空星差评媒体样式*/
@media (min-width: 650px) and (max-width: 1040px) {
background: url("../../dist/img/sprites-sale-2x.png") no-repeat 0px -32px;
}
@media (min-width: 1041px) {
background: url("../../dist/img/sprites-sale-3x.png") no-repeat 0px -46px;
}
}
......
src/less/photographyPage.less
......@@ -31,20 +31,42 @@ body{
display: block;
font-weight: 400;
.px1rem(margin-bottom,20);
.px1rem(font-size,30);
}
>em{
display: block;
>i{
display: inline-block;
.px4rem(margin,2,6,0,0);
.px1rem(margin-right,6);
vertical-align: middle;
}
}
p{
text-align: center;
}
.stars{
>span{
display: inline-block;
.px1rem(height,34);
.px1rem(line-height,34);
overflow: hidden;
position: relative;
vertical-align: middle;
.fiveStars(21,114);
text-align: center;
>.emptyStar{
.fiveStars(20,120);
.zeroStars(20,250);
}
>.stars{
position: absolute;
.px1rem(top,4);
.fiveStars(20,120);
.px1rem(left,-200);
}
@media (max-width: 650px) {
>.stars{
position: absolute;
.px1rem(top,9);
.fiveStars(20,120);
.px1rem(left,-200);
}
}
}
}
.sex {
......@@ -117,7 +139,6 @@ body{
border-bottom: 4px solid #666666;
}
}
>.setsPro{
.px1rem(margin-bottom,10);
.px1rem(height,488);
......@@ -136,7 +157,7 @@ body{
z-index:5;
width:100%;
.px1rem(bottom,0);
opacity: .5;
opacity: .7;
.px1rem(height,120);
.px4rem(margin,30,0,0,0);
.px2rem(padding,0,20);
......
src/pages/交易/appointment.html → src/pages/appointment.html
<!DOCTYPE html>
......@@ -6,11 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：预约页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -26,11 +24,12 @@
</section>
<section class="appoinmentContent">
<div class="headPortrait">
<img src="" alt=""/>
<img src="../img/head.jpg" alt=""/>
</div>
<div>
<h2>太阳卷卷毛</h2>
<i class="stars"></i>
<i class="emptyStar" ></i>
<i class="stars" id="fiveStars"></i>
<span>
<a href="">联系TA</a> <a href="">查看档期</a>
</span>
......@@ -91,17 +90,20 @@
<!-- </form>-->
</div>
<!--<script src="../../src/js/jquery.min.js"></script>-->
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
<!--模态js引用-->
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
<script type="text/javascript">
/*模态框效果js调用*/
$(function(){
$('#trigger').leanModal({ top: 450, overlay: 0.5, closeButton: ".hidemodal" });
$('#modaltrigger').leanModal({ top: 450, overlay: 0.5, closeButton: ".hidemodal" });
});
</script>
<script>
</script>
</body>
</html>
\ No newline at end of file
src/pages/交易/orderDetails_abandon.html → src/pages/orderDetails_abandon.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -30,7 +30,10 @@
</section>
<section class="photographerStar">
<h2>
摄影师星级：<i class="stars"></i>
摄影师星级：
<span><i class="emptyStar" ></i>
<i class="stars" id="fiveStars"></i>
</span>
</h2>
<span><i class="icon-private-letter"></i> 太阳卷卷毛</span>
<span><i class="icon-call"></i> 15203666845</span>
......@@ -70,9 +73,9 @@
</div>
</section>
</form>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
</body>
</html>
\ No newline at end of file
src/pages/交易/orderDetails_cancel.html → src/pages/orderDetails_cancel.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<form action="">
......@@ -24,7 +24,7 @@
</section>
<section class="reason">
<div class="bgPicture">
<img src="../../img/cancelBg.png" alt=""/>
<img src="../img/cancelBg.png" alt=""/>
</div>
<h2>可以填写一下取消原因吗？我们想做得更好~</h2>
<div id="cancelLabel">
......@@ -39,11 +39,11 @@
</div>
</section>
<section class="detailedReason">
<textarea name="" id="" cols="47" rows="15" placeholder="可以在这里直接描述你的原因哟.."></textarea>
<textarea name="" id="" cols="54" rows="13" placeholder="可以在这里直接描述你的原因哟.."></textarea>
</section>
</form>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<!--<script src="../js/public.js"></script>-->
<script>
$(function(){
......
src/pages/交易/orderDetails_deal.html → src/pages/orderDetails_deal.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -30,7 +30,10 @@
</section>
<section class="photographerStar">
<h2>
摄影师星级：<i class="stars"></i>
摄影师星级：
<span><i class="emptyStar" ></i>
<i class="stars" id="fiveStars"></i>
</span>
</h2>
<span><i class="icon-private-letter"></i>太阳卷卷毛</span>
<span><i class="icon-call"></i>15203666845</span>
......@@ -70,8 +73,8 @@
</div>
</section>
</form>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
</body>
</html>
\ No newline at end of file
src/pages/交易/orderDetails_feedback.html → src/pages/orderDetails_feedback.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -31,8 +31,16 @@
<ul>
<li>
<div class="judgments">
<h2>请对服务进行评星：<i class="stars"></i> </h2>
<textarea name="" id="" cols="50" rows="10" placeholder="小主，你还有什么话想说的么~"></textarea>
<h2>请对服务进行评星：
<span id="giveStars">
<i class="icon-icon_favourite_normal"></i>
<i class="icon-icon_favourite_normal"></i>
<i class="icon-icon_favourite_normal"></i>
<i class="icon-icon_favourite_normal"></i>
<i class="icon-icon_favourite_normal"></i>
</span>
</h2>
<textarea name="" id="" cols="63" rows="10" placeholder="小主，你还有什么话想说的么~"></textarea>
</div>
<span class="bg"></span>
<small>你对摄影师的服务选择了五星，确认评价后，全额款项将结算给摄影师。</small>
......@@ -44,8 +52,11 @@
</div>
</section>
</form>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
<script>
</script>
</body>
</html>
\ No newline at end of file
src/pages/交易/orderDetails_opinion.html → src/pages/orderDetails_opinion.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -88,10 +88,10 @@
<input type="button" value="确认支付"/>
</div>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
<!--模态js引用-->
<script type="text/javascript">
$(function(){
......
src/pages/交易/orderDetails_orders.html → src/pages/orderDetails_orders.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -73,10 +73,10 @@
<input type="button" value="确认支付"/>
</div>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
<!--模态js引用-->
<script type="text/javascript">
$(function(){
......
src/pages/交易/orderDetails_over.html → src/pages/orderDetails_over.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -87,10 +87,10 @@
<input type="button" value="确认支付"/>
</div>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
<!--模态js引用-->
<script type="text/javascript">
$(function(){
......
src/pages/交易/orderDetails_pay.html → src/pages/orderDetails_pay.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......
src/pages/交易/orderDetails_photo.html → src/pages/orderDetails_photo.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -85,10 +85,10 @@
<input type="button" value="确认支付"/>
</div>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
<!--模态js引用-->
<script type="text/javascript">
$(function(){
......
src/pages/交易/orderDetails_receive.html → src/pages/orderDetails_receive.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -86,10 +86,10 @@
<input type="button" value="确认支付"/>
</div>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
<!--模态js引用-->
<script type="text/javascript">
$(function(){
......
src/pages/交易/orderDetails_revision.html → src/pages/orderDetails_revision.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -32,7 +32,15 @@
<li>
<div class="judgments">
<small>（需高于原评价且在3星以上，只可修改一次）</small>
<h2>请对服务进行评星：<i class="stars"></i> </h2>
<h2>请对服务进行评星：
<span id="giveStars">
<i class="icon-icon_favourite_normal"></i>
<i class="icon-icon_favourite_normal"></i>
<i class="icon-icon_favourite_normal"></i>
<i class="icon-icon_favourite_normal"></i>
<i class="icon-icon_favourite_normal"></i>
</span>
</h2>
<textarea name="" id="" cols="50" rows="10" placeholder="小主，你还有什么话想说的么~"></textarea>
</div>
<span class="bg"></span>
......@@ -45,8 +53,8 @@
</div>
</section>
</form>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
</body>
</html>
\ No newline at end of file
src/pages/交易/orderDetails_shot.html → src/pages/orderDetails_shot.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -84,10 +84,10 @@
<input type="button" value="确认支付"/>
</div>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../../js/Modal.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
<script type="text/javascript" charset="utf-8" src="../js/Modal.js"></script>
<!--模态js引用-->
<script type="text/javascript">
$(function(){
......
src/pages/交易/orderDetails_viewPhoto.html → src/pages/orderDetails_viewPhoto.html
<!DOCTYPE html>
......@@ -6,9 +6,9 @@
<meta name="keywords" content="米拍,摄影,摄影师,写真,婚纱,私拍,约拍,旅拍,促销套系">
<meta name="description" content="米拍摄影服务平台">
<title>米拍：订单详情页面</title>
<link rel="stylesheet" href="../../../dist/css/base.css">
<link rel="stylesheet" href="../../../dist/css/appointment.css">
<link rel="stylesheet" href="../../../dist/css/icon.css" id="my_link">
<link rel="stylesheet" href="../../dist/css/base.css">
<link rel="stylesheet" href="../../dist/css/appointment.css">
<link rel="stylesheet" href="../../dist/css/icon.css" id="my_link">
</head>
<body>
<header class="header">
......@@ -18,17 +18,17 @@
<ul>
<li>
<div>
<img src="../../img/tokyo.png" alt=""/>
<img src="../img/tokyo.png" alt=""/>
</div>
</li>
<li>
<div>
<img src="../../img/example.png" alt=""/>
<img src="../img/example.png" alt=""/>
</div>
</li>
<li>
<div>
<img src="../../img/test.png" alt=""/>
<img src="../img/test.png" alt=""/>
</div>
</li>
</ul>
......@@ -44,9 +44,9 @@
</form>
</section>
<script type="text/javascript" src="../../js/jquery-1.9.1.min.js"></script>
<script src="../../js/flexible.js"></script>
<script src="../../js/public.js"></script>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script src="../js/flexible.js"></script>
<script src="../js/public.js"></script>
<script>
var select = $(".checkbox");
var hook=select.find("i");
......
src/pages/photographyPage.html
......@@ -22,7 +22,9 @@
<div class="user-detail">
<strong >太阳卷卷毛</strong>
<em class="area"><i class="icon-icon_man"></i>四川&nbsp;成都</em>
<p><i class="stars"></i></p>
<span><i class="emptyStar" ></i>
<i class="stars" id="fiveStars"></i>
</span>
</div>
<div class="user-info">
<div class="orders">约单数:&nbsp;666</div>
......
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