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.
git/scr/论坛/pages/index/index.wxss

79 lines
1.4 KiB

@import "/image/font/iconfont.wxss";
.index-swiper{margin:20rpx;border-radius: 10rpx;overflow:hidden;}
.index-swiper image{width:100%;border-radius: 10rpx;overflow:hidden;}
.index-tab{display: flex;}
.index-tab view{flex:1;text-align:center;padding:10rpx;margin:10rpx;}
.index-tab view.active{border-bottom:1px royalblue solid;color:royalblue;}
.search{
display: flex;
padding:0 20rpx;
box-sizing: border-box;
height: 80rpx;
}
input{
width: 84%;
height: 80rpx;
border-radius: 10rpx;
border:1rpx solid #ccc;
text-align: center;
}
.find{
width: 12%;
height: 80rpx;
background: royalblue;
margin-left: 10rpx;
border-radius: 10rpx;
text-align: center;
line-height: 80rpx;
}
.message{
box-sizing: border-box;
background: #FDFDFE;
}
.message-item{
border-bottom: 13rpx solid #F4F4F4;
padding: 20rpx 20rpx;
box-sizing: border-box;
}
.top .image{
width: 90rpx;
height: 90rpx;
border-radius: 50%;
margin-right: 25rpx;
}
.top text{
font-size: 40rpx;
font-weight: bold;
position: relative;
bottom: 30rpx;
}
.title{
margin: 20rpx 0 12rpx 0;
font-size: 36rpx;
}
.content{
font-size: 30rpx;
}
.images{
display: flex;
justify-items: flex-start;
width: auto;
}
.images image{
max-height: 280rpx;
margin-right: 10rpx;
max-width: 380rpx;
}
.other{
margin-top: 40rpx;
display: flex;
justify-content: space-between;
padding: 0 40rpx;
}
.other .iconfont{
font-size: 30rpx;
margin-right: 17rpx;
}