古刹文章详细页面0.9

pages/ancient/ancientTourById.vue

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