<template>
  <view>
    <view
      class="flex justify-between text-center text-28rpx items-center h-80rpx"
    >
      <view class="flex-1">排名</view>
      <view class="flex-1">门店</view>
      <view class="flex-1">累计客户</view>
      <view class="flex-1">销售额</view>
    </view>
    <view
      class="flex justify-between text-center text-24rpx items-center bg-white rounded-19rpx h-80rpx"
      v-for="(item, i) in list"
      :key="i"
    >
      <view class="flex-1">{{ item.ranking }}</view>
      <view class="flex-1">{{ item.store.title }}</view>
      <view class="flex-1">{{ item.expenditure }}</view>
      <view class="flex-1">{{ item.sales }}</view>
    </view>
  </view>
</template>

<script setup>
import { timeFormat } from '@climblee/uv-ui/libs/function'
const props = defineProps({
  list: {
    type: Array,
    default: () => [],
  },
})
</script>
