You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
161 lines
2.6 KiB
161 lines
2.6 KiB
.app-wallpaper{ |
|
position: relative; |
|
background: { |
|
size: 100% 100%; |
|
repeat: no-repeat; |
|
} |
|
.feed-container{ |
|
position: relative; |
|
box-sizing: border-box; |
|
.feed-content{ |
|
box-sizing: border-box; |
|
background:{ |
|
color:#ffffff; |
|
} |
|
border:3rpx solid #262626; |
|
border-radius: 26rpx; |
|
} |
|
.feed-background{ |
|
position: absolute; |
|
top:25rpx; |
|
left:0; |
|
z-index: -1; |
|
padding:15rpx; |
|
width:100%; |
|
height:100%; |
|
box-sizing: border-box; |
|
.feed-background-content{ |
|
box-sizing: border-box; |
|
width:100%; |
|
height:100%; |
|
background:{ |
|
color:#4DC3B8; |
|
} |
|
border:3rpx solid #262626; |
|
border-radius: 26rpx; |
|
} |
|
} |
|
} |
|
.feed-top{ |
|
box-sizing: border-box; |
|
margin-bottom:40rpx; |
|
.feed-container{ |
|
box-sizing: border-box; |
|
.feed-content{ |
|
box-sizing: border-box; |
|
padding:15rpx; |
|
.top-img{ |
|
box-sizing: border-box; |
|
width:100%; |
|
border:3rpx solid #262626; |
|
box-sizing: border-box; |
|
border-radius: 26rpx; |
|
box-shadow: 3rpx 7rpx 5rpx 0rpx rgba(137,137,137,0.3); |
|
.img{ |
|
|
|
} |
|
} |
|
.top-content{ |
|
padding:{ |
|
top:5rpx; |
|
bottom:30rpx; |
|
left:30rpx; |
|
right:30rpx; |
|
}; |
|
.content-item{ |
|
margin-top:25rpx; |
|
//justify-content: center; |
|
.item-title{ |
|
font-size: 28rpx; |
|
font-weight: 400; |
|
color: #1B1B1B; |
|
} |
|
.item-content{ |
|
margin-left:15rpx; |
|
|
|
font-size: 28rpx; |
|
font-weight: 400; |
|
color: #767676; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
.feed-bottom{ |
|
position: relative; |
|
.feed-container{ |
|
.feed-gun{ |
|
text-align: center; |
|
position: absolute; |
|
top:-70rpx; |
|
left:0; |
|
width:100%; |
|
.img{ |
|
height:105rpx; |
|
} |
|
} |
|
.feed-content{ |
|
padding:{ |
|
top:30rpx; |
|
left:30rpx; |
|
right:30rpx; |
|
bottom:0rpx; |
|
}; |
|
} |
|
.u-collapse:first-child{ |
|
.u-line:first-child{ |
|
display: none; |
|
} |
|
} |
|
.u-collapse-item:last-child{ |
|
.u-line{ |
|
display: none; |
|
} |
|
.u-cell{ |
|
.u-line{ |
|
display: block; |
|
} |
|
} |
|
} |
|
.u-collapse{ |
|
.u-cell{ |
|
.u-cell__body{ |
|
padding:{ |
|
left:0; |
|
top:35rpx; |
|
bottom:35rpx; |
|
} |
|
} |
|
} |
|
.content-class{ |
|
padding:20rpx 0; |
|
} |
|
.u-textarea{ |
|
padding:30rpx; |
|
background:{ |
|
color:#F2F8F8; |
|
} |
|
margin-bottom:20rpx; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
.footer-menu{ |
|
padding:30rpx; |
|
position: fixed; |
|
bottom:0; |
|
left:0; |
|
width: 100%; |
|
z-index: 9999; |
|
background: #FFFFFF; |
|
border: 2rpx solid #262626; |
|
box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0,0,0,0.06); |
|
border-radius: 26rpx 26rpx 0rpx 0rpx; |
|
text-align: center; |
|
.footer-button{ |
|
display: flex; |
|
justify-content: center; |
|
} |
|
} |