nsgk_mobile/src/views/interaction/index.vue

<template>
  <div class="app-container">
    <van-nav-bar
      title="互动交流"
      left-arrow
      fixed
      placeholder
    />
    <van-list
      v-model="loading"
      :finished="finished"
      finished-text="没有更多了"
      style="margin-top: 10px;"
    >
      <van-cell>
        <template #title>
          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>没拍到，钱怎么自动退回？
        </template>
        <template #label>
          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。 钱款需要退回银行卡方法如下： 通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费； 通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡； 通过余额宝交保，请在支付宝app找到余额宝，点击转出； 通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。
          <p style="text-align: right;">发布时间：2021-06-30</p>
        </template>
      </van-cell>
      <van-cell>
        <template #title>
          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>没拍到，钱怎么自动退回？
        </template>
        <template #label>
          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。 钱款需要退回银行卡方法如下： 通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费； 通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡； 通过余额宝交保，请在支付宝app找到余额宝，点击转出； 通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。
          <p style="text-align: right;">发布时间：2021-06-30</p>
        </template>
      </van-cell>
      <van-cell>
        <template #title>
          <van-icon name="../../static/images/icon/questions.png" size="18" style="top: 5px;margin-right: 5px;"/>没拍到，钱怎么自动退回？
        </template>
        <template #label>
          <van-icon name="../../static/images/icon/answer.png" size="18" style="top: 5px;margin-right: 5px;"/>如果报名后未出价或者未竞价成功，保证金会在拍卖结束后的24小时内解冻。 钱款需要退回银行卡方法如下： 通过银行专用款项交保，请在支付宝app搜索“银行专用款项”，点击转出自行提现，无需手续费； 通过网银交保，保证金会在1-3个工作日内自动退回您的银行卡； 通过余额宝交保，请在支付宝app找到余额宝，点击转出； 通过余额交保，如果钱款是通过银行卡充值到余额的，请在自充值之日起30天内点击“免费退回”申请免手续费退回银行卡。
          <p style="text-align: right;">发布时间：2021-06-30</p>
        </template>
      </van-cell>
    </van-list>
  </div>
</template>

<script>
import { interactionList } from "@/api/interaction/index";
export default {
  name: "notice",
  data() {
    return {
      //是否显示加载
      loading: false,
      //是否滚动到底部
      finished: false,
      //查询参数
      queryParams: {
        deptId:100,
        pageNum:1,
        pageSize:10
      },
      //数据集合
      interactionList:[],
    };
  },
  created() {},
  methods: {
    //成交公告集合
    getList(){
      this.loading = true;
      interactionList(this.queryParams).then(response => {
        this.interactionList = response.rows;
        if(this.interactionList.length >= response.total){
          this.finished = true;
          return;
        }
        this.queryParams.pageNum += 1 ;
        this.loading = false;
      });
    },
  },
};
</script>

<style scoped lang="scss">
.app-container {
}
  .titleClass{

  }
</style>