- 在 goods API 中添加 userArtworks 函数- 更新 auth store,将 userInfo 默认值改为对象 - 优化 LiveRoom 页面布局,添加安全区域支持 - 修改 AppFooter 组件,修复路由判断逻辑 - 更新首页 Column 组件,调整图片显示样式 - 在 Profile 页面添加用户信息展示
99 lines
4.2 KiB
Vue
99 lines
4.2 KiB
Vue
<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>
|
||
<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="没有更多了"
|
||
>
|
||
<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-[#fdc181ff] 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>
|