liveh5-nuxt/app/pages/LiveRoom/components/Broadcast/tang.vue

<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>