feat(mini): 节气详情排版优化 + 本地开发连线上数据
Publish Mini Program Dev Version / publish (push) Successful in 1m2s
Publish Mini Program Dev Version / publish (push) Successful in 1m2s
- wiki 页节气详情排版:配图圆角阴影、涵义引言(米黄渐变+红竖条)、 简介两端对齐、结构化字段列表(红点标签)分块展示 - wiki.js 提取 meaning 单独展示,extraList 排除避免重复 - request.js develop 环境指向线上(本地 8080 被占用且 localhost 受域名校验限制) - project.config.json 关闭 urlCheck 便于本地开发连线上调试
This commit is contained in:
+48
-10
@@ -47,35 +47,59 @@
|
||||
|
||||
.entry-detail {
|
||||
border-top: 1rpx solid #F0E6DA;
|
||||
padding-top: 16rpx;
|
||||
line-height: 1.7;
|
||||
margin-top: 16rpx;
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
|
||||
/* 节气配图 */
|
||||
.entry-image {
|
||||
width: 100%;
|
||||
border-radius: 12rpx;
|
||||
margin-bottom: 16rpx;
|
||||
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: 16rpx;
|
||||
margin-top: 24rpx;
|
||||
background: #FBF7F1;
|
||||
border-radius: 12rpx;
|
||||
padding: 8rpx 20rpx;
|
||||
border-radius: 16rpx;
|
||||
padding: 8rpx 24rpx;
|
||||
}
|
||||
|
||||
.extra-item {
|
||||
display: flex;
|
||||
padding: 12rpx 0;
|
||||
align-items: flex-start;
|
||||
padding: 16rpx 0;
|
||||
border-bottom: 1rpx solid #F0E6DA;
|
||||
}
|
||||
|
||||
@@ -85,17 +109,31 @@
|
||||
|
||||
.extra-name {
|
||||
flex-shrink: 0;
|
||||
width: 140rpx;
|
||||
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.6;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.empty-tip {
|
||||
|
||||
Reference in New Issue
Block a user