修改详情默认背景颜色
This commit is contained in:
parent
ba8e204044
commit
8104042a4c
@ -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%;
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user