refactor(home): 移除首页中的拍品列表弹窗
- 删除了首页组件中的 x-popup组件引用 - 移除了首页模板中的拍品列表弹窗内容 - 新增 tang.vue 组件，用于在直播间展示拍品列表
This commit is contained in:
xingyy
parent
c445901806
commit
c74ba7bcb3
114
app/pages/LiveRoom/components/Broadcast/tang.vue
Normal file
114
app/pages/LiveRoom/components/Broadcast/tang.vue
Normal file
@ -0,0 +1,114 @@
|
|||||||
|
<script setup>
|
||||||
|
import xPopup from '@/components/x-popup/index.vue'
|
||||||
|
const props = defineProps({
|
||||||
|
show: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<x-popup :show="show">
|
||||||
|
<template #title>
|
||||||
|
<div class="text-#000 text-16px">拍品列表</div>
|
||||||
|
<div class="text-#939393 text-16px ml-14px">共188个拍品</div>
|
||||||
|
</template>
|
||||||
|
<div class="px-16px py-18px">
|
||||||
|
<div class="flex mb-21px">
|
||||||
|
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
||||||
|
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
||||||
|
张天赐 | 日出而作，日落而息撒打算撒打算撒打决赛多久啊是世奥兰日落而息撒打算撒打算撒打决赛多久啊是世奥兰
|
||||||
|
</div>
|
||||||
|
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
||||||
|
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-21px">
|
||||||
|
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
||||||
|
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
||||||
|
张天赐 | 日出而作，日落而息撒打算撒打算撒打决赛多久啊是世奥兰日落而息撒打算撒打算撒打决赛多久啊是世奥兰
|
||||||
|
</div>
|
||||||
|
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
||||||
|
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-21px">
|
||||||
|
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
||||||
|
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
||||||
|
张天赐 | 日出而作
|
||||||
|
</div>
|
||||||
|
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
||||||
|
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-21px">
|
||||||
|
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
||||||
|
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
||||||
|
张天赐 | 日出而作
|
||||||
|
</div>
|
||||||
|
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
||||||
|
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-21px">
|
||||||
|
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
||||||
|
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
||||||
|
张天赐 | 日出而作
|
||||||
|
</div>
|
||||||
|
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
||||||
|
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-21px">
|
||||||
|
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
||||||
|
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
||||||
|
张天赐 | 日出而作
|
||||||
|
</div>
|
||||||
|
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
||||||
|
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex mb-21px">
|
||||||
|
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
||||||
|
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
||||||
|
张天赐 | 日出而作
|
||||||
|
</div>
|
||||||
|
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
||||||
|
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</x-popup>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -3,7 +3,7 @@ import LiveRoom from '@/pages/LiveRoom/index.client.vue';
|
|||||||
import {goodStore} from "@/stores/goods/index.js";
|
import {goodStore} from "@/stores/goods/index.js";
|
||||||
import ItemList from './components/ItemList/index.vue'
|
import ItemList from './components/ItemList/index.vue'
|
||||||
import Cescribe from './components/Cescribe/index.vue'
|
import Cescribe from './components/Cescribe/index.vue'
|
||||||
import xPopup from '@/components/x-popup/index.vue'
|
|
||||||
import {artworkList} from "~/api/goods/index.js";
|
import {artworkList} from "~/api/goods/index.js";
|
||||||
import {ref} from "vue";
|
import {ref} from "vue";
|
||||||
|
|
||||||
@ -36,104 +36,7 @@ const showBottom = ref(true)
|
|||||||
</van-tabs>
|
</van-tabs>
|
||||||
<van-back-top right="15vw" bottom="10vh"/>
|
<van-back-top right="15vw" bottom="10vh"/>
|
||||||
</div>
|
</div>
|
||||||
<x-popup v-model:show="showBottom">
|
|
||||||
<template #title>
|
|
||||||
<div class="text-#000 text-16px">拍品列表</div>
|
|
||||||
<div class="text-#939393 text-16px ml-14px">共188个拍品</div>
|
|
||||||
</template>
|
|
||||||
<div class="px-16px py-18px">
|
|
||||||
<div class="flex mb-21px">
|
|
||||||
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
|
||||||
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
|
||||||
张天赐 | 日出而作，日落而息撒打算撒打算撒打决赛多久啊是世奥兰日落而息撒打算撒打算撒打决赛多久啊是世奥兰
|
|
||||||
</div>
|
|
||||||
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
|
||||||
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex mb-21px">
|
|
||||||
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
|
||||||
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
|
||||||
张天赐 | 日出而作，日落而息撒打算撒打算撒打决赛多久啊是世奥兰日落而息撒打算撒打算撒打决赛多久啊是世奥兰
|
|
||||||
</div>
|
|
||||||
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
|
||||||
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex mb-21px">
|
|
||||||
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
|
||||||
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
|
||||||
张天赐 | 日出而作
|
|
||||||
</div>
|
|
||||||
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
|
||||||
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex mb-21px">
|
|
||||||
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
|
||||||
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
|
||||||
张天赐 | 日出而作
|
|
||||||
</div>
|
|
||||||
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
|
||||||
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex mb-21px">
|
|
||||||
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
|
||||||
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
|
||||||
张天赐 | 日出而作
|
|
||||||
</div>
|
|
||||||
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
|
||||||
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex mb-21px">
|
|
||||||
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
|
||||||
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
|
||||||
张天赐 | 日出而作
|
|
||||||
</div>
|
|
||||||
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
|
||||||
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex mb-21px">
|
|
||||||
<div class="mr-10px flex-shrink-0 rounded-4px overflow-hidden">
|
|
||||||
<img class="w-80px h-80px" src="@/static/images/ddfdcaer.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="ellipsis line-height-20px text-16px font-600 min-h-40px">
|
|
||||||
张天赐 | 日出而作
|
|
||||||
</div>
|
|
||||||
<div class="text-14px text-#575757">起拍价：RMB 1,000</div>
|
|
||||||
<div class="text-14px text-#B58047">成交价：等待更新</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</x-popup>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<style>
|
<style>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user