gouki
5a5388234a
Publish Mini Program Dev Version / publish (push) Successful in 1m2s
- wiki 页节气详情排版：配图圆角阴影、涵义引言(米黄渐变+红竖条)、 简介两端对齐、结构化字段列表(红点标签)分块展示 - wiki.js 提取 meaning 单独展示，extraList 排除避免重复 - request.js develop 环境指向线上(本地 8080 被占用且 localhost 受域名校验限制) - project.config.json 关闭 urlCheck 便于本地开发连线上调试
142 lines
2.2 KiB
Plaintext
142 lines
2.2 KiB
Plaintext
.container {
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.search-bar {
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.search-input {
|
|
background: #FFFFFF;
|
|
border: 1rpx solid #E8D5C4;
|
|
border-radius: 999rpx;
|
|
padding: 16rpx 32rpx;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.cat-scroll {
|
|
white-space: nowrap;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.cat-list {
|
|
display: inline-flex;
|
|
gap: 16rpx;
|
|
padding: 4rpx 0;
|
|
}
|
|
|
|
.cat-item {
|
|
display: inline-flex;
|
|
padding: 12rpx 28rpx;
|
|
border-radius: 999rpx;
|
|
font-size: 26rpx;
|
|
background: #FFFFFF;
|
|
border: 1rpx solid #E8D5C4;
|
|
color: #6B5E53;
|
|
}
|
|
|
|
.cat-item.active {
|
|
background: #C41E3A;
|
|
border-color: #C41E3A;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.entry-card {
|
|
margin-bottom: 16rpx;
|
|
}
|
|
|
|
.entry-detail {
|
|
border-top: 1rpx solid #F0E6DA;
|
|
margin-top: 16rpx;
|
|
padding-top: 20rpx;
|
|
}
|
|
|
|
/* 节气配图 */
|
|
.entry-image {
|
|
width: 100%;
|
|
border-radius: 16rpx;
|
|
margin-bottom: 20rpx;
|
|
background: #F5F0EA;
|
|
box-shadow: 0 4rpx 16rpx rgba(74, 64, 54, 0.08);
|
|
}
|
|
|
|
/* 涵义引言（突出显示） */
|
|
.entry-meaning {
|
|
position: relative;
|
|
background: linear-gradient(135deg, #FBF3EC 0%, #F7ECE2 100%);
|
|
border-left: 6rpx solid #C41E3A;
|
|
border-radius: 8rpx;
|
|
padding: 20rpx 24rpx;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.meaning-text {
|
|
font-size: 28rpx;
|
|
color: #8C6D4F;
|
|
line-height: 1.6;
|
|
font-weight: 500;
|
|
letter-spacing: 1rpx;
|
|
}
|
|
|
|
/* 详细简介 */
|
|
.entry-content {
|
|
display: block;
|
|
color: #4A4036;
|
|
font-size: 28rpx;
|
|
line-height: 1.9;
|
|
text-align: justify;
|
|
letter-spacing: 0.5rpx;
|
|
}
|
|
|
|
/* 结构化扩展字段列表 */
|
|
.extra-list {
|
|
margin-top: 24rpx;
|
|
background: #FBF7F1;
|
|
border-radius: 16rpx;
|
|
padding: 8rpx 24rpx;
|
|
}
|
|
|
|
.extra-item {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding: 16rpx 0;
|
|
border-bottom: 1rpx solid #F0E6DA;
|
|
}
|
|
|
|
.extra-item:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.extra-name {
|
|
flex-shrink: 0;
|
|
width: 150rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 26rpx;
|
|
color: #A08B76;
|
|
font-weight: 500;
|
|
padding-top: 2rpx;
|
|
}
|
|
|
|
/* 标签前的小圆点装饰 */
|
|
.extra-dot {
|
|
display: inline-block;
|
|
width: 8rpx;
|
|
height: 8rpx;
|
|
border-radius: 50%;
|
|
background: #C41E3A;
|
|
margin-right: 12rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.extra-value {
|
|
flex: 1;
|
|
font-size: 26rpx;
|
|
color: #4A4036;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.empty-tip {
|
|
padding: 80rpx 0;
|
|
}
|