去掉活动卡片的备选背景图

components/activity-card/activity-card.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="activity-card-container">
     <!-- 卡片标题 -->
-    <view class="card-title" v-if="showTitle">
+    <view v-if="showTitle" class="card-title">
       <text class="title-text">{{ activity.name }}</text>
     </view>
 
@@ -9,8 +9,8 @@
     <view class="activity-card" @click="handleCardClick">
       <view class="card-background">
         <image
-          class="background-image"
           :src="activity.backgroundImage || getDefaultImage()"
+          class="background-image"
           mode="aspectFill"
         />
         <view class="overlay"></view>
@@ -29,13 +29,13 @@
 
         <!-- 活动状态 -->
         <view class="activity-status">
-          <text class="status-text" :class="statusClass">
+          <text :class="statusClass" class="status-text">
             {{ statusText }}
           </text>
         </view>
 
         <!-- 活动时间 -->
-        <view class="activity-time" v-if="activity.time">
+        <view v-if="activity.time" class="activity-time">
           <text class="time-label">活动时间:</text>
           <text class="time-text">{{ activity.time }}</text>
         </view>
@@ -45,16 +45,19 @@
           <view class="divider-line"></view>
           <!-- 报名按钮 -->
           <view
+            v-if="
+              showRegisterButton &&
+              activity.status === ACTIVITY_STATUS.REGISTERING
+            "
             class="register-button"
             @click.stop="handleRegister"
-            v-if="showRegisterButton && activity.status === ACTIVITY_STATUS.REGISTERING"
           >
             <text class="button-text">立即报名</text>
           </view>
         </view>
 
         <!-- 活动地点 -->
-        <view class="activity-location" v-if="activity.location">
+        <view v-if="activity.location" class="activity-location">
           <text class="location-label">地点:</text>
           <text class="location-text">{{ activity.location }}</text>
         </view>
@@ -64,28 +67,27 @@
 </template>
 
 <script>
-  import {
+import {
   ACTIVITY_STATUS,
-    ACTIVITY_STATUS_TEXT,
   ACTIVITY_STATUS_CLASS,
-    DEFAULT_ACTIVITY_IMAGES,
+  ACTIVITY_STATUS_TEXT,
-  } from '../../enum/activity.js'
+} from "../../enum/activity.js";
 
-  export default {
+export default {
-    name: 'ActivityCard',
+  name: "ActivityCard",
   props: {
     activity: {
       type: Object,
       required: true,
       default: () => ({
-          id: '',
+        id: "",
-          name: '',
+        name: "",
-          theme: '',
+        theme: "",
-          type: 'prayer',
+        type: "prayer",
         status: ACTIVITY_STATUS.REGISTERING,
-          time: '',
+        time: "",
-          location: '',
+        location: "",
-          backgroundImage: '',
+        backgroundImage: "",
       }),
     },
     showTitle: {
@@ -100,43 +102,44 @@
   data() {
     return {
       ACTIVITY_STATUS,
-      }
+    };
   },
   computed: {
     // 状态文本
     statusText() {
-        return ACTIVITY_STATUS_TEXT[this.activity.status] || '未知状态'
+      return ACTIVITY_STATUS_TEXT[this.activity.status] || "未知状态";
     },
 
     // 状态样式类
     statusClass() {
-        return ACTIVITY_STATUS_CLASS[this.activity.status] || ''
+      return ACTIVITY_STATUS_CLASS[this.activity.status] || "";
     },
     activityName() {
-        return this.activity.name.split(' ')[0] || this.activity.name
+      return this.activity.name.split(" ")[0] || this.activity.name;
     },
   },
   methods: {
     // 获取默认背景图片
     getDefaultImage() {
-        return DEFAULT_ACTIVITY_IMAGES[this.activity.type] || '/static/image/a1.png'
+      // return DEFAULT_ACTIVITY_IMAGES[this.activity.type];
+      return null;
     },
 
     // 处理卡片点击
     handleCardClick() {
-        this.$emit('card-click', this.activity)
+      this.$emit("card-click", this.activity);
     },
 
     // 处理报名
     handleRegister() {
-        this.$emit('register', this.activity)
+      this.$emit("register", this.activity);
     },
   },
-  }
+};
 </script>
 
 <style lang="scss" scoped>
-  .activity-card-container {
+.activity-card-container {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -153,9 +156,9 @@
       text-align: center;
     }
   }
-  }
+}
 
-  .activity-card {
+.activity-card {
   width: 684rpx;
   height: 370rpx;
   border-radius: 24rpx;
@@ -181,7 +184,11 @@
       left: 0;
       width: 100%;
       height: 100%;
-        background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);
+      background: linear-gradient(
+        135deg,
+        rgba(0, 0, 0, 0.3) 0%,
+        rgba(0, 0, 0, 0.6) 100%
+      );
     }
   }
 
@@ -241,15 +248,18 @@
         line-height: 1.4;
       }
     }
+
     .line-button {
       display: flex;
       align-items: center;
       justify-content: space-between;
       width: 100%;
+
       .divider-line {
         border-top: 1px solid rgba(255, 255, 255, 0.3); /* 上边框作为分隔线 */
         width: 404rpx;
       }
+
       .register-button {
         width: 132rpx;
         height: 40rpx;
@@ -287,5 +297,5 @@
       }
     }
   }
-  }
+}
 </style>

utils/activity-data-formatter.js

@@ -37,7 +37,8 @@ export default {
       ),
       time: this.formatActivityTime(item.actStartTime, item.actEndTime),
       location: item.address || "",
-      backgroundImage: item.imgUrl || this.getDefaultImageByType(item.type),
+      // backgroundImage: item.imgUrl || this.getDefaultImageByType(item.type),
+      backgroundImage: item.imgUrl,
       // 额外信息
       templeId: item.templeId,
       currentBooking: item.currentBooking || 0,