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.
66 lines
885 B
66 lines
885 B
5 years ago
|
view.swiper-images{
|
||
|
|
margin: 0 -12px;
|
||
|
|
}
|
||
|
|
swiper.swiper-images{
|
||
|
|
height: 220rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
image.swiper-image{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title{
|
||
|
|
margin-top: 2px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title .hint{
|
||
|
|
font-size: 8px;
|
||
|
|
margin: 5px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subjects{
|
||
|
|
margin: 0 -8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-view{
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-item{
|
||
|
|
flex: 0 0 auto;
|
||
|
|
width: 50%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item{
|
||
|
|
overflow: hidden;
|
||
|
|
border-radius: 12rpx;
|
||
|
|
box-shadow: 1px 1px 8px #909090;
|
||
|
|
margin: 12rpx 10rpx 16rpx 10rpx;
|
||
|
|
}
|
||
|
|
.item:hover{
|
||
|
|
box-shadow: 2px 2px 14px #707070;
|
||
|
|
margin: 8rpx 10rpx 20rpx 10rpx;
|
||
|
|
}
|
||
|
|
.item image{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.item .detail{
|
||
|
|
padding: 2rpx 16rpx 14rpx 16rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
text.name{
|
||
|
|
display: block;
|
||
|
|
overflow: hidden;
|
||
|
|
font-size: 10px;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**动画*/
|