product_wx/pages/subPackages/minePages/myCollection.vue

<template>
    <div class="myCollection">
      <div class="collItem" v-for="item in collList">
        <span class="collType">【{{item.collectorsType==='1'?'园区通知':'物业通知'}}】</span>
        <span class="collTheme">{{item.title}}</span>
        <span class="collTime">{{ item.publishDate }}</span>
      </div>
    </div>
</template>

<script>
import { parkUserCollectorsList, getUserLocalStorageInfo} from "@/js_sdk/http.js";
export default {
  name: "myCollection",
  data(){
    return{
      collList:[],
      userId: getUserLocalStorageInfo().userId,
    }
  },
  mounted(){
    this.getList()
  },
  onPullDownRefresh() {
    this.getList()
    setTimeout(function () {
      uni.stopPullDownRefresh();
    }, 1000);
  },
  methods:{
    getList() {
      parkUserCollectorsList({userId:this.userId}).then(res=>{
           this.collList = res
      })
    }
  }
}
</script>

<style lang="scss">
    .myCollection{
      padding: 12rpx 0 50rpx 0;
      .collItem{
        width: 686rpx;
        margin: 24rpx 32rpx;
        background: white;
        border-radius: 16rpx;
        display: flex;
        flex-direction: column;
        padding: 32rpx 32rpx;
        box-sizing: border-box;
        .collType{
          color: rgba(3, 101, 249, 1);
          font-size: 28rpx;
        }
        .collTheme{
          color: rgba(51, 51, 51, 1);
          font-size: 28rpx;
          line-height: 42rpx;
          display: flex;
          flex-wrap: wrap;
          margin: 16rpx 0;
        }
        .collTime{
          color:rgba(102, 102, 102, 1);
          font-size: 28rpx;
        }
      }
    }
</style>