shjz-applet/unpackage/dist/dev/mp-weixin/components/list/list-all.wxss

226 lines
2.5 KiB
Plaintext

/* 视频列表 */
.list-video.data-v-7bc4c798{
width: 100%;
}
.list-video>.item.data-v-7bc4c798{
height: 410rpx;
background-color: #ffffff;
margin-top: 20rpx;
position: relative;
}
.list-video>.item .cover.data-v-7bc4c798{
width: 100%;
height: 100%;
overflow: hidden;
}
.list-video>.item .cover image.data-v-7bc4c798{
width: 100%;
min-height: 100%;
}
.list-video>.item .play-btn.data-v-7bc4c798{
width: 70rpx;
height: 70rpx;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
/* 线路列表 */
.list-line.data-v-7bc4c798{
width: 100%;
}
.list-line>.item.data-v-7bc4c798{
justify-content: space-between;
align-items: center;
width: 100%;
background-color: #ffffff;
margin-top: 20rpx;
line-height: 1.8;
}
.list-line>.item .left.data-v-7bc4c798{
min-width: calc(100% - 210rpx);
}
.list-line>.item .right.data-v-7bc4c798{
max-width: 200rpx;
}
.list-line>.item .top.data-v-7bc4c798{
align-items: center;
width: 100%;
margin-bottom: 15rpx;
line-height: 1.5;
}
.list-line>.item .top>.flag.data-v-7bc4c798{
width: 62rpx;
line-height: 32rpx;
margin-right: 6rpx;
text-align: center;
background-color: #1c2588;
border: 2rpx solid #1551a0;
border-radius: 4rpx;
color: #ffffff;
}
.list-line>.item .top>.title.data-v-7bc4c798{
width: calc(100% - 68rpx);
}
.list-line>.item .addr>text.data-v-7bc4c798:nth-of-type(1),
.list-line>.item .time>text.data-v-7bc4c798:nth-of-type(1){
margin-right: 14rpx;
}
/* 资讯列表 */
.list-news.data-v-7bc4c798{
width: 100%;
background-color: #ffffff;
margin-top: 20rpx;
}
.list-news>.item.data-v-7bc4c798{
justify-content: space-between;
border-bottom: 2rpx solid #ededed;
}
.list-news>.item.data-v-7bc4c798:last-child{
border-bottom: 0;
}
.list-news>.item .img.data-v-7bc4c798{
width: 152rpx;
height: 152rpx;
overflow: hidden;
}
.list-news>.item .img>image.data-v-7bc4c798{
width: 100%;
min-height: 100%;
}
.list-news>.item .txt.data-v-7bc4c798{
width: calc(100% - 170rpx);
}
.list-news>.item .title.data-v-7bc4c798{
margin-bottom: 8rpx;
line-height: 1.5;
}
.list-news>.item .info.data-v-7bc4c798{
line-height: 1.6;
}
.list-news>.item .look.data-v-7bc4c798{
justify-content: flex-end;
align-items: center;
width: 100%;
height: 40rpx;
margin-top: 6rpx;
}
.list-news>.item .look>.icon.data-v-7bc4c798{
align-items: center;
margin-right: 8rpx;
}
.list-news>.item .look>.icon>image.data-v-7bc4c798{
margin-top: 4rpx;
}