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