微信小程序点击卡片跳转到对应详情_微信小程序点击图片变换图片

x-activity-card.vue

<template>
  <view class="notice-box">
    <!-- 通知公告 -->
    <view
      class="parkNotice-card"
      v-for="(item, index) in listData"
      :key="index"
      @click="jumpAddress(item)"
    >
      <view class="title">
        <view class="img">
          <image
            :src="
              item.noticeType === '1'
                ? localImg.park.announcementIcon
                : localImg.park.policyIcon
            "
          ></image>
        </view>
        <view class="text">{{ item.noticeTitle }}</view>
      </view>
      <view class="subTitle">
        <span class="tag">
          <span v-if="item.noticeType === '1'">通知公告</span>
          <span v-if="item.noticeType === '2'">政策速递</span>
        </span>
        <span class="date">{{ dateFormat(item.pubdate) }}</span>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "x-notice-card",
  props: ["listData"],
  data() {
    return {
      localImg: {},
    };
  },
  onload() {
    //在这里写，子组件不会出来图片
  },
  mounted() {
     this.localImg = this.LocalImg;
  },
  methods: {
    //时间转换
    dateFormat(time) {
      let date = new Date(time);
      let year = date.getFullYear();
      // 在日期格式中，月份是从0开始的，因此要加0，使用三元表达式在小于10的前面加0，以达到格式统一 如 09:11:05
      let month =
        date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1;
      let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
      let hours =
        date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
      let minutes =
        date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();


**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数同学面临毕业设计项目选题时，很多人都会感到无从下手，尤其是对于计算机专业的学生来说，选择一个合适的题目尤为重要。因为毕业设计不仅是我们在大学四年学习的一个总结，更是展示自己能力的重要机会。**

**因此收集整理了一份《2024年计算机毕业设计项目大全》，初衷也很简单，就是希望能够帮助提高效率，同时减轻大家的负担。**
![img](https://img-blog.csdnimg.cn/img_convert/b5c3397760eddb4f5139bb15b71c4233.jpeg)
![img](https://img-blog.csdnimg.cn/img_convert/0257a0c931079f15926863e64b0d97ff.png)
![img](https://img-blog.csdnimg.cn/img_convert/76e17228abad4061a2c1bbf12aec6b65.png)

**既有Java、Web、PHP、也有C、小程序、Python等项目供你选择，真正体系化！**

**由于项目比较多，这里只是将部分目录截图出来，每个节点里面都包含素材文档、项目源码、讲解视频**

**如果你觉得这些内容对你有帮助，可以添加VX：vip1024c （备注项目大全获取）**
![img](https://img-blog.csdnimg.cn/img_convert/6bfc8e4c1695114c886f028968a7fb08.png)

**如果你觉得这些内容对你有帮助，可以添加VX：vip1024c （备注项目大全获取）**
[外链图片转存中...(img-44yt4yPs-1712579433372)]