WindowBird/buddhism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

古刹文章详细页面0.9

Browse Source
This commit is contained in:
WindowBird 2025-08-14 13:56:46 +08:00
parent 2e45ce03f8
commit f72686b826
1 changed files with 17 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
pages/ancient/ancientTourById.vue
View File

@ -49,9 +49,9 @@
> >
<view class="item-content"> <view class="item-content">
<view class="title-row"> <view class="title-row">
<text class="item-title">{{ item.title }}</text> <text class="item-title">古刹巡礼</text>
<text v-if="item.subtitle" class="item-subtitle" <text v-if="item.title" class="item-subtitle"
>{{ item.subtitle }} >{{ item.title }}
</text> </text>
</view> </view>
@ -159,7 +159,6 @@ export default {
this.relevantArticles = res.data.map((item) => ({ this.relevantArticles = res.data.map((item) => ({
id: item.id || item.articleId, // 兼容不同的ID字段名 id: item.id || item.articleId, // 兼容不同的ID字段名
title: item.title || "", title: item.title || "",
subtitle: item.subtitle || "",
createTime: item.createTime || null, // 保持原始值，让 formatTime 方法处理 createTime: item.createTime || null, // 保持原始值，让 formatTime 方法处理
})); }));
} }
@ -172,12 +171,7 @@ export default {
// 格式化时间 // 格式化时间
formatTime(timeStr) { formatTime(timeStr) {
// 如果时间为空、null 或 undefined，返回"不详" // 如果时间为空、null 或 undefined，返回"不详"
if ( if (!timeStr || timeStr === "") {
!timeStr ||
timeStr === null ||
timeStr === undefined ||
timeStr === ""
) {
return "不详"; return "不详";
} }
@ -254,7 +248,7 @@ export default {
width: 100%; width: 100%;
padding: 0 52rpx; padding: 0 52rpx;
box-sizing: border-box; box-sizing: border-box;
border: red solid 1px; //border: red solid 1px;
background: #fff; background: #fff;
} }
@ -266,15 +260,15 @@ export default {
background: #fff; background: #fff;
padding: 32rpx 30rpx; padding: 32rpx 30rpx;
border-radius: 16rpx; border-radius: 16rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); //box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
border: red solid 1px; //border: red solid 1px;
.article-title { .article-title {
font-weight: 500; font-weight: 500;
font-size: 44rpx; font-size: 44rpx;
color: #3d3d3d; color: #3d3d3d;
line-height: 60rpx; line-height: 60rpx;
border: red solid 1px; //border: red solid 1px;
} }
.article-time { .article-time {
@ -291,8 +285,8 @@ export default {
background: #fff; background: #fff;
margin-bottom: 32rpx; margin-bottom: 32rpx;
overflow: hidden; overflow: hidden;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); //box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
border: red solid 1px; //border: red solid 1px;
.cover-image { .cover-image {
width: 100%; width: 100%;
@ -307,9 +301,9 @@ export default {
border-radius: 16rpx; border-radius: 16rpx;
margin-bottom: 32rpx; margin-bottom: 32rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); //box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
min-height: 200rpx; min-height: 200rpx;
border: red solid 1px; //border: red solid 1px;
} }
// 加载状态区域 // 加载状态区域
@ -331,7 +325,7 @@ export default {
background: #fff; background: #fff;
border-radius: 16rpx; border-radius: 16rpx;
overflow: hidden; overflow: hidden;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1); //box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
.section-title { .section-title {
.title-text { .title-text {
@ -353,7 +347,7 @@ export default {
padding: 30rpx; padding: 30rpx;
border-bottom: 1rpx solid #f0f0f0; border-bottom: 1rpx solid #f0f0f0;
transition: background-color 0.3s ease; transition: background-color 0.3s ease;
border: red solid 1px; //border: red solid 1px;
&:last-child { &:last-child {
border-bottom: none; border-bottom: none;
@ -387,16 +381,17 @@ export default {
} }
.item-meta { .item-meta {
padding-top: 22rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
border: red solid 1px; //border: red solid 1px;
.item-time { .item-time {
font-size: 22rpx; font-size: 22rpx;
color: #999; color: #999;
flex-shrink: 0; flex-shrink: 0;
border: red solid 1px; //border: red solid 1px;
} }
.debug-time { .debug-time {