konggang-city-miniprogram/pages/appeal/myAppeal.vue

<template>
  <div class="content">
    <div v-for="(otherAppeal, index) in otherAppealList" :key="index">
      <appealCard
        :otherAppeal="otherAppeal"
        @tap="toDetail(index)"
      ></appealCard>
    </div>
  </div>
</template>
<script>
import appealCard from "./appealCard.vue";
export default {
  components: {
    appealCard,
  },
  data() {
    return {
      otherAppealList: [
        {
          title: "航投大厦餐厅服务建议",
          state: 0,
          image: "/static/appeal/avator.png",
          msg: "正在处理中",
        },
        {
          title: "拉土车夜间噪音问题整改诉求",
          name: "市场服务与监督管理局",
          state: 1,
          msg: "尊敬的市民您好！收到您的留言，我们十分重视！正平大街开展拉土作业的车辆为西安（咸阳）机场三期扩建工程建设项目运输……",
          image: "/static/appeal/avator.png",
        },
      ],
    };
  },
  methods: {
    toDetail(index) {
      uni.navigateTo({
        url: "/pages/appeal/appeal_detail?id="+index,
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.content {
  width: 100%;
  height: 100vh;
}
</style>