123 lines
2.3 KiB
Plaintext
123 lines
2.3 KiB
Plaintext
@import '@/styles/common.less';
|
|
@import '@/styles/variables.less';
|
|
|
|
.user-batch-publish {
|
|
padding: 16px 24px;
|
|
|
|
&__header-image {
|
|
width: 100%;
|
|
height: 120px;
|
|
margin-top: 24px;
|
|
}
|
|
|
|
&__title {
|
|
font-size: 32px;
|
|
line-height: 48px;
|
|
margin-top: 32px;
|
|
font-weight: 400;
|
|
color: #1d2129;
|
|
|
|
&:first-child {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
&__cell {
|
|
height: 100px;
|
|
padding-left: 32px;
|
|
padding-right: 32px;
|
|
border-radius: 16px;
|
|
margin-top: 24px;
|
|
}
|
|
|
|
&__extra {
|
|
margin-top: 24px;
|
|
font-weight: 400;
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
color: @blHighlightColor;
|
|
}
|
|
|
|
&__cost-describe {
|
|
height: 100px;
|
|
padding: 0 32px;
|
|
border-radius: 16px;
|
|
.flex-row();
|
|
justify-content: space-between;
|
|
background: #ffffff;
|
|
margin-top: 24px;
|
|
|
|
&__price {
|
|
font-size: 48px;
|
|
line-height: 48px;
|
|
font-weight: 500;
|
|
color: @blHighlightColor;
|
|
}
|
|
|
|
&__original_price {
|
|
flex: 1;
|
|
font-size: 32px;
|
|
line-height: 34px;
|
|
font-weight: 400;
|
|
color: @blColorG1;
|
|
margin-left: 16px;
|
|
text-decoration: line-through;
|
|
}
|
|
}
|
|
|
|
&__illustrate {
|
|
padding: 24px 32px;
|
|
margin-top: 24px;
|
|
font-size: 28px;
|
|
line-height: 48px;
|
|
font-weight: 400;
|
|
color: @blColorG2;
|
|
background: #ffffff;
|
|
border-radius: 16px;
|
|
|
|
.underline {
|
|
display: inline;
|
|
font-weight: 500;
|
|
font-size: 32px;
|
|
line-height: 48px;
|
|
color: @blColor;
|
|
position: relative;
|
|
background-image: linear-gradient(to bottom, rgba(109, 61, 245, 0.6) 0%, rgba(109, 61, 245, 0.6) 100%);
|
|
background-repeat: no-repeat;
|
|
background-size: 100% 12px;
|
|
background-position: bottom;
|
|
}
|
|
|
|
&__describe {
|
|
.flex-row();
|
|
font-size: 28px;
|
|
line-height: 48px;
|
|
font-weight: 400;
|
|
color: @blColorG2;
|
|
margin-top: 8px;
|
|
|
|
&__view {
|
|
color: @blHighlightColor;
|
|
margin-left: 4px;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__buy-button {
|
|
.button(@width: 100%; @height: 80px; @fontSize: 32px);
|
|
margin-top: 40px;
|
|
}
|
|
|
|
&__publish-title {
|
|
font-size: 36px;
|
|
font-weight: 500;
|
|
line-height: 56px;
|
|
color: @blColor;
|
|
}
|
|
|
|
&__publish-button {
|
|
.button(@width: 360px, @height: 72px, @fontSize: 28px, @fontWeight: 400, @borderRadius: 44px);
|
|
margin: 40px auto auto;
|
|
}
|
|
}
|