liveh5-nuxt/app/pages/profile/index.vue

<script setup>
definePageMeta({
  layout: 'default',
  title: '我的',
  i18n: 'menu.profile',
})
</script>

<template>
  <div class="w-[100vw] bg-[url('@/static/images/3532@2x.png')] bg-cover pt-43px">
  <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">张三</div>
      <div class="text-#575757 text-14px">15834362333</div>
    </div>
  </div>
    <div>
      <div class="border-b-1px border-b-#D3D3D3  px-16px flex">
        <div class="text-#000 text-16px border-b-2 border-b-#2B53AC h-36px">我的拍品</div>
      </div>
      <van-pull-refresh>
        <van-list
            finished-text="没有更多了"
        >
          <div class="px-16px pt-14px">
            <div class="text-#575757 text-14px mb-3px">2025.01.12</div>
            <div class="flex mb-22px">
              <div class="flex-shrink-0 mr-10px">
                <img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
              </div>
              <div class="flex flex-col justify-between">
                <div class="text-#000 text-16px ellipsis line-height-21px">张天赐 | 日出而作，日落而息撒打算撒打算撒打决赛多久啊是世奥兰…</div>
                <div class="text-#575757 text-14px line-height-none ">起拍价：RMB 1,000</div>
                <div class="text-#B58047 text-14px line-height-none">成交价：RMB 10,000</div>
              </div>
            </div>
            <div class="flex">
              <div class="flex-shrink-0 mr-10px">
                <img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
              </div>
              <div class="flex flex-col justify-between">
                <div class="text-#000 text-16px ellipsis line-height-21px">张天赐 | 日出而作，日落而息撒打算撒打算撒打决赛多久啊是世奥兰…</div>
                <div class="text-#575757 text-14px line-height-none ">起拍价：RMB 1,000</div>
                <div class="text-#B58047 text-14px line-height-none">成交价：RMB 10,000</div>
              </div>
            </div>
          </div>
          <div class="px-16px pt-14px">
            <div class="text-#575757 text-14px mb-3px">2025.01.12</div>
            <div class="flex mb-22px">
              <div class="flex-shrink-0 mr-10px">
                <img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
              </div>
              <div class="flex flex-col justify-between">
                <div class="text-#000 text-16px ellipsis line-height-21px">张天赐 | 日出而作，日落而息撒打算撒打算撒打决赛多久啊是世奥兰…</div>
                <div class="text-#575757 text-14px line-height-none ">起拍价：RMB 1,000</div>
                <div class="text-#B58047 text-14px line-height-none">成交价：RMB 10,000</div>
              </div>
            </div>
            <div class="flex">
              <div class="flex-shrink-0 mr-10px">
                <img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
              </div>
              <div class="flex flex-col justify-between">
                <div class="text-#000 text-16px ellipsis line-height-21px">张天赐 | 日出而作，日落而息撒打算撒打算撒打决赛多久啊是世奥兰…</div>
                <div class="text-#575757 text-14px line-height-none ">起拍价：RMB 1,000</div>
                <div class="text-#B58047 text-14px line-height-none">成交价：RMB 10,000</div>
              </div>
            </div>
          </div>
        </van-list>
      </van-pull-refresh>
    </div>
  </div>
</template>
<style scoped>
.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>