crawler-MiniProgram/新闻小程序/pages/home/home.wxss

105 lines
1.7 KiB
Plaintext

/* 顶部导航栏样式 */
.top_menu {
width: 100%;
height: 34px;
white-space: nowrap;
border-bottom: 1px solid;
border-bottom-color: black;
background-color: snow;
}
.top_menu_item {
font-size: 18px;
width: rpx;
display: inline-block;
margin: 10rpx 20rpx;
}
/* 导航栏被选中后的样式 */
.active {
color: #2b4b6b;
border-bottom: 10rpx solid currentColor;
}
/* 轮播图样式 */
swiper {
height: 300rpx;
}
swiper image {
width: 100%;
height: 100%;
}
/* 轮播公告样式 */
.swiper-view {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
/* border-radius: 30rpx; */
background: #2b4b6b
}
.swiper_container {
height: 50rpx;
width: 100%;
}
.swiper-title {
height: 50rpx;
width: 100%;
font-size: 26rpx;
white-space: nowrap;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: white
}
/* 新闻列表样式 */
.news_list {
padding: 10rpx 30rpx 30rpx 30rpx;
}
/* 标题图文框 */
.pic-words {
display: flex;
flex-direction: row;
margin-top: 30rpx;
}
/* 新闻图片 */
.news_image {
width: 250rpx;
height: 175rpx;
}
/* 新闻标题 */
.news_title {
font-size: 20px;
margin-left: 15rpx;
}
/* 发布单位 */
.publish {
display: flex;
flex-direction: row;
font-size: 14px;
color: grey;
margin-top: 10rpx;
border-bottom: 1px solid;
border-bottom-color: rgb(163, 147, 147);
}
/* 发布时间 */
.create-time {
margin-left: 30rpx;
margin-bottom: 20rpx;
}
/* 标题 */
/* .title-words {
width: 500rpx;
} */