修改详情默认背景颜色

This commit is contained in:
yuyongdong 2024-07-03 17:28:30 +08:00
parent ba8e204044
commit 8104042a4c
3 changed files with 154 additions and 146 deletions

View File

@ -47,6 +47,7 @@ const imageUrl = computed(() => {
height: 173.8px; height: 173.8px;
margin-right: 25px; margin-right: 25px;
border-radius: 16px; border-radius: 16px;
overflow: hidden;
img { img {
width: 100%; width: 100%;
height: 100%; height: 100%;

View File

@ -254,7 +254,7 @@ onMounted(() => {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-bottom: 5px; padding-bottom: 8px;
>div { >div {
height: 57px; height: 57px;
line-height: 57px; line-height: 57px;

View File

@ -1,5 +1,6 @@
<template> <template>
<div class="detail"> <div class="detail">
<div class="bg-content">
<div class="detail-bg"></div> <div class="detail-bg"></div>
<div v-if="detailData" class="detail-content"> <div v-if="detailData" class="detail-content">
<div class="content"> <div class="content">
@ -153,6 +154,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<SellDialog v-if="detailData" :sellDialogVisible="sellDialogVisible" :floorPrice="floorPrice" :sellDataArr="detailData.nft" @handleClose="sellHandleClose" /> <SellDialog v-if="detailData" :sellDialogVisible="sellDialogVisible" :floorPrice="floorPrice" :sellDataArr="detailData.nft" @handleClose="sellHandleClose" />
</div> </div>
</template> </template>
@ -407,8 +409,13 @@ onMounted(() => {
.detail { .detail {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
background: #000;
.bg-content {
width: 100%;
height: 100%;
background: url('@/assets/img/marketplace/BG01.jpg') no-repeat; background: url('@/assets/img/marketplace/BG01.jpg') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
}
.detail-bg { .detail-bg {
width: 100%; width: 100%;
height: 84px; height: 84px;