Commit e5367a8c by LJM

css

parent 9c3e1eb6
......@@ -6,6 +6,13 @@
"description": "",
"glyphs": [
{
"icon_id": "35750467",
"name": "矩形",
"font_class": "juxing7",
"unicode": "e7a5",
"unicode_decimal": 59301
},
{
"icon_id": "35716547",
"name": "矩形",
"font_class": "juxing6",
......
......@@ -70,5 +70,210 @@
}
}
}
.modular-box {
background: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%);
border-radius: 10rpx 10rpx 0px 0px;
padding: 32rpx 0 0 0;
.head-title {
.t1 {
font-size: 36rpx;
color: #292b33;
font-weight: 600;
margin-bottom: 4rpx;
}
.t2 {
font-size: 22rpx;
color: #c6c7cc;
}
}
.list {
padding-top: 28rpx;
.box {
padding: 0 0 0 74rpx;
margin-bottom: 26rpx;
.iconfont {
font-size: 32rpx;
color: #26aaf7;
}
.tt {
margin-left: 16rpx;
font-size: 24rpx;
color: #484b59;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
}
}
.bb {
margin-top: 24rpx;
height: 70rpx;
background: #f0f6ff;
border-radius: 10px 10px 0px 0px;
font-size: 28rpx;
color: #1969f9;
font-weight: 600;
}
}
.slogan-box {
margin-bottom: 40rpx;
.slogan {
padding-top: 38rpx;
padding-left: 70rpx;
height: 150rpx;
margin-bottom: 16rpx;
border-radius: 10rpx;
&:last-child {
margin-bottom: 0;
}
&.slogan-b1 {
background: url('https://img.ichunt.com/images/ichunt/202305/30/b2b92b244e26907601699f96dc72ea28.png') no-repeat center;
background-size: cover;
}
&.slogan-b2 {
background: url('https://img.ichunt.com/images/ichunt/202305/30/7abff286178c9a940c908be60daee494.png') no-repeat center;
background-size: cover;
}
&.slogan-b3 {
background: url('https://img.ichunt.com/images/ichunt/202305/30/bbf5a4e02806bb039aa378ec4221d5fd.png') no-repeat center;
background-size: cover;
}
.t1 {
font-size: 28rpx;
color: #fff;
margin-bottom: 4rpx;
}
.t2 {
font-size: 22rpx;
color: #fff;
}
}
}
.follow-box {
background: #ffffff;
border-radius: 10rpx 10rpx 0px 0px;
.title {
margin: 0 24rpx;
height: 104rpx;
font-size: 28rpx;
color: #1969f9;
font-weight: 600;
border-bottom: 1px solid #f0f0f2;
}
.list {
padding-top: 23rpx;
padding: 0 24rpx;
background: #ffffff;
.box {
padding: 24rpx 0 24rpx 73rpx;
border-bottom: 1px solid #f0f0f2;
box-sizing: border-box;
&:last-child {
border-bottom: none;
}
.pic {
width: 121rpx;
height: 121rpx;
overflow: hidden;
.im {
width: 121rpx;
height: 121rpx;
}
}
.text {
margin-left: 40rpx;
.t1 {
font-size: 28rpx;
color: #484b59;
font-weight: 600;
margin-bottom: 12rpx;
}
.t2 {
font-size: 22rpx;
color: #919399;
}
}
}
}
}
.uni-swipe-box {
margin-top: 24rpx;
background-color: #ffffff;
padding: 0 24rpx;
margin-bottom: 40rpx;
border-radius: 10rpx;
.swiper {
width: 100%;
height: 500rpx;
border-radius: 10px;
swiper-item {
width: 100%;
height: 500rpx;
border-radius: 10px;
.pic {
width: 100%;
height: 390rpx;
border-radius: 10rpx;
}
.text {
height: 73rpx;
background-color: #fff;
font-size: 24rpx;
color: #484b59;
}
}
}
}
.financing-list {
padding-top: 40rpx;
padding-bottom: 80rpx;
.box {
position: relative;
width: 76%;
padding-bottom: 28rpx;
&::after {
position: absolute;
left: 0;
right: 0;
width: 1px;
height: 100%;
margin: 0 auto;
border-right: 1px dashed #c6c7cc;
color: #c6c7cc;
content: '';
}
.text {
&.left {
position: absolute;
left: 0;
}
&.right {
position: absolute;
right: 0;
}
.t1 {
font-size: 28rpx;
color: #292b33;
font-weight: 600;
margin-bottom: 4rpx;
}
.t2 {
font-size: 24rpx;
color: #919399;
}
}
.status {
position: relative;
z-index: 8;
width: 78rpx;
height: 78rpx;
background: #f98119;
font-size: 22rpx;
color: #fff;
border-radius: 50%;
}
}
}
}
}
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 sign in to comment