dvcp_v2_wxcp_app/src/apps/AppVillageDiscuss/userList.vue

<template>
  <div class="userList">
    <!-- <div v-if="data.length > 0"></div> -->
    <div class="datas" v-for="(item, index) in 10" :key="index">
      <div class="avatLeft">李毅</div>

      <div class="right">
        <div class="top">
          <span class="names">李毅</span>
          <!-- <span>匿名用户</span> -->

          <span class="times">1111</span>
        </div>

        <div class="bottom">选择了选择了三联村篮球队、蟠龙镇篮球队选择了三联村篮球队、蟠龙镇篮球队</div>
      </div>
    </div>

    <AiEmpty description="暂无数据"></AiEmpty>
  </div>
</template>

<script>
export default {
  name: 'userList',
  components: {},
  props: {},
  data() {
    return {
      data: [],
    }
  },
  computed: {},
  watch: {},
  onLoad() {},
  onShow() {
    document.title = '投票详情'
  },
  methods: {},
}
</script>

<style scoped lang="scss">
uni-page-body {
  // height: 100%;
}
.userList {
  // height: 100%;
  // background: #fff;
  .datas {
    display: flex;

    padding: 20px 32px 0 32px;

    .avatLeft {
      width: 80px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      border-radius: 50%;
      background: #4e8eee;

      font-size: 28px;
      font-weight: 500;
      color: #ffffff;
    }
    .right {
      border-bottom: 1px solid #ddd;
      width: 100%;
      margin: 10px 0 0 16px;
      padding-bottom: 32px;
      .top {
        .names {
          font-size: 32px;
          color: #333333;
        }
        .times {
          margin-left: 16px;
          font-size: 28px;
          color: #999999;
        }
      }

      .bottom {
        margin-top: 6px;
        font-size: 30px;
        color: #666666;
      }
    }
  }
}
</style>