fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit ce9e25b47980eb850dd005f9a825da21333a9085 1 parent 4996c67b

css-format

Inline Side-by-side
Showing 10 changed files with 371 additions and 383 deletions
... ... @@ -353,99 +353,97 @@
}
}
.class {
.class-item {
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #e0e0e0;
padding: 30px;
margin-bottom: 30px;
background-color: #fff;
.class .class-item {
border-top: solid 1px #e0e0e0;
border-bottom: solid 1px #e0e0e0;
padding: 30px;
margin-bottom: 30px;
background-color: #fff;
.pic {
img {
width: 100%;
}
.pic {
img {
width: 100%;
}
}
.info {
height: 88px;
line-height: 88px;
.info {
height: 88px;
line-height: 88px;
.name {
color: #444;
font-size: 38px;
float: left;
width: 530px;
}
.name {
color: #444;
font-size: 38px;
float: left;
width: 530px;
}
.price {
font-size: 50px;
color: #d0021b;
float: right;
width: 160px;
text-align: right;
span {
font-size: 30px;
padding-right: 10px;
}
}
.price {
font-size: 50px;
color: #d0021b;
float: right;
width: 160px;
text-align: right;
.free {
text-align: right;
float: right;
color: #d0021b;
span {
font-size: 30px;
width: 160px;
padding-right: 10px;
}
}
.tip {
float: left;
width: 100%;
.free {
text-align: right;
float: right;
color: #d0021b;
font-size: 30px;
width: 160px;
}
}
div {
font-size: 28px;
color: #444;
float: left;
line-height: 45px;
}
.tip {
float: left;
width: 100%;
a {
display: block;
width: 160px;
height: 70px;
background-color: #d0021b;
color: #fff;
float: right;
text-align: center;
line-height: 70px;
border-radius: 10px;
margin-top: 10px;
}
div {
font-size: 28px;
color: #444;
float: left;
line-height: 45px;
}
.disable {
background-color: #b0b0b0;
color: #fff;
}
a {
display: block;
width: 160px;
height: 70px;
background-color: #d0021b;
color: #fff;
float: right;
text-align: center;
line-height: 70px;
border-radius: 10px;
margin-top: 10px;
}
.any-time {
color: #444;
font-size: 30px;
background-color: #fff;
text-align: right;
}
.disable {
background-color: #b0b0b0;
color: #fff;
}
.end {
width: 100px;
height: 30px;
line-height: 30px;
border-radius: 15px;
font-size: 20px;
color: #888;
background-color: #e0e0e0;
margin-top: 25px;
}
.any-time {
color: #444;
font-size: 30px;
background-color: #fff;
text-align: right;
}
.end {
width: 100px;
height: 30px;
line-height: 30px;
border-radius: 15px;
font-size: 20px;
color: #888;
background-color: #e0e0e0;
margin-top: 25px;
}
}
}
... ... @@ -667,30 +665,30 @@
background-color: #fff;
height: 100px;
overflow: hidden;
}
ul {
float: left;
width: auto;
.nav-item {
width: 150px;
float: left;
padding: 10px 0;
.time-nav ul {
float: left;
width: auto;
&.active {
p {
color: #444;
font-weight: bold;
}
}
.nav-item {
width: 150px;
float: left;
padding: 10px 0;
&.active {
p {
font-size: 28px;
color: #b0b0b0;
text-align: center;
line-height: 40px;
color: #444;
font-weight: bold;
}
}
p {
font-size: 28px;
color: #b0b0b0;
text-align: center;
line-height: 40px;
}
}
}
... ... @@ -856,49 +854,49 @@
.chosen-list {
border-top: solid 1px #e0e0e0;
background-color: #fff;
}
.item {
padding: 30px;
border-bottom: solid 1px #e0e0e0;
display: block;
.chosen-list .item {
padding: 30px;
border-bottom: solid 1px #e0e0e0;
display: block;
input {
float: left;
margin-top: 35px;
input {
float: left;
margin-top: 35px;
}
.pic {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
float: left;
margin: 0 30px;
img {
width: 100%;
height: 100%;
}
}
.pic {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
float: left;
margin: 0 30px;
.info {
width: 500px;
float: left;
img {
width: 100%;
height: 100%;
}
.name {
color: #444;
font-size: 38px;
line-height: 50px;
}
.info {
width: 500px;
float: left;
.name {
color: #444;
font-size: 38px;
line-height: 50px;
}
.intro {
color: #444;
font-size: 24px;
line-height: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.intro {
color: #444;
font-size: 24px;
line-height: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
... ... @@ -1453,4 +1451,4 @@
line-height: 50px;
}
}
}
\ No newline at end of file
}
... ...
... ... @@ -6,7 +6,6 @@
background: resolve("activity/vip-day/activity.jpg");
background-size: 100% 100%;
height: 363px;
/*box-shadow: inset -6px -6px 7px rgba(15, 5, 10, 0.32);*/
}
.vip-day-footer {
... ... @@ -310,7 +309,7 @@
.vip-good-name {
font-size: 20px;
color: #fff;
height: calc(2*20*1.4px);
height: 56px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
... ...
.vip-day10.entry {
.vip-day10 .entry {
background: resolve("activity/vip-day/vip-day1028/bg.jpg");
background-size: 100% 100%;
}
... ... @@ -7,7 +7,6 @@
background: resolve("activity/vip-day/vip-day1028/head.gif");
background-size: 100% 100%;
height: 486px;
/*box-shadow: inset -6px -6px 7px rgba(15, 5, 10, 0.32);*/
}
.vip-day10-slogan {
... ... @@ -258,4 +257,4 @@
img {
width: 421px;
}
}
\ No newline at end of file
}
... ...
... ... @@ -47,9 +47,6 @@
}
}
/*-------------------------------------*\
.coupon 单个优惠券
\*-------------------------------------*/
.coupon {
min-height: 165px;
margin-left: 30px;
... ... @@ -104,4 +101,4 @@
body.coupon-drawer-open {
overflow: hidden;
}
\ No newline at end of file
}
... ...
... ... @@ -57,6 +57,7 @@
&.highlight {
color: $basicBtnC;
}
font-size: 28px;
float: left;
width: 50%;
... ... @@ -68,6 +69,7 @@
padding-right: 5PX;
font-size: inherit;
}
position: relative;
.animate-count {
... ... @@ -198,12 +200,11 @@
}
}
.goods-consults.customer-consults {
.consult-item {
@mixin consult-item ;
margin-top: 0;
margin-bottom: 15px;
}
.goods-consults .customer-consults .consult-item {
@mixin consult-item ;
margin-top: 0;
margin-bottom: 15px;
}
.goods-consults {
... ... @@ -238,6 +239,7 @@
.goods-consults .faq-item {
@mixin consult-item ;
margin-top: 0;
margin-bottom: 15px;
... ...
... ... @@ -33,43 +33,43 @@
.method-1 {
li:nth-child(1) .intro-img {
background-image: resolve(product/help/1.png);
background-image: resolve("product/help/1.png");
}
li:nth-child(2) .intro-img {
background-image: resolve(product/help/2.png);
background-image: resolve("product/help/2.png");
}
li:nth-child(3) .intro-img {
background-image: resolve(product/help/3.png);
background-image: resolve("product/help/3.png");
}
}
.method-2 {
li:nth-child(1) .intro-img {
background-image: resolve(product/help/4.png);
background-image: resolve("product/help/4.png");
}
li:nth-child(2) .intro-img {
background-image: resolve(product/help/5.png);
background-image: resolve("product/help/5.png");
}
li:nth-child(3) .intro-img {
background-image: resolve(product/help/6.png);
background-image: resolve("product/help/6.png");
}
li:nth-child(4) .intro-img {
background-image: resolve(product/help/7.png);
background-image: resolve("product/help/7.png");
}
}
.how {
li:nth-child(1) .intro-img {
background-image: resolve(product/help/8.png);
background-image: resolve("product/help/8.png");
}
li:nth-child(2) .intro-img {
background-image: resolve(product/help/9.png);
background-image: resolve("product/help/9.png");
margin-bottom: 0;
}
}
... ...
.recommend-for-you {
&.width750 {
}
padding: 30px 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
... ... @@ -46,7 +44,6 @@
line-height: 1;
.sale-price {
/*display: block;*/
margin-right: 8px;
color: #d9134f;
}
... ... @@ -95,7 +92,6 @@
font-size: 28px;
.sale-price {
/*display: block;*/
margin-right: 9px;
}
}
... ...
... ... @@ -6,109 +6,109 @@
height: 119px;
overflow: hidden;
ul {
width: auto;
overflow: hidden;
height: 100%;
padding-top: 20px;
li {
width: 226px;
height: 79px;
border-right: solid 1PX #e1e1e1;
text-align: center;
float: left;
$status-list: over, now, wait;
@each $status in $status-list {
&.$(status) {
.tip-$(status),
.info-$(status) {
display: initial;
}
}
}
&.last {
.last-info {
display: block;
}
&.fix-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 100;
box-shadow: 0 1px 0 0 #e1e1e1;
}
}
}
.last-count-down {
display: none;
}
.seckill-list .nav-list ul {
width: auto;
overflow: hidden;
height: 100%;
padding-top: 20px;
li {
width: 226px;
height: 79px;
border-right: solid 1PX #e1e1e1;
text-align: center;
float: left;
$status-list: over, now, wait;
@each $status in $status-list {
&.$(status) {
.tip-$(status),
.info-$(status) {
display: initial;
}
}
}
.status,
.last-info {
display: none;
}
&.last {
.last-info {
display: block;
}
p {
font-size: 22px;
}
.last-count-down {
display: none;
}
}
&:last-child {
border: none;
}
.status,
.last-info {
display: none;
}
&.focus {
width: 300px;
p {
font-size: 22px;
}
.selected {
display: block;
}
&:last-child {
border: none;
}
.normal {
display: none;
}
}
&.focus {
width: 300px;
.selected {
display: none;
color: #d0021b !important;
height: 79px;
line-height: 40px;
.selected {
display: block;
}
.time {
font-weight: bold;
}
}
.normal {
display: none;
}
}
.normal {
display: block;
height: 79px;
line-height: 40px;
}
.selected {
display: none;
color: #d0021b !important;
height: 79px;
line-height: 40px;
.time {
font-size: 30px;
.time {
font-weight: bold;
}
}
span {
margin-right: 5px;
font-size: 30px;
}
}
.normal {
display: block;
height: 79px;
line-height: 40px;
}
.tick {
font-size: 20px;
background-color: #d60117;
color: #fff;
margin-left: 10px;
border-radius: 3PX;
padding-left: 5px;
padding-right: 5px;
}
.time {
font-size: 30px;
span {
margin-right: 5px;
font-size: 30px;
}
}
&.fix-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 100;
box-shadow: 0 1px 0 0 #e1e1e1;
.tick {
font-size: 20px;
background-color: #d60117;
color: #fff;
margin-left: 10px;
border-radius: 3PX;
padding-left: 5px;
padding-right: 5px;
}
}
}
... ...
.seckill-list {
.product-list {
background-color: #fff;
margin-top: 1px;
.item {
position: relative;
padding: 20px 30px;
display: -webkit-box;
border-bottom: solid 1PX #e1e1e1;
&:first-child {
border-top: solid 1PX #e1e1e1;
}
.seckill-list .product-list {
background-color: #fff;
margin-top: 1px;
.item-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
}
}
.item-img {
width: 152px;
margin-right: 30px;
.seckill-list .product-list .item {
position: relative;
padding: 20px 30px;
display: -webkit-box;
border-bottom: solid 1PX #e1e1e1;
img {
width: 100%;
}
&:first-child {
border-top: solid 1PX #e1e1e1;
}
.item-img {
width: 152px;
margin-right: 30px;
img {
width: 100%;
}
}
}
.seckill-list .product-list .item .item-info {
-webkit-box-flex: 1;
position: relative;
min-height: 202px;
.item-title {
font-size: 28px;
color: #444;
}
.item-price {
margin-top: 15px;
ins {
color: #d0021b;
font-size: 34px;
text-decoration: none;
margin-right: 10px;
}
del {
font-size: 20px;
color: #000;
color: rgb(176, 176, 176);
text-decoration: line-through;
}
}
.item-foot {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
.item-price {
-webkit-box-flex: 1;
}
.item-time {
-webkit-box-flex: 1;
font-size: 22px;
padding-top: 28px;
-webkit-box-align: end;
i {
margin-right: 5px;
color: #b0b0b0;
}
.item-info {
-webkit-box-flex: 1;
span {
color: #b0b0b0;
}
}
.item-button {
width: 200px;
text-align: right;
.btn {
position: relative;
min-height: 202px;
z-index: 2;
display: inline-block;
min-width: 160px;
padding: 0 8px;
height: 60px;
line-height: 60px;
text-align: center;
color: #fff;
background-color: #d0021b;
border-radius: 3PX;
border: none;
font-size: 28px;
&.btn-buy {
background-color: #d0021b;
}
.item-title {
font-size: 28px;
color: #444;
&.btn-over {
background-color: #b2b2b2;
}
.item-price {
margin-top: 15px;
ins {
color: #d0021b;
font-size: 34px;
text-decoration: none;
margin-right: 10px;
}
del {
font-size: 20px;
color: #000;
color: rgb(176, 176, 176);
text-decoration: line-through;
}
&.btn-chance,
&.btn-remind-off {
background-color: #fff;
border: solid 1PX #454545;
color: #454545;
}
.item-foot {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
.item-price {
-webkit-box-flex: 1;
}
.item-time {
-webkit-box-flex: 1;
font-size: 22px;
padding-top: 28px;
-webkit-box-align: end;
i {
margin-right: 5px;
color: #b0b0b0;
}
span {
color: #b0b0b0;
}
}
.item-button {
width: 200px;
text-align: right;
.btn {
position: relative;
z-index: 2;
display: inline-block;
min-width: 160px;
padding: 0 8px;
height: 60px;
line-height: 60px;
text-align: center;
color: #fff;
background-color: #d0021b;
border-radius: 3PX;
border: none;
font-size: 28px;
&.btn-buy {
background-color: #d0021b;
}
&.btn-over {
background-color: #b2b2b2;
}
&.btn-chance,
&.btn-remind-off {
background-color: #fff;
border: solid 1PX #454545;
color: #454545;
}
&.btn-remind-on {
background-color: #000;
}
}
.old-price {
display: block;
width: 100%;
position: absolute;
top: -35px;
right: 0;
font-size: 20px;
color: #d0021b;
line-height: 30px;
}
}
&.btn-remind-on {
background-color: #000;
}
}
}
.item-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
.old-price {
display: block;
width: 100%;
position: absolute;
top: -35px;
right: 0;
font-size: 20px;
color: #d0021b;
line-height: 30px;
}
}
}
}
... ...
... ... @@ -42,10 +42,8 @@
line-height: 14PX;
}
&:first-child {
.text {
border-left: none;
}
&:first-child .text {
border-left: none;
}
}
}
... ... @@ -129,7 +127,7 @@
font-size: 28px;
background: #fff;
overflow: hidden;
border-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #e0e0e0;
z-index: 2;
... ... @@ -142,7 +140,7 @@
text-align: center;
border-left: 1px solid #e0e0e0;
margin-top: 30px;
border-sizing: border-box;
box-sizing: border-box;
color: #b0b0b0;
&:first-child {
... ... @@ -167,6 +165,7 @@
.banner-area {
@extend .banner-top;
margin-bottom: 30px;
}
... ... @@ -364,7 +363,6 @@
.goods-container {
position: relative;
min-height: 440px;
/* padding-left: 15px; */
padding-top: 20px;
border-bottom: 1px solid #e0e0e0;
}
... ... @@ -414,7 +412,7 @@
line-height: 40PX;
width: 24.8%;
text-align: center;
border-sizing: border-box;
box-sizing: border-box;
position: relative;
span {
... ... @@ -559,6 +557,7 @@
.pos-list {
@extend .sale-page;
background: #fff;
width: 100%;
overflow: hidden;
... ... @@ -570,7 +569,7 @@
line-height: 40PX;
width: 24.8%;
text-align: center;
border-sizing: border-box;
box-sizing: border-box;
span {
font-size: 14PX;
... ...