155 lines
2.7 KiB
Plaintext
155 lines
2.7 KiB
Plaintext
/* packagecard/marketing/marketinginfo.wxss */
|
|
/* 横向 */
|
|
.item-box-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
background-color: #ffffff;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
border-bottom: 1rpx solid #f3f3f3;
|
|
padding: 15rpx;
|
|
}
|
|
|
|
/* 纵向 */
|
|
.item-box-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
background-color: #ffffff;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
border-bottom: 1rpx solid #f3f3f3;
|
|
padding: 15rpx;
|
|
}
|
|
|
|
.item-box-column .item-content {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.big-img {
|
|
width: 100%;
|
|
height: 300rpx;
|
|
border-radius: 5rpx;
|
|
margin-top: 15rpx;
|
|
}
|
|
|
|
.movie-img-box {
|
|
width: 100%;
|
|
height: 300rpx;
|
|
border-radius: 5rpx;
|
|
margin-top: 15rpx;
|
|
position: relative;
|
|
}
|
|
|
|
.movie-icon {
|
|
width: 96rpx;
|
|
height: 96rpx;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.img-box {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: flex-start;
|
|
justify-content: space-around;
|
|
width: 100%;
|
|
margin-top: 15rpx;
|
|
}
|
|
|
|
.img-box image {
|
|
width: 32%;
|
|
height: 128rpx;
|
|
border-radius: 5rpx;
|
|
}
|
|
|
|
.item-box-row image {
|
|
width: 214rpx;
|
|
height: 64px;
|
|
border-radius: 5rpx;
|
|
}
|
|
|
|
/* 文本和底部 */
|
|
.item-box-row .item-content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
width: 80%;
|
|
min-height: 128rpx;
|
|
}
|
|
|
|
/* 文本内容 */
|
|
.item-content .text {
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.item .content-box-row .text {
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
.item .content-box-column {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
width: 100%;
|
|
align-items: center;
|
|
}
|
|
|
|
.item .content-box-column image {
|
|
width: 100%;
|
|
height: 100rpx;
|
|
}
|
|
|
|
.item .content-box-column .text {
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
font-size: 30rpx;
|
|
color: #000000;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
|
|
.bottom-start {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
font-size: 24rpx;
|
|
margin-top: 15rpx;
|
|
color: #6b6b6b;
|
|
align-items: center;
|
|
}
|
|
|
|
.bottom-end {
|
|
margin-top: 15rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
font-size: 24rpx;
|
|
color: #6b6b6b;
|
|
width: 100%;
|
|
align-items: center;
|
|
} |