97 lines
1.8 KiB
Plaintext
97 lines
1.8 KiB
Plaintext
/* 首页各个项目的样式 */
|
|
.showSY{
|
|
background-color: #FFFFFF;
|
|
width: 150rpx;
|
|
height: 148rpx;
|
|
text-align: center;
|
|
font-size: 30px;
|
|
white-space:pre-wrap;
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
border-style: solid;
|
|
border-color: #555555;
|
|
border-width: 1rpx;
|
|
margin-left: 10rpx;
|
|
/* 弧度 */
|
|
border-radius: 3%;
|
|
}
|
|
/* 热门预告样式 */
|
|
.super-hot{
|
|
margin-top: 12rpx;
|
|
padding: 20rpx;
|
|
}
|
|
.hot-title-wapper{
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
}
|
|
.hot-ico{
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-top: 15rpx;
|
|
}
|
|
.hot-title{
|
|
font-size: 20px;
|
|
margin-left: 20rpx;
|
|
font-weight: 15rpx;
|
|
}
|
|
.hot{
|
|
width: 100%;
|
|
height: 150rpx;
|
|
|
|
/* 设置不换行 */
|
|
/* white-space: nowrap; */
|
|
}
|
|
.single-poster{
|
|
/* 内联 */
|
|
|
|
margin-left: 20rpx;
|
|
}
|
|
.poster-wapper{
|
|
display:-webkit-box;
|
|
display:-webkit-flex;
|
|
display:flex;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: column;
|
|
flex-direction: column;
|
|
}
|
|
.poster{
|
|
width: 200rpx;
|
|
height: 270rpx;
|
|
}
|
|
.movie-name{
|
|
width: 200rpx;
|
|
margin-top: 10rpx;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
/* 文字超出则省略 */
|
|
/* 设置不换行 */
|
|
white-space: nowrap;
|
|
/* 超出隐藏 */
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.hengxiang{
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: flex;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-box-pack: start;
|
|
-webkit-justify-content: flex-start;
|
|
justify-content: flex-start;
|
|
}
|
|
|