Skip to content

Y
ypl_mobile_web
Commit c13bc479 by 邓丽
Options

newaddpages

parent d89ad7da
Showing with 387 additions and 203 deletions
dist/css/concerns.css
......@@ -132,7 +132,7 @@ a:hover {
cursor: pointer;
}
.fixNav {
height: 1.86666667rem;
height: 2.66666667rem;
width: 100%;
/* position: fixed;*/
top: 0;
......@@ -141,29 +141,36 @@ a:hover {
border-bottom: 1px solid #dddddd;
}
.fixNav h3 {
height: 1.86666667rem;
height: 2.66666667rem;
line-height: 2.66666667rem;
text-align: center;
font-size: 0.8rem;
font-size: 0.96rem;
font-weight: 500;
position: relative;
}
.fixNav h3 > input {
float: right;
font-size: 0.64rem;
line-height: 1.86666667rem;
font-size: 0.74666667rem;
line-height: 2.66666667rem;
margin-right: 0.4rem;
border: none;
background: none;
color: #838383;
outline: none;
position: absolute;
right: 0;
}
.fixNav h3 > a,
.fixNav h3 > i,
.fixNav h3 > em {
display: inline-block;
margin: 0.66666667rem 0.4rem 0rem 0.4rem;
margin: 1.06666667rem 0.4rem 0rem 0.4rem;
}
.fixNav h3 > a {
float: left;
position: absolute;
left: 0;
margin-top: 0.69333333rem;
}
.fixNav h3 > i,
.fixNav h3 > em {
......@@ -171,17 +178,17 @@ a:hover {
}
.fixNav h3 > span,
.tabs > span {
line-height: 1.86666667rem;
line-height: 2.66666667rem;
}
.fixNav h3 > span > a.notes,
.tabs > span > a.notes {
display: inline-block;
font-size: 0.64rem;
height: 1.2rem;
line-height: 1.2rem;
font-size: 0.8rem;
height: 1.73333333rem;
line-height: 1.73333333rem;
padding: 0rem 1.46666667rem;
margin: 0rem;
margin-right: -7px;
margin-right: -1px;
border: 1px solid #ccc;
border-radius: 4px;
font-weight: 400;
......@@ -211,15 +218,16 @@ a:hover {
visibility: hidden;
}
.care ul li {
height: 2.66666667rem;
height: 3.73333333rem;
line-height: 3.73333333rem;
border-bottom: 1px solid #ddd;
list-style: none;
clear: both;
}
.care ul li > a > div {
width: 2.13333333rem;
height: 2.13333333rem;
margin: 0.26666667rem 0.53333333rem;
width: 2.66666667rem;
height: 2.66666667rem;
margin: 0.53333333rem 0.53333333rem;
border-radius: 50%;
border: 1px solid #ccc;
overflow: hidden;
......@@ -235,13 +243,14 @@ a:hover {
}
.care ul li > a > span {
display: inline-block;
width: 62%;
width: 60%;
float: left;
margin-right: 0.53333333rem;
}
.care ul li > a > span > h4 {
font-size: 0.85333333rem;
line-height: 1.17333333rem;
height: 1.6rem;
line-height: 1.6rem;
margin-top: 0.4rem;
}
.care ul li > a > span > h4 > i {
......@@ -257,8 +266,9 @@ a:hover {
right: 0.4rem;
}
.care ul li > a > span > p {
font-size: 0.58666667rem;
height: 0.93333333rem;
font-size: 0.74666667rem;
height: 1.06666667rem;
line-height: 1.06666667rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
......@@ -267,10 +277,11 @@ a:hover {
.care ul li > .careBtn {
display: inline-block;
border: 1px solid #353535;
padding: 0.13333333rem 0.26666667rem;
font-size: 0.58666667rem;
padding: 0.16rem 0.34666667rem;
font-size: 0.64rem;
line-height: 1.06666667rem;
border-radius: 0.10666667rem;
margin-top: 0.8rem;
margin-top: 1.33333333rem;
margin-right: 0.4rem;
color: #353535;
float: right;
......@@ -379,16 +390,16 @@ a:hover {
display: inline-block;
}
.searchDetails > ul > li > a > div.raidersDetail > h2 {
font-size: 0.85333333rem;
height: 1.33333333rem;
line-height: 1.44rem;
font-size: 0.90666667rem;
height: 1.6rem;
line-height: 1.6rem;
color: #353535;
}
.searchDetails > ul > li > a > div.raidersDetail ul li {
display: block;
font-size: 0.74666667rem;
height: 1.2rem;
line-height: 1.2rem;
font-size: 0.8rem;
height: 1.46666667rem;
line-height: 1.46666667rem;
font-weight: 400;
text-align: left;
}
......@@ -423,7 +434,7 @@ a:hover {
}
.searchDetails > ul > li > a > div.raidersDetail ul li:last-child {
font-size: 0.74666667rem;
margin-top: 1.06666667rem;
margin-top: 0.4rem;
}
.searchDetails > ul > li > a > div.raidersDetail ul li:last-child > span {
display: inline-block;
......
dist/css/myOrder.css
......@@ -128,7 +128,7 @@ body {
.orderNav ul > li {
float: left;
text-align: center;
padding: 0rem 0.45rem;
padding: 0rem 0.2rem;
font-size: 0.853rem;
color: #999999;
height: 2rem;
......@@ -150,7 +150,7 @@ body {
border-bottom: 1px solid gainsboro;
padding: 0.53333333rem 0.53333333rem 0.53333333rem 0.53333333rem;
}
.searchDetails > div:first-child {
.searchDetails > ul li > a > div:first-child {
width: 7.2rem;
float: left;
overflow: hidden;
......@@ -159,28 +159,28 @@ body {
border-radius: 16px;
position: relative;
}
.searchDetails > div:first-child > img {
.searchDetails > ul li > a > div:first-child > img {
/* .imgMiddle();*/
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.searchDetails > div.raidersDetail {
.searchDetails > ul li > a > div.raidersDetail {
width: 11.2rem;
font-size: 0.64rem;
float: right;
}
.searchDetails > div.raidersDetail i {
.searchDetails > ul li > a > div.raidersDetail i {
display: inline-block;
}
.searchDetails > div.raidersDetail > h2 {
.searchDetails > ul li > a > div.raidersDetail > h2 {
font-size: 0.9rem;
height: 1.6rem;
line-height: 1.6rem;
color: #353535;
}
.searchDetails > div.raidersDetail ul li {
.searchDetails > ul li > a > div.raidersDetail ul li {
display: block;
font-size: 0.74666667rem;
height: 1.06666667rem;
......@@ -189,13 +189,13 @@ body {
text-align: left;
overflow: hidden;
}
.searchDetails > div.raidersDetail ul li:nth-child(2) {
.searchDetails > ul li > a > div.raidersDetail ul li:nth-child(2) {
text-align: right;
}
.searchDetails > div.raidersDetail ul li:last-child {
.searchDetails > ul li > a > div.raidersDetail ul li:last-child {
font-size: 0.85333333rem;
}
.searchDetails > div.raidersDetail ul li b {
.searchDetails > ul li > a > div.raidersDetail ul li b {
color: #c1c1c1;
font-weight: 400;
margin-right: -0.53333333rem;
......
dist/css/personalPage.css
......@@ -226,21 +226,21 @@ body {
font-size: 0.8rem;
overflow: hidden;
}
.personPro > span {
.personPro span {
display: inline-block;
text-align: center;
border-right: 1px solid #cccccc;
width: 32.5%;
margin: 0.53333333rem 0rem;
}
.personPro > span > em {
.personPro span > em {
display: block;
text-align: center;
}
.personPro > span:last-child {
.personPro span:last-child {
border: none;
}
.personPro > span.num {
.personPro span.num {
width: 49%;
font-size: 0.85333333rem;
}
......
dist/css/photographyPage.css
......@@ -226,21 +226,21 @@ body {
font-size: 0.8rem;
overflow: hidden;
}
.personPro > span {
.personPro span {
display: inline-block;
text-align: center;
border-right: 1px solid #cccccc;
width: 32.5%;
margin: 0.53333333rem 0rem;
}
.personPro > span > em {
.personPro span > em {
display: block;
text-align: center;
}
.personPro > span:last-child {
.personPro span:last-child {
border: none;
}
.personPro > span.num {
.personPro span.num {
width: 49%;
font-size: 0.85333333rem;
}
......
dist/css/selectPhotos.css
......@@ -135,7 +135,7 @@ body {
height: 2.66666667rem;
line-height: 2.66666667rem;
text-align: center;
font-size: 0.85333333rem;
font-size: 0.96rem;
position: relative;
}
.fixNav h3 > a,
......
src/less/concerns.css
......@@ -132,7 +132,7 @@ a:hover {
cursor: pointer;
}
.fixNav {
height: 1.86666667rem;
height: 2.66666667rem;
width: 100%;
/* position: fixed;*/
top: 0;
......@@ -141,29 +141,36 @@ a:hover {
border-bottom: 1px solid #dddddd;
}
.fixNav h3 {
height: 1.86666667rem;
height: 2.66666667rem;
line-height: 2.66666667rem;
text-align: center;
font-size: 0.8rem;
font-size: 0.96rem;
font-weight: 500;
position: relative;
}
.fixNav h3 > input {
float: right;
font-size: 0.64rem;
line-height: 1.86666667rem;
font-size: 0.74666667rem;
line-height: 2.66666667rem;
margin-right: 0.4rem;
border: none;
background: none;
color: #838383;
outline: none;
position: absolute;
right: 0;
}
.fixNav h3 > a,
.fixNav h3 > i,
.fixNav h3 > em {
display: inline-block;
margin: 0.66666667rem 0.4rem 0rem 0.4rem;
margin: 1.06666667rem 0.4rem 0rem 0.4rem;
}
.fixNav h3 > a {
float: left;
position: absolute;
left: 0;
margin-top: 0.69333333rem;
}
.fixNav h3 > i,
.fixNav h3 > em {
......@@ -171,17 +178,17 @@ a:hover {
}
.fixNav h3 > span,
.tabs > span {
line-height: 1.86666667rem;
line-height: 2.66666667rem;
}
.fixNav h3 > span > a.notes,
.tabs > span > a.notes {
display: inline-block;
font-size: 0.64rem;
height: 1.2rem;
line-height: 1.2rem;
font-size: 0.8rem;
height: 1.73333333rem;
line-height: 1.73333333rem;
padding: 0rem 1.46666667rem;
margin: 0rem;
margin-right: -7px;
margin-right: -1px;
border: 1px solid #ccc;
border-radius: 4px;
font-weight: 400;
......@@ -211,15 +218,16 @@ a:hover {
visibility: hidden;
}
.care ul li {
height: 2.66666667rem;
height: 3.73333333rem;
line-height: 3.73333333rem;
border-bottom: 1px solid #ddd;
list-style: none;
clear: both;
}
.care ul li > a > div {
width: 2.13333333rem;
height: 2.13333333rem;
margin: 0.26666667rem 0.53333333rem;
width: 2.66666667rem;
height: 2.66666667rem;
margin: 0.53333333rem 0.53333333rem;
border-radius: 50%;
border: 1px solid #ccc;
overflow: hidden;
......@@ -235,13 +243,14 @@ a:hover {
}
.care ul li > a > span {
display: inline-block;
width: 62%;
width: 60%;
float: left;
margin-right: 0.53333333rem;
}
.care ul li > a > span > h4 {
font-size: 0.85333333rem;
line-height: 1.17333333rem;
height: 1.6rem;
line-height: 1.6rem;
margin-top: 0.4rem;
}
.care ul li > a > span > h4 > i {
......@@ -257,8 +266,9 @@ a:hover {
right: 0.4rem;
}
.care ul li > a > span > p {
font-size: 0.58666667rem;
height: 0.93333333rem;
font-size: 0.74666667rem;
height: 1.06666667rem;
line-height: 1.06666667rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
......@@ -267,10 +277,11 @@ a:hover {
.care ul li > .careBtn {
display: inline-block;
border: 1px solid #353535;
padding: 0.13333333rem 0.26666667rem;
font-size: 0.58666667rem;
padding: 0.16rem 0.34666667rem;
font-size: 0.64rem;
line-height: 1.06666667rem;
border-radius: 0.10666667rem;
margin-top: 0.8rem;
margin-top: 1.33333333rem;
margin-right: 0.4rem;
color: #353535;
float: right;
......@@ -379,16 +390,16 @@ a:hover {
display: inline-block;
}
.searchDetails > ul > li > a > div.raidersDetail > h2 {
font-size: 0.85333333rem;
height: 1.33333333rem;
line-height: 1.44rem;
font-size: 0.90666667rem;
height: 1.6rem;
line-height: 1.6rem;
color: #353535;
}
.searchDetails > ul > li > a > div.raidersDetail ul li {
display: block;
font-size: 0.74666667rem;
height: 1.2rem;
line-height: 1.2rem;
font-size: 0.8rem;
height: 1.46666667rem;
line-height: 1.46666667rem;
font-weight: 400;
text-align: left;
}
......@@ -423,7 +434,7 @@ a:hover {
}
.searchDetails > ul > li > a > div.raidersDetail ul li:last-child {
font-size: 0.74666667rem;
margin-top: 1.06666667rem;
margin-top: 0.4rem;
}
.searchDetails > ul > li > a > div.raidersDetail ul li:last-child > span {
display: inline-block;
......
src/less/concerns.less
......@@ -12,7 +12,7 @@
}
.fixNav{
.px1rem(height,70);
.px1rem(height,100);
width: 100%;
/* position: fixed;*/
top: 0;
......@@ -21,29 +21,37 @@
border-bottom: 1px solid #dddddd;
}
.fixNav h3{
.px1rem(height,70);
.px1rem(height,100);
.px1rem(line-height,100);
text-align:center;
.px1rem(font-size,30);
.px1rem(font-size,36);
font-weight: 500;
position: relative;
>input{
float:right;
.px1rem(font-size,24);
.px1rem(line-height,70);
.px1rem(font-size,28);
.px1rem(line-height,100);
.px1rem(margin-right,15);
border: none;
background: none;
color: #838383;
outline: none;
position: absolute;
right: 0;
}
}
.fixNav h3>a,
.fixNav h3>i,
.fixNav h3>em{
display: inline-block;
.px4rem(margin,25,15,0,15);
.px4rem(margin,40,15,0,15);
}
.fixNav h3>a{
float: left;
position: absolute;
left: 0;
.px1rem(margin-top,26);
}
.fixNav h3>i,
.fixNav h3>em{
......@@ -51,15 +59,15 @@
}
.fixNav h3>span,
.tabs>span{
.px1rem(line-height,70);
.px1rem(line-height,100);
>a.notes{
display: inline-block;
.px1rem(font-size,24);
.px1rem(height,45);
.px1rem(line-height,45);
.px1rem(font-size,30);
.px1rem(height,65);
.px1rem(line-height,65);
.px2rem(padding,0,55);
.px1rem(margin,0);
margin-right: -7px;
margin-right: -1px;
border: 1px solid #ccc;
border-radius: 4px;
font-weight: 400;
......@@ -90,15 +98,16 @@
}
.care{
ul li{
.px1rem(height,100);
.px1rem(height,140);
.px1rem(line-height,140);
border-bottom: 1px solid #ddd;
list-style: none;
clear: both;
>a{
>div{
.px1rem(width,80);
.px1rem(height,80);
.px2rem(margin,10,20);
.px1rem(width,100);
.px1rem(height,100);
.px2rem(margin,20,20);
border-radius: 50%;
border:1px solid #ccc;
overflow: hidden;
......@@ -114,12 +123,13 @@
}
>span{
display: inline-block;
width: 62%;
width: 60%;
float: left;
.px1rem(margin-right,20);
>h4{
.px1rem(font-size,32);
.px1rem(line-height,44);
.px1rem(height,60);
.px1rem(line-height,60);
.px1rem(margin-top,15);
>i{
display: inline-block;
......@@ -135,8 +145,9 @@
}
}
>p{
.px1rem(font-size,22);
.px1rem(height,35);
.px1rem(font-size,28);
.px1rem(height,40);
.px1rem(line-height,40);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
......@@ -147,10 +158,11 @@
>.careBtn{
display: inline-block;
border: 1px solid #353535;
.px2rem(padding,5,10);
.px1rem(font-size,22);
.px2rem(padding,6,13);
.px1rem(font-size,24);
.px1rem(line-height,40);
.px1rem(border-radius,4);
.px1rem(margin-top,30);
.px1rem(margin-top,50);
.px1rem(margin-right,15);
color:#353535;
float: right;
......@@ -258,16 +270,16 @@
display: inline-block;
}
> h2 {
.px1rem(font-size, 32);
.px1rem(height, 50);
.px1rem(line-height, 54);
.px1rem(font-size, 34);
.px1rem(height, 60);
.px1rem(line-height, 60);
color: #353535;
}
ul li {
display: block;
.px1rem(font-size, 28);
.px1rem(height, 45);
.px1rem(line-height, 45);
.px1rem(font-size, 30);
.px1rem(height, 55);
.px1rem(line-height, 55);
font-weight: 400;
text-align: left;
> small {
......@@ -301,7 +313,7 @@
}
ul li:last-child {
.px1rem(font-size, 28);
.px1rem(margin-top, 40);
.px1rem(margin-top, 15);
> span {
display: inline-block;
width: 32%;
......
src/less/myOrder.css
......@@ -128,7 +128,7 @@ body {
.orderNav ul > li {
float: left;
text-align: center;
padding: 0rem 0.45rem;
padding: 0rem 0.2rem;
font-size: 0.853rem;
color: #999999;
height: 2rem;
......@@ -150,7 +150,7 @@ body {
border-bottom: 1px solid gainsboro;
padding: 0.53333333rem 0.53333333rem 0.53333333rem 0.53333333rem;
}
.searchDetails > div:first-child {
.searchDetails > ul li > a > div:first-child {
width: 7.2rem;
float: left;
overflow: hidden;
......@@ -159,28 +159,28 @@ body {
border-radius: 16px;
position: relative;
}
.searchDetails > div:first-child > img {
.searchDetails > ul li > a > div:first-child > img {
/* .imgMiddle();*/
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.searchDetails > div.raidersDetail {
.searchDetails > ul li > a > div.raidersDetail {
width: 11.2rem;
font-size: 0.64rem;
float: right;
}
.searchDetails > div.raidersDetail i {
.searchDetails > ul li > a > div.raidersDetail i {
display: inline-block;
}
.searchDetails > div.raidersDetail > h2 {
.searchDetails > ul li > a > div.raidersDetail > h2 {
font-size: 0.9rem;
height: 1.6rem;
line-height: 1.6rem;
color: #353535;
}
.searchDetails > div.raidersDetail ul li {
.searchDetails > ul li > a > div.raidersDetail ul li {
display: block;
font-size: 0.74666667rem;
height: 1.06666667rem;
......@@ -189,13 +189,13 @@ body {
text-align: left;
overflow: hidden;
}
.searchDetails > div.raidersDetail ul li:nth-child(2) {
.searchDetails > ul li > a > div.raidersDetail ul li:nth-child(2) {
text-align: right;
}
.searchDetails > div.raidersDetail ul li:last-child {
.searchDetails > ul li > a > div.raidersDetail ul li:last-child {
font-size: 0.85333333rem;
}
.searchDetails > div.raidersDetail ul li b {
.searchDetails > ul li > a > div.raidersDetail ul li b {
color: #c1c1c1;
font-weight: 400;
margin-right: -0.53333333rem;
......
src/less/myOrder.less
......@@ -6,7 +6,7 @@
ul>li{
float: left;
text-align: center;
padding: 0rem 0.45rem;
padding: 0rem 0.2rem;
font-size: 0.853rem;
color: #999999;
height: 2rem;
......@@ -22,57 +22,63 @@
color:#878787;
border-bottom: 1px solid gainsboro;
.px4rem(padding,20,20,20,20);
>div:first-child{
.px1rem(width,270);
float: left;
overflow: hidden;
.px1rem(height,180);
.px1rem(margin-right,20);
border-radius: 16px;
position: relative;
>img{
/* .imgMiddle();*/
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
>div.raidersDetail{
.px1rem(width,420);
.px1rem(font-size,24);
float: right;
i{
display: inline-block;
}
>h2{
font-size: 0.9rem;
height: 1.6rem;
line-height: 1.6rem;
color: #353535;
}
ul li{
display:block;
.px1rem(font-size,28);
.px1rem(height,40);
.px1rem(line-height,45);
font-weight:400;
text-align: left;
overflow: hidden;
}
ul li:nth-child(2){
text-align: right;
}
ul li:last-child{
.px1rem(font-size,32);
}
ul li b{
color:#c1c1c1;
font-weight: 400;
.px1rem(margin-right,-20);
vertical-align: middle;
>ul li{
>a{
>div:first-child{
.px1rem(width,270);
float: left;
overflow: hidden;
.px1rem(height,180);
.px1rem(margin-right,20);
border-radius: 16px;
position: relative;
>img{
/* .imgMiddle();*/
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
>div.raidersDetail{
.px1rem(width,420);
.px1rem(font-size,24);
float: right;
i{
display: inline-block;
}
>h2{
font-size: 0.9rem;
height: 1.6rem;
line-height: 1.6rem;
color: #353535;
}
ul li{
display:block;
.px1rem(font-size,28);
.px1rem(height,40);
.px1rem(line-height,45);
font-weight:400;
text-align: left;
overflow: hidden;
}
ul li:nth-child(2){
text-align: right;
}
ul li:last-child{
.px1rem(font-size,32);
}
ul li b{
color:#c1c1c1;
font-weight: 400;
.px1rem(margin-right,-20);
vertical-align: middle;
}
}
}
}
}
/*订单评价*/
.reviewsDetails{
......
src/less/personalPage.css
......@@ -226,21 +226,21 @@ body {
font-size: 0.8rem;
overflow: hidden;
}
.personPro > span {
.personPro span {
display: inline-block;
text-align: center;
border-right: 1px solid #cccccc;
width: 32.5%;
margin: 0.53333333rem 0rem;
}
.personPro > span > em {
.personPro span > em {
display: block;
text-align: center;
}
.personPro > span:last-child {
.personPro span:last-child {
border: none;
}
.personPro > span.num {
.personPro span.num {
width: 49%;
font-size: 0.85333333rem;
}
......
src/less/personalPage.less
......@@ -99,7 +99,7 @@
.px1rem(font-size,30);
overflow: hidden;
}
>span{
span{
display: inline-block;
text-align: center;
border-right: 1px solid #cccccc;
......@@ -113,7 +113,7 @@
border: none;
}
}
>span.num{
span.num{
width:49%;
.px1rem(font-size,32);
}
......
src/less/photographyPage.css
......@@ -226,21 +226,21 @@ body {
font-size: 0.8rem;
overflow: hidden;
}
.personPro > span {
.personPro span {
display: inline-block;
text-align: center;
border-right: 1px solid #cccccc;
width: 32.5%;
margin: 0.53333333rem 0rem;
}
.personPro > span > em {
.personPro span > em {
display: block;
text-align: center;
}
.personPro > span:last-child {
.personPro span:last-child {
border: none;
}
.personPro > span.num {
.personPro span.num {
width: 49%;
font-size: 0.85333333rem;
}
......
src/less/selectPhotos.css
......@@ -135,7 +135,7 @@ body {
height: 2.66666667rem;
line-height: 2.66666667rem;
text-align: center;
font-size: 0.85333333rem;
font-size: 0.96rem;
position: relative;
}
.fixNav h3 > a,
......
src/less/selectPhotos.less
......@@ -14,7 +14,7 @@
.px1rem(height,100);
.px1rem(line-height,100);
text-align:center;
.px1rem(font-size,32);
.px1rem(font-size,36);
position: relative;
}
.fixNav h3>a,
......
src/pages/collection.html
......@@ -24,9 +24,7 @@
</form>
<div class="tabs" >
<span>
<a class="notes active">攻略</a>
<a class="notes">套系</a>
<a class="notes">样片</a>
<a class="notes active">攻略</a><a class="notes">套系</a><a class="notes">样片</a>
</span>
</div>
<!--攻略模块-->
......@@ -153,7 +151,6 @@
<script>
/*选项卡切换*/
$(".notes").click(function(){
$(this).addClass("active").siblings().removeClass("active");
var Index=$(this).index();
if(Index==0){
$("#private").css("display","block");
......@@ -165,6 +162,7 @@ $(".notes").click(function(){
$("#photo").css("display","block");
$("#news,#private").css("display","none");
}
$(this).addClass("active").siblings().removeClass("active");
})
/*弹出框提示*/
$(document).on("click", ".careBtn", function() {
......
src/pages/concerns.html
......@@ -15,7 +15,7 @@
<body>
<div class="fixNav">
<h3>
<a class="icon-btn_back_r"></a><span>关注</span>
<a class="icon-btn_back_r" href="../../src/pages/personalCenter.html"></a><span>关注</span>
</h3>
</div>
<div class="care">
......
src/pages/myOrder.html
......@@ -17,27 +17,171 @@
<nav class="orderNav">
<ul>
<li><a class="current">全部</a></li>
<li><a href="../../src/pages/orderDetails_pay.html">待支付</a></li>
<li><a href="../../src/pages/orderDetails_orders.html">待接单</a></li>
<li ><a href="../../src/pages/orderDetails_shot.html" >待拍摄</a></li>
<li><a href="../../src/pages/orderDetails_over.html">待确认</a></li>
<li><a href="../../src/pages/orderDetails_feedback.html">待评价</a></li>
<li><a>待支付</a></li>
<li><a >待接单</a></li>
<li ><a >待拍摄</a></li>
<li><a >待确认</a></li>
<li><a >待评价</a></li>
<li><a >退款中</a></li>
</ul>
</nav>
<section class="searchDetails">
<div class="raidersImg column-2">
<img src="../img/tokyo.png" alt=""/>
</div>
<div class="raidersDetail left">
<h2>攻略名称</h2>
<ul>
<li>太阳毛</li>
<li><b>已支付 </b> <i class="icon-coupon_next right"></i></li>
<li>￥4999</li>
</ul>
</div>
<div class="clear"></div>
<section class="searchDetails" style="display:block">
<ul>
<li>
<a href="../../src/pages/orderDetails_pay.html">
<div class="raidersImg column-2">
<img src="../img/tokyo.png" alt=""/>
</div>
<div class="raidersDetail left">
<h2>攻略名称</h2>
<ul>
<li>太阳毛</li>
<li><b>待支付 </b> <i class="icon-coupon_next right"></i></li>
<li>￥4999</li>
</ul>
</div>
<div class="clear"></div>
</a>
</li>
<li>
<a href="../../src/pages/orderDetails_pay.html">
<div class="raidersImg column-2">
<img src="../img/tokyo.png" alt=""/>
</div>
<div class="raidersDetail left">
<h2>攻略名称</h2>
<ul>
<li>太阳毛</li>
<li><b>待支付 </b> <i class="icon-coupon_next right"></i></li>
<li>￥4999</li>
</ul>
</div>
<div class="clear"></div>
</a>
</li>
</ul>
</section>
<section class="searchDetails" style="display:none">
<ul>
<li>
<a href="../../src/pages/orderDetails_pay.html">
<div class="raidersImg column-2">
<img src="../img/tokyo.png" alt=""/>
</div>
<div class="raidersDetail left">
<h2>攻略名称</h2>
<ul>
<li>太阳毛</li>
<li><b>待支付 </b> <i class="icon-coupon_next right"></i></li>
<li>￥4999</li>
</ul>
</div>
<div class="clear"></div>
</a>
</li>
</ul>
</section>
<section class="searchDetails" style="display:none">
<ul>
<li>
<a href="../../src/pages/orderDetails_orders.html">
<div class="raidersImg column-2">
<img src="../img/tokyo.png" alt=""/>
</div>
<div class="raidersDetail left">
<h2>攻略名称</h2>
<ul>
<li>太阳毛</li>
<li><b>待接单</b> <i class="icon-coupon_next right"></i></li>
<li>￥4999</li>
</ul>
</div>
<div class="clear"></div>
</a>
</li>
</ul>
</section>
<section class="searchDetails" style="display:none">
<ul>
<li>
<a href="../../src/pages/orderDetails_shot.html">
<div class="raidersImg column-2">
<img src="../img/tokyo.png" alt=""/>
</div>
<div class="raidersDetail left">
<h2>攻略名称</h2>
<ul>
<li>太阳毛</li>
<li><b>待拍摄</b> <i class="icon-coupon_next right"></i></li>
<li>￥4999</li>
</ul>
</div>
<div class="clear"></div>
</a>
</li>
</ul>
</section>
<section class="searchDetails" style="display:none">
<ul>
<li>
<a href="../../src/pages/orderDetails_over.html">
<div class="raidersImg column-2">
<img src="../img/tokyo.png" alt=""/>
</div>
<div class="raidersDetail left">
<h2>攻略名称</h2>
<ul>
<li>太阳毛</li>
<li><b>待确认</b> <i class="icon-coupon_next right"></i></li>
<li>￥4999</li>
</ul>
</div>
<div class="clear"></div>
</a>
</li>
</ul>
</section>
<section class="searchDetails" style="display:none">
<ul>
<li>
<a href="../../src/pages/orderDetails_feedback.html">
<div class="raidersImg column-2">
<img src="../img/tokyo.png" alt=""/>
</div>
<div class="raidersDetail left">
<h2>攻略名称</h2>
<ul>
<li>太阳毛</li>
<li><b>待评价</b> <i class="icon-coupon_next right"></i></li>
<li>￥4999</li>
</ul>
</div>
<div class="clear"></div>
</a>
</li>
</ul>
</section>
<section class="searchDetails" style="display:none">
<ul>
<li>
<a href="../../src/pages/orderDetails_deal.html">
<div class="raidersImg column-2">
<img src="../img/tokyo.png" alt=""/>
</div>
<div class="raidersDetail left">
<h2>攻略名称</h2>
<ul>
<li>太阳毛</li>
<li><b>退款中</b> <i class="icon-coupon_next right"></i></li>
<li>￥4999</li>
</ul>
</div>
<div class="clear"></div>
</a>
</li>
</ul>
</section>
<script src="../js/jquery.min.js"></script>
<script src="../js/flexible.js"></script>
......@@ -45,7 +189,9 @@
<script>
var navLi=$(".orderNav>ul>li");
navLi.find("a").click(function(){
var n=$(this).parents("li").index();
$(this).addClass("current").parents("li").siblings().find("a").removeClass("current");
$(".searchDetails").eq(n).css("display","block").siblings(".searchDetails").css("display","none");
})
</script>
</body>
......
src/pages/personalCenter.html
......@@ -26,8 +26,8 @@
<a href="../pages/personalData.html"><img src="../img/head.jpg" alt=""/></a>
</div>
<p>自我介绍：你轻轻的来，正如我轻轻的走，离别不说再见……</p>
<span class="num"><em>4889</em> 关注</span>
<span class="num"><em>4889</em> 粉丝</span>
<a href="../../src/pages/concerns.html"><span class="num"><em>4889</em> 关注</span></a>
<a href="../../src/pages/concerns.html"><span class="num"><em>4889</em> 粉丝</span></a>
</section>
<section class="personalList">
<ul>
......
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