锦水居民端小程序
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.

169 lines
2.7 KiB

page {
background: #f7f7f7;
}
.list-item {
width: 100%;
padding: 40rpx 28rpx;
margin-top: 16rpx;
background: #fff;
box-sizing: border-box;
}
.list-item .name {
/* width: calc(100% - 56rpx); */
font-size: 34rpx;
font-weight: 500;
color: rgba(51, 51, 51, 1);
line-height: 50rpx;
}
.list-item .info {
/* margin-top: 15rpx;
width: calc(100% - 56rpx);
font-size: 28rpx;
font-weight: 500;
color: rgba(153, 153, 153, 1);
line-height: 44rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; */
margin-top: 15rpx;
/* width: calc(100% - 56rpx); */
/* height: 75rpx; */
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 500;
color: rgba(153, 153, 153, 1);
}
.list-item .info rich-text {
/* width:100%; */
line-height: 44rpx;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* 轮播图start */
.altitle {
position: absolute;
width: 100%;
height: 66rpx;
background-color: black;
margin-top: 237rpx;
border-bottom-right-radius: 16rpx;
border-bottom-left-radius: 16rpx;
opacity: 0.5;
font-size: 22rpx;
font-weight: 500;
color: rgba(255, 255, 255, 1);
}
.altitle-name {
margin: 10rpx 20rpx;
}
.container {
width: 100vw;
}
.page-body {
padding-top: 30rpx;
background: #fff;
height: 300rpx;
}
.page-section {
width: 100%;
margin-bottom: 60rpx;
}
.page-section_center {
display: flex;
flex-direction: column;
align-items: center;
}
.page-section:last-child {
margin-bottom: 0;
}
.page-section-gap {
box-sizing: border-box;
padding: 0 30rpx;
}
.page-section-spacing {
box-sizing: border-box;
padding: 0 20rpx;
height: 300rpx;
background-color: #fff;
}
.page-section-title {
font-size: 28rpx;
color: #999;
margin-bottom: 10rpx;
padding-left: 30rpx;
padding-right: 30rpx;
}
.page-section-gap .page-section-title {
padding-left: 0;
padding-right: 0;
}
.swiper-item {
display: block;
height: 300rpx;
}
.banner {
overflow: hidden;
height: 300rpx;
display: flex;
width: 100%;
border-radius: 16rpx;
}
.dots {
display: flex;
justify-content: center;
margin-top: -16rpx;
z-index: 999;
position: relative;
}
.dots .dot {
width: 8rpx;
height: 8rpx;
border-radius: 8rpx;
margin-left: 10rpx;
background: #d2d5da;
transition: all 0.3s;
}
.dots .dot.active {
width: 24rpx;
background: #fff;
}
.page-section-title {
margin-top: 60rpx;
position: relative;
}
swiper {
height: 300rpx;
box-shadow: 0px 4px 29px 0px rgba(63, 63, 63, 0.1);
}
/* 轮播图end */