yuminge-app/yun-min-program-plugin-master/packageH/project_verification/VerificationProjectList/VerificationProjectList.wxss

196 lines
3.2 KiB
Plaintext

/* packageH/project_verification/VerificationProjectList/VerificationProjectList.wxss */
.banner-wrap {
padding: 10rpx 0;
background-color: white;
}
.banners {
margin: 0 auto;
height: 300rpx;
width: calc(100% - 20rpx);
border-radius: 15rpx;
overflow: hidden;
background-color: white;
}
.banner-item image {
width: 100%;
}
/* 待删 */
/* .project-categorys {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 10rpx;
row-gap: 16rpx;
justify-content: space-between;
padding: 40rpx 10rpx 0;
background-color: white;
}
.project-category-item {
display: flex;
flex-direction: column;
align-items: center;
font-size: 26rpx;
text-align: center;
}
.project-category-icon {
display: block;
flex-shrink: 0;
margin-bottom: 14rpx;
width: 106rpx;
height: 106rpx;
border-radius: 50%;
}
.project-category-item > view {
width: 104rpx;
} */
.o2oment {
background: #fff;
}
.o2oment .ul {
/* margin-top: 28rpx; */
padding: 0;
display: flex;
flex-wrap: wrap;
}
.o2oment .ul .li {
width: 20%;
margin-bottom: 20rpx;
}
.o2oment .ul .li .image {
height: 11vw;
overflow: hidden;
}
.o2oment .ul .li .image {
display: flex;
justify-content: center;
}
.o2oment .ul .li image {
width: 50%;
vertical-align: middle;
height: 90%;
border-radius: 50%;
}
.o2oment .ul .li .p {
margin: 0;
font-size: 24rpx;
line-height: 36rpx;
max-height: 72rpx;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
padding: 0 16rpx;
display: block;
text-align: center;
}
.sw_list_6 {
height: 160rpx;
}
/* 推荐项目 */
.recommend-project-panel {
display: block;
padding-top: 36rpx;
background-color: white;
}
.recommend-projects {
height: 396rpx;
transform: translateX(-14rpx);
overflow: scroll hidden;
white-space: nowrap;
}
.recommend-project-wrap {
display: inline-block;
padding: 0 14rpx 14rpx;
}
.recommend-project {
width: 430rpx;
height: 366rpx;
color: #333;
font-size: 24rpx;
background-color: white;
box-shadow: 0rpx 1rpx 14rpx 0rpx #eaeaea;
border-radius: 20rpx;
overflow: hidden;
}
.recommend-project-cover {
display: block;
width: 100%;
height: 204rpx;
}
.recommend-project_details {
padding: 22rpx;
color: #ce881d;
}
.recommend-project_detail-item {
display: inline-block;
vertical-align: middle;
margin-right: 55rpx;
}
.recommend-project_detail-icon {
font-size: 27rpx;
}
.recommend-project_title {
display: -webkit-box;
height: 30px;
padding: 0 22rpx;
line-height: 30rpx;
text-overflow: ellipsis;
font-weight: bold;
white-space: normal;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
box-sizing: border-box;
}
/* 附近项目 */
.panel-title {
padding-left: 42rpx;
font-size: 28rpx;
font-weight: bold;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background-color: white;
}
.panel-title::before {
content: "";
display: inline-block;
margin: auto 0;
width: 4rpx;
height: 26rpx;
transform: translateX(-14rpx) translateY(1px);
background-color: #ce811d;
border-radius: 2rpx;
}
.project-item {
display: block;
padding: 28rpx;
margin-bottom: 20rpx;
background-color: white;
}