120 lines
2.2 KiB
Plaintext
120 lines
2.2 KiB
Plaintext
|
/* 首页各个项目的样式 */
|
||
|
|
.showSY{
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
width: 150rpx;
|
||
|
|
height: 30rpx;
|
||
|
|
text-align: center;
|
||
|
|
font-size: 15px;
|
||
|
|
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;
|
||
|
|
}
|
||
|
|
/* 热门预告样式 */
|
||
|
|
.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: 80rpx;
|
||
|
|
}
|
||
|
|
.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;
|
||
|
|
-webkit-flex-wrap: wrap;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
}
|
||
|
|
/* 左右滑动时使用 */
|
||
|
|
/* .hengxiang{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: flex-start;
|
||
|
|
} */
|
||
|
|
.beijing{
|
||
|
|
width:100%;
|
||
|
|
height: 300rpx;
|
||
|
|
background-repeat: no-repeat; /* 不重复 */
|
||
|
|
background-size: 100% 100%; /* 满屏 */
|
||
|
|
}
|
||
|
|
.tu{
|
||
|
|
width: 150rpx;
|
||
|
|
height: 98rpx;
|
||
|
|
/* 弧度 */
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
/* 使用滑动需要删除参考第二期 */
|
||
|
|
.kuan{
|
||
|
|
width: 300rpx;
|
||
|
|
padding-top: 60rpx;
|
||
|
|
}
|
||
|
|
|