crypto/bemarket
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改详情页面nftid的显示

Browse Source
This commit is contained in:
zhl 2022-01-25 16:46:05 +08:00
parent 12f979c57e
commit b62c620407
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/market/NftInfo.vue
View File

@ -7,7 +7,7 @@
<span>Back to MarketPlace</span> <span>Back to MarketPlace</span>
</div> </div>
<div class="base-info"> <div class="base-info">
<div class="mobile-nft-id">#1233222</div> <div class="nft-id-mobile">#1233222</div>
<div class="class-info"> <div class="class-info">
<img :src="require('@/assets/main/card/class_0.png')"> <img :src="require('@/assets/main/card/class_0.png')">
<span class="name-label">Aoi</span> <span class="name-label">Aoi</span>
@ -29,7 +29,7 @@
</div> </div>
</div> </div>
<div class="right-part"> <div class="right-part">
<div class="nft-id"></div> <div class="nft-id-desktop">#123123123123</div>
<div class="border basic-data"> <div class="border basic-data">
<div class="title"> <div class="title">
Basic Data Basic Data
@ -144,6 +144,9 @@ export default class extends Vue {
padding-top: 20px; padding-top: 20px;
z-index: 2; z-index: 2;
.base-info { .base-info {
.nft-id-mobile{
display: none;
}
img{ img{
width: 55px; width: 55px;
height: 55px; height: 55px;
@ -204,6 +207,10 @@ export default class extends Vue {
width: 35%; width: 35%;
font-family: 'zitic',serif; font-family: 'zitic',serif;
z-index: 2; z-index: 2;
.nft-id-desktop{
color: #46E0F4;
font-size: 26px;
}
.border { .border {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -344,6 +351,11 @@ export default class extends Vue {
} }
.base-info{ .base-info{
margin-top: 100px; margin-top: 100px;
.nft-id-mobile{
color: #46E0F4;
font-size: 20px;
display: block;
}
.class-info{ .class-info{
img{ img{
height: 30px; height: 30px;
@ -366,6 +378,9 @@ export default class extends Vue {
align-items: center; align-items: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.nft-id-desktop{
display: none;
}
.border{ .border{
width: 91%; width: 91%;
.title { .title {