Skip to content

M
mr-julyedu
Commit 729f161a by wangshuo
Options

css文件

parent 0f67b6fc
Showing with 68 additions and 68 deletions
src/components/blessingPreheat/collectBlessing/index.scss
...@@ -83,6 +83,7 @@ ...@@ -83,6 +83,7 @@
&[data-type="wechat"] { &[data-type="wechat"] {
background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/wechat-icon.png'); background-image: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/wechat-icon.png');
} }
}
.activity__over { .activity__over {
font-size:12px; font-size:12px;
...@@ -109,80 +110,79 @@ ...@@ -109,80 +110,79 @@
margin-left: 12px; margin-left: 12px;
} }
.rules__item { .rules__item {
background: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/fuqi_bj1.png') center center no-repeat; background: url('https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/fuqi_bj1.png') center center no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
width: 336px; width: 336px;
padding: 18px 18px 10px 18px; padding: 18px 18px 10px 18px;
margin: 10px auto; margin: 10px auto;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
min-height: 106px;
.item__left {
display: flex; display: flex;
flex-direction: row; flex-direction: column;
justify-content: space-between; justify-content: center;
align-items: center; align-items: center;
min-height: 106px; width: 90px;
height: 100%;
.item__left { padding-right: 10px;
display: flex;
flex-direction: column; .tip__bubble {
justify-content: center; position: relative;
align-items: center; margin-bottom: 10px;
width: 90px; .tip__text {
height: 100%; width: 54px;
padding-right: 10px; height: 22px;
background:linear-gradient(90deg,rgba(245,175,172,1) 0%,rgba(241,226,229,1) 100%);
.tip__bubble { border-radius:3px;
position: relative; font-weight:400;
margin-bottom: 10px; line-height: 22px;
.tip__text { text-align: center;
width: 54px;
height: 22px;
background:linear-gradient(90deg,rgba(245,175,172,1) 0%,rgba(241,226,229,1) 100%);
border-radius:3px;
font-weight:400;
line-height: 22px;
text-align: center;
color:rgba(255,67,2,1);
}
.tip__style {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #F3C9C9;
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
}
}
.range__number {
font-size:16px;
font-weight:500;
color:rgba(255,67,2,1); color:rgba(255,67,2,1);
} }
.tip__style {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #F3C9C9;
position: absolute;
bottom: -6px;
left: 50%;
transform: translateX(-50%);
}
}
.range__number {
font-size:16px;
font-weight:500;
color:rgba(255,67,2,1);
} }
}
.item__right { .item__right {
border-left: 1px dashed rgba(255,255,255, .5); border-left: 1px dashed rgba(255,255,255, .5);
flex: 1 1 auto; flex: 1 1 auto;
font-size:12px; font-size:12px;
font-weight:400; font-weight:400;
color:rgba(242,240,250,1); color:rgba(242,240,250,1);
line-height:15px; line-height:15px;
padding: 8px 0 8px 20px ; padding: 8px 0 8px 20px ;
p { p {
margin-bottom: 10px; margin-bottom: 10px;
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
span { span {
font: size 12px; font: size 12px;
font-weight:400; font-weight:400;
color:rgba(255,223,4,1); color:rgba(255,223,4,1);
line-height:15px; line-height:15px;
}
} }
} }
} }
......
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