<script setup>
import { userArtworks } from "~/api/goods/index.js";
import { authStore } from "~/stores/auth/index.js";

definePageMeta({
  layout: 'default',
  title: '收款二维码',
  i18n: 'menu.profile',
})
const { userInfo } = authStore()
const initData = async () => {
  const res = await userArtworks({})
  if (res.status === 0) {

  }
}
initData()
</script>

<template>
  <div class="w-[100vw] bg-[url('@/static/images/3532@2x.png')] bg-cover pt-43px flex-grow-1 flex flex-col">
    <div class="flex items-center px-16px mb-43px">
      <div class="mr-23px">
        <img class="w-57px h-57px" src="@/static/images/5514@2x.png" alt="">
      </div>
      <div class="flex flex-col">
        <div class="text-18px text-#181818">{{ userInfo.realName }}</div>
        <div class="text-#575757 text-14px">{{ userInfo.telNum }}</div>
      </div>
      <div class="flex-grow-1 flex justify-end">
        <img class="w-40px h-40px" src="@/static/images/logout.png" alt="">
      </div>
    </div>
    <div class="flex-grow-1">
      <div class="border-b-1px border-b-#D3D3D3  px-16px flex">
        <div class="text-#000 text-16px border-b-3 border-b-#2B53AC h-36px">线下付款二维码 </div>
      </div>
      <van-pull-refresh>
        <van-list finished-text="没有更多了">
          <van-swipe-cell>

            <van-cell :border="false" title="单元格" value="内容" />
            <template #right>
              <van-button square type="danger" text="删除" />
              <van-button square type="primary" text="收藏" />
            </template>
          </van-swipe-cell>
        </van-list>
      </van-pull-refresh>
    </div>
  </div>
</template>
<style scoped>

</style>