fe / yohobuywap-node · Commits

Go to a project

Authored by htoooth
Commit 08d970ebf430226f7a24e0d1c1f41d519a6da4b1 1 parent 8ee4149a

format scss

Inline Side-by-side
Showing 12 changed files with 38 additions and 52 deletions
.action-bar-comp {
.action-bar {
display: flex;
width: 100%;
... ... @@ -29,26 +28,24 @@
position: absolute;
top: 50%;
left: 50%;
/* transform: translateY(-50%); */
transform: translate(-50%, -50%);
}
.ok {
background-color: #D0021B;
background-color: #d0021b;
}
.confirm {
background-color: #444444;
background-color: #444;
}
.over {
background-color: #B0B0B0;
background-color: #b0b0b0;
}
.code-alert {
text-align: center;
color: #444444;
color: #444;
margin-top: 60px;
margin-bottom: 60px;
}
... ... @@ -56,7 +53,7 @@
.title {
display: inline-block;
font-size: 28px;
color: #444444;
color: #444;
height: 50px;
line-height: 50px;
}
... ... @@ -69,14 +66,14 @@
font-weight: bolder;
line-height: 50px;
text-align: center;
border: 1px solid #444444;
border: 1px solid #444;
padding: 0 20px;
margin-left: 20px;
}
.share {
font-size: 28px;
color: #444444;
color: #444;
}
.foot {
... ... @@ -90,7 +87,7 @@
font-size: 28px;
font-weight: bolder;
text-align: center;
border-top: 1px solid #E0E0E0;
border-top: 1px solid #e0e0e0;
}
.foot-item {
... ... @@ -105,11 +102,11 @@
}
.foot-item + .foot-item {
border-left: 1px solid #E0E0E0 !important;
border-left: 1px solid #e0e0e0 !important;
}
.info {
color: #D0021B !important;
color: #d0021b !important;
}
.error-alert {
... ... @@ -120,7 +117,7 @@
.error-title {
font-size: 40px;
color: #D0021B;
color: #d0021b;
margin-bottom: 30px;
}
... ... @@ -141,26 +138,26 @@
width: 480px !important;
height: 80px !important;
border-radius: 50px !important;
background-color: #D0021B !important;
background-color: #d0021b !important;
text-align: center !important;
font-size: 32px !important;
color: white !important;
border: 1px solid #D0021B !important;
border: 1px solid #d0021b !important;
margin-left: 40px !important;
margin-right: 40px !important;
}
.share-tip {
font-size: 20px;
color: #B0B0B0;
color: #b0b0b0;
margin-top: 10px;
margin-bottom: 40px;
text-align: center
text-align: center;
}
.alert-title {
font-size: 36px;
color: #222222;
color: #222;
text-align: center;
margin-top: 80px;
font-weight: bolder;
... ...
.avatar-comp {
.avatar-item {
}
.avatar-image {
display: inline-block;
margin-top: 4px;
... ...
.desc-comp {
.desc {
border-top: 1px solid #D8D8D8;
border-top: 1px solid #d8d8d8;
}
.title {
... ... @@ -10,7 +10,7 @@
box-sizing: border-box;
font-size: 28px;
padding: 16px 0;
border-top: 10px solid #444444;
border-top: 10px solid #444;
text-align: center;
margin-bottom: 36px;
}
... ... @@ -18,7 +18,7 @@
.desc-content {
min-height: 200px;
font-size: 24px;
color: #444444;
color: #444;
line-height: 48px;
padding: 0 24px;
}
... ...
... ... @@ -14,7 +14,7 @@
.title {
color: white;
font-size: 20px;
margin-bottom: 0!important;
margin-bottom: 0 !important;
}
.btn {
... ... @@ -24,7 +24,7 @@
height: 40px;
font-size: 24px;
line-height: 40px;
background-color: #D0021B;
background-color: #d0021b;
text-align: center;
animation: scaleDraw 3s ease-in-out infinite;
}
... ... @@ -33,12 +33,15 @@
0% {
transform: scale(1);
}
25% {
transform: scale(1.2);
}
50% {
transform: scale(1);
}
75% {
transform: scale(1.2);
}
... ...
... ... @@ -28,7 +28,7 @@
.modal-dialog-bg {
width: 550px;
height: 800px;
background: url('img/activity/yoluck/alert_bg@3x.png');
background: url("img/activity/yoluck/alert_bg@3x.png");
background-size: cover;
}
... ... @@ -55,7 +55,7 @@
.title {
font-size: 28px;
color: #444444;
color: #444;
}
.code {
... ... @@ -71,8 +71,8 @@
.share {
font-size: 28px;
color: #FFFFFF;
background: #FF4C00;
color: #fff;
background: #ff4c00;
border-radius: 28px;
width: 460px;
height: 80px;
... ... @@ -83,14 +83,12 @@
.share-desc {
font-size: 20px;
color: #B0B0B0;
font-family: PingFangSC-Medium;
color: #b0b0b0;
margin-top: 10px;
}
.info {
color: #D0021B !important;
color: #d0021b !important;
}
.error-alert {
... ... @@ -101,7 +99,7 @@
.error-title {
font-size: 40px;
color: #D0021B ;
color: #d0021b;
margin-bottom: 30px;
}
... ...
... ... @@ -6,8 +6,8 @@
.title {
font-size: 32px;
color: #444444;
border-left: 6px solid #444444;
color: #444;
border-left: 6px solid #444;
padding-left: 12px;
text-align: left;
margin-bottom: 40px;
... ...
... ... @@ -5,7 +5,7 @@
.prize-progress {
display: inline-block;
box-sizing: border-box;
border: 2px solid #E0E0E0;
border: 2px solid #e0e0e0;
width: 600px;
height: 140px;
}
... ... @@ -22,7 +22,6 @@
.step0 {
background: url("img/activity/yoluck/step0@2x.png");
background-size: cover;
}
... ... @@ -54,6 +53,6 @@
}
.active {
color: #444444
color: #444;
}
}
... ...
/* stylelint-disable */
.product_image {
width: 750px;
height: 470px;
... ... @@ -70,7 +72,6 @@
.countdown_label {
width: 70px;
font-family: PingFang-SC-Regular;
font-size: 20px;
color: #222;
letter-spacing: -0.36px;
... ... @@ -103,7 +104,6 @@
.product_lucky {
color: #d0021b;
font-size: 24px;
font-family: PingFangSC-Semibold;
display: flex;
flex-direction: row;
align-items: baseline;
... ...
/* stylelint-disable */
.product_image {
width: 750px;
... ...
... ... @@ -26,9 +26,6 @@
overflow: auto;
background: #f0f0f0;
.active {
}
.inactive {
display: none;
}
... ...
... ... @@ -84,7 +84,6 @@
/* transform: translateY(-50%); */
transform: translate(-50%, -50%);
}
.action-bar2 {
... ... @@ -101,7 +100,6 @@
margin-top: 96px;
}
.auth-foot {
position: absolute;
box-sizing: border-box;
... ...
... ... @@ -75,10 +75,7 @@
line-height: 250px;
}
.bottom-banner {
/* position: fixed; */
/* padding-bottom: 88px; */
height: 234px;
width: 100%;
}
... ...