148 lines
2.5 KiB
Plaintext
148 lines
2.5 KiB
Plaintext
|
|
|
|
page {
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
._discover_list {
|
|
padding: 30rpx 30rpx;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
._discover_list_item {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 958rpx;
|
|
margin-bottom: 40rpx;
|
|
border-radius: 10rpx;
|
|
background: #fff;
|
|
}
|
|
|
|
._discover_list_item:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
._discover_li_it_cover {
|
|
position: absolute;
|
|
top:0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 720rpx;
|
|
}
|
|
|
|
._discover_li_it_cover ._li_it_cover_img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 10rpx 10rpx 0 0;
|
|
}
|
|
|
|
._discover_li_it_play {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100rpx;
|
|
height: 100rpx;
|
|
background-color: rgba(0, 0, 0, 0.45);
|
|
border-radius: 50%;
|
|
transform: translate(-50%,-50%);
|
|
border: 1rpx solid #fff;
|
|
}
|
|
|
|
._li_it_play_icon {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
margin-left: 4rpx;
|
|
}
|
|
|
|
._li_it_play_icon .v_s_img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
._discover_li_it_info {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
/* height: 258rpx; */
|
|
height: 332rpx;
|
|
padding: 120rpx 20rpx 40rpx;
|
|
/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 22%); */
|
|
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 30%);
|
|
/* box-shadow: 0 -80rpx 20rpx 0 rgba(255, 255, 255, 0.3); */
|
|
/* margin-top: 60rpx; */
|
|
border-radius: 0 0 10rpx 10rpx;
|
|
}
|
|
|
|
._li_it_info_header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
._info_header_title {
|
|
width: 60%;
|
|
line-height: 1;
|
|
font-size: 44rpx;
|
|
font-weight: 700;
|
|
color: #1a1a1a;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
._info_header_num {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
._info_header_num_icon {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
}
|
|
|
|
.__num_icon_img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
._info__num_text {
|
|
margin-left: 8rpx;
|
|
font-size: 26rpx;
|
|
color: #666;
|
|
}
|
|
|
|
._li_it_info_description {
|
|
font-size: 26rpx;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 56rpx;
|
|
margin-top: 16rpx;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
word-break: break-all;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
._discover_footer {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
|
|
._discover_footer_loading {
|
|
margin-left: 16rpx;
|
|
font-size: 26rpx;
|
|
color: #999;
|
|
margin-top: -4rpx;
|
|
} |