<template>
  <view class="com-ward">
    <view class="com-ward-list">
      <view
        class="com-ward-list-item u-border-bottom"
        v-for="item in list"
        :key="item.id"
      >
        <view class="fl_b com-ward-list-item-top">
          <view class="title"
            >2023年3月1日 10:53</view
          >
          <view class="money">120</view>
        </view>
        <view class="com-ward-list-item-status">
           已申请
        </view>
      </view>
    </view>
    <view class="nomore">已显示全部</view>
  </view>
</template>

<script>
export default {
  name: "commission",

  data() {
    return {
      list: [{ id: 1 }, { id: 2 }],
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
page {
  background: #ffffff;
  padding: 20rpx 40rpx 0;
}
.com-ward {
  .com-ward-list {
    .com-ward-list-item {
      margin-top: 40rpx;
      .com-ward-list-item-top {
        image {
          width: 40rpx;
          height: 40rpx;
          margin-right: 12rpx;
        }
        .title {
          font-weight: bold;
          color: #24263d;
          font-size: 32rpx;
        }
        .money {
          color: #eb5757;
          font-size: 36rpx;
          font-weight: 500;
          text-align: right;
        }
      }
      .com-ward-list-item-status {
        margin: 24rpx 0 40rpx;
        color: #7e7d83;
        font-size: 28rpx;
      }
    }
  }
}
</style>
