<template>
  <view class="c-card">
    <view v-for="item in 10" :key="item" @click="getDetail()">
      <view class="bill">
        <view>收货单号：CHD2024012212314</view>
        <view>应收金额：<text class="num">¥1800.00</text></view>
      </view>
      <view class="time"> 2024-01-22 14:28:36 </view>
    </view>
  </view>
</template>
<script setup lang="ts">
const getDetail = () => {
  uni.navigateTo({
    url: "/pages/statistics/customer/detail", // 要跳转到的页面路径
  });
}
</script>
<style lang="scss" scoped>
.c-card {
  margin: 30rpx 25rpx;
  background: #ffffff;
  box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(5, 68, 37, 0.12);
  border-radius: 13rpx;
  padding: 20rpx;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 21rpx;
  color: #000000;
  > view {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 15rpx 0rpx;
    .num {
      color: rgba(236, 15, 62, 1);
    }
    .bill {
      view {
        line-height: 40rpx;
      }
    }
    .time {
      font-family: Source Han Sans CN;
      font-weight: 400;
      font-size: 21rpx;
      color: #999999;
    }
  }
  > view + view {
    border-top: 1px solid rgba(233, 233, 233, 0.76);
  }
}
</style>
