<script setup lang="ts">
import { pageUrl } from '@/utils/constants'

const pageList = [
  {
    title: '商城订单',
    icon: 'icon-shop-order',
    to: `${pageUrl['order-list']}`,
  },
  {
    title: '充值订单',
    icon: 'icon-recharge-order',
    to: `${pageUrl['recharge-order-list']}`,
  },
]
</script>
<template>
  <uni-list class="list">
    <uni-list-item
      class="item"
      v-for="(item, index) in pageList"
      :key="index"
      showArrow
      :title="item.title"
      :to="item.to"
    >
      <template #header>
        <text class="icon" :class="item.icon"></text>
      </template>
    </uni-list-item>
  </uni-list>
</template>
<style lang="scss" scoped>
.item {
  line-height: 2em;
}
.icon {
  margin-right: 20rpx;
}
</style>
