gov_propagandize/pages/policy/policy.wxss
itgaojian163 c8bbac8c0f 页面
2025-01-17 18:01:48 +08:00

136 lines
2.5 KiB
Plaintext

/* pages/policy/policy.wxss */
page {
background-color: white;
}
.scrollarea {
flex: 1;
overflow-y: hidden;
height: 85vh;
width: 100vw;
overflow: hidden;
}
.search-box {
display: flex;
flex-direction: row;
height: 71rpx;
background: #F4F4F4;
border-radius: 30rpx;
align-items: center;
margin: 10rpx 35rpx;
}
.search-box image {
width: 30rpx;
height: 30rpx;
margin-left: 25rpx;
}
.placeholder {
color: #B5B5B5;
font-size: 24rpx;
}
.search-box input {
text-align: center;
flex: 1;
color: black;
font-size: 24rpx;
height: 71rpx;
margin-left: -30rpx;
}
.policy-tabs {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 20rpx;
}
.policy-tab-normal {
flex: 1;
text-align: center;
font-family: Source Han Sans CN;
font-weight: bold;
font-size: 24rpx;
color: #454545;
}
.policy-tab-box {
flex: 1;
align-items: center;
justify-content: center;
display: flex;
}
.policy-tab-select {
text-align: center;
color: #256742;
position: relative;
}
.policy-tab-select::after {
content: "";
position: absolute;
left: -20rpx;
bottom: 0;
width: 80px;
height: 10px;
background: linear-gradient(90deg, rgba(255, 179, 31, 0.47) 0%, rgba(255, 255, 255, 0) 100%);
border-radius: 9rpx 0rpx 0rpx 9rpx;
z-index: -1;
}
.policy-item {
display: flex;
flex-direction: column;
justify-content: flex-start;
padding: 30rpx;
}
.policy-item-title {
font-family: Source Han Sans CN;
font-size: 32rpx;
color: #454545;
line-height: 48rpx;
display: -webkit-box;
/* 设置为WebKit内核的弹性盒子模型 */
-webkit-box-orient: vertical;
/* 垂直排列 */
-webkit-line-clamp: 2;
/* 限制显示两行 */
overflow: hidden;
/* 隐藏超出范围的内容 */
text-overflow: ellipsis;
}
.policy-desc-box {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 10rpx;
}
.policy-desc-name {
font-family: Source Han Sans CN;
font-weight: 300;
font-size: 24rpx;
color: #5C5C5C;
line-height: 40rpx;
overflow: hidden;
/* 超出部分隐藏 */
white-space: nowrap;
/* 文本不换行 */
text-overflow: ellipsis;
}
.policy-desc-date {
font-family: Source Han Sans CN;
font-weight: 300;
font-size: 24rpx;
color: #5C5C5C;
line-height: 40rpx;
}