fe / yohobuywap-node · Commits

Go to a project

Authored by ccbikai(👎🏻🍜)
Commit 04067c1ed6c95c8144f483af377149f237fc0bed 2 parents ff53d40b 28a77a1c

Merge branch 'feature/indexcss' into feature/webpack2

Inline Side-by-side
Showing 3 changed files with 198 additions and 1 deletions
@import "coupons";
.my-coupon-page {
.coupon-tab {
height: 90px;
padding: 25px 0;
text-align: center;
background-color: #fff;
font-size: 32px;
color: #b0b0b0;
ul li {
float: left;
width: 50%;
border-right: 1px solid #b0b0b0;
&.activate {
color: #444;
}
&:last-child {
border: none;
}
}
}
.coupon-group {
background-color: #f2f2f2;
color: #f2f2f2;
margin: 20px 20px 0;
& > div {
padding: 0 15px;
}
.coupon-header {
border-radius: 10px 10px 0 0;
background-color: #e53333;
height: 60px;
line-height: 60px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 28px;
}
.coupon-content {
border-radius: 0 0 10px 10px;
height: 140px;
border-top: 2px dashed #e53333;
display: table;
padding: 15px 0;
background-color: #f06a6b;
.coupon-content-group1 {
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 20px;
p {
width: 200px;
overflow: hidden;
min-height: 28px;
}
.coupon-money {
font-size: 80px;
}
}
.coupon-content-group2 {
display: table-cell;
font-size: 20px;
border-left: 1px solid #f1aeaf;
padding-left: 20px;
padding-right: 20px;
width: 100%;
.coupon-content-group2-table {
display: table;
overflow: hidden;
height: 100%;
width: 100%;
line-height: 45px;
}
.coupon-content-group2-table > div {
display: table-row;
height: 100%;
}
.left {
float: left;
line-height: 45px;
color: #fff;
}
.left.down .iconfont:before {
font-size: 12px;
content: "\e609";
}
.left.up .iconfont:before {
font-size: 12px;
content: "\e608";
}
.right {
float: right;
}
.coupon-soon-expire {
color: #000;
}
.btn {
display: inline-block;
width: 120px;
height: 45px;
text-align: center;
background-color: #e53333;
border-radius: 10px;
color: #fff;
}
.employ {
width: 171px;
height: 146px;
position: absolute;
display: block;
z-index: 2;
right: 37px;
margin-top: -95px;
background-image: resolve("home/employ.png");
background-size: cover;
}
}
}
.coupon-footer {
background-color: #f06a6b;
padding: 20px;
font-size: 18px;
border-radius: 10px;
color: #fff;
border-top: 1px dashed #fff;
}
}
.coupon-not-result {
width: 100%;
height: auto;
overflow: hidden;
position: fixed;
left: 0;
top: 50%;
margin-top: -162px;
i {
width: 100%;
height: 120px;
overflow: hidden;
display: block;
background: resolve("home/employ/not.png") center top no-repeat;
background-size: auto 100%;
}
p {
width: 100%;
height: auto;
overflow: hidden;
padding: 20px 0 0;
font-size: 32px;
text-align: center;
color: #444;
}
a {
width: 73.75%;
height: 80px;
overflow: hidden;
font-size: 36px;
line-height: 80px;
display: block;
background: #444;
color: #fff;
text-align: center;
margin: 60px auto 0;
border-radius: 0.2rem;
}
}
}
... ...
... ... @@ -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 {
... ... @@ -201,6 +203,7 @@
.goods-consults.customer-consults {
.consult-item {
@mixin consult-item ;
margin-top: 0;
margin-bottom: 15px;
}
... ... @@ -238,6 +241,7 @@
.goods-consults .faq-item {
@mixin consult-item ;
margin-top: 0;
margin-bottom: 15px;
... ...
... ... @@ -167,6 +167,7 @@
.banner-area {
@extend .banner-top;
margin-bottom: 30px;
}
... ... @@ -525,6 +526,7 @@
.pos-list {
@extend .sale-page;
background: #fff;
width: 100%;
overflow: hidden;
... ...