去除图片名称空格
3
components.d.ts
vendored
@ -31,7 +31,6 @@ declare module 'vue' {
|
|||||||
ChipCard: typeof import('./src/components/home/ChipCard.vue')['default']
|
ChipCard: typeof import('./src/components/home/ChipCard.vue')['default']
|
||||||
Collectibles: typeof import('./src/components/assets/collectibles.vue')['default']
|
Collectibles: typeof import('./src/components/assets/collectibles.vue')['default']
|
||||||
ConfirmDialog: typeof import('./src/components/Dialogs/confirmDialog.vue')['default']
|
ConfirmDialog: typeof import('./src/components/Dialogs/confirmDialog.vue')['default']
|
||||||
copy: typeof import('./src/components/common/hangingCard copy.vue')['default']
|
|
||||||
GameFeatures: typeof import('./src/components/home/GameFeatures.vue')['default']
|
GameFeatures: typeof import('./src/components/home/GameFeatures.vue')['default']
|
||||||
GameVideo: typeof import('./src/components/home/GameVideo.vue')['default']
|
GameVideo: typeof import('./src/components/home/GameVideo.vue')['default']
|
||||||
Gold: typeof import('./src/components/common/searchView/gold.vue')['default']
|
Gold: typeof import('./src/components/common/searchView/gold.vue')['default']
|
||||||
@ -47,7 +46,6 @@ declare module 'vue' {
|
|||||||
LatestNew: typeof import('./src/components/about/LatestNew.vue')['default']
|
LatestNew: typeof import('./src/components/about/LatestNew.vue')['default']
|
||||||
Layout: typeof import('./src/components/layout/index.vue')['default']
|
Layout: typeof import('./src/components/layout/index.vue')['default']
|
||||||
LoadingDialog: typeof import('./src/components/Dialogs/loadingDialog.vue')['default']
|
LoadingDialog: typeof import('./src/components/Dialogs/loadingDialog.vue')['default']
|
||||||
MessageDialog: typeof import('./src/components/Dialogs/messageDialog.vue')['default']
|
|
||||||
MktContent: typeof import('./src/components/marketplace/mktContent.vue')['default']
|
MktContent: typeof import('./src/components/marketplace/mktContent.vue')['default']
|
||||||
MktHeader: typeof import('./src/components/marketplace/mktHeader.vue')['default']
|
MktHeader: typeof import('./src/components/marketplace/mktHeader.vue')['default']
|
||||||
NavBar: typeof import('./src/components/layout/NavBar.vue')['default']
|
NavBar: typeof import('./src/components/layout/NavBar.vue')['default']
|
||||||
@ -65,7 +63,6 @@ declare module 'vue' {
|
|||||||
StarTimer: typeof import('./src/components/common/starTimer.vue')['default']
|
StarTimer: typeof import('./src/components/common/starTimer.vue')['default']
|
||||||
Status: typeof import('./src/components/common/searchView/status.vue')['default']
|
Status: typeof import('./src/components/common/searchView/status.vue')['default']
|
||||||
StatusRadio: typeof import('./src/components/common/searchView/statusRadio.vue')['default']
|
StatusRadio: typeof import('./src/components/common/searchView/statusRadio.vue')['default']
|
||||||
StatusRido: typeof import('./src/components/common/searchView/statusRido.vue')['default']
|
|
||||||
TeamMember: typeof import('./src/components/about/TeamMember.vue')['default']
|
TeamMember: typeof import('./src/components/about/TeamMember.vue')['default']
|
||||||
TeamVision: typeof import('./src/components/about/TeamVision.vue')['default']
|
TeamVision: typeof import('./src/components/about/TeamVision.vue')['default']
|
||||||
Trading: typeof import('./src/components/assets/trading.vue')['default']
|
Trading: typeof import('./src/components/assets/trading.vue')['default']
|
||||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
Before Width: | Height: | Size: 945 B After Width: | Height: | Size: 945 B |
Before Width: | Height: | Size: 8.5 KiB After Width: | Height: | Size: 8.5 KiB |
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
Before Width: | Height: | Size: 776 B After Width: | Height: | Size: 776 B |
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.6 KiB |
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
@ -14,7 +14,7 @@
|
|||||||
<a-button key="submit" type="primary" :loading="loading" @click="handleOk">Submit</a-button>
|
<a-button key="submit" type="primary" :loading="loading" @click="handleOk">Submit</a-button>
|
||||||
</template>-->
|
</template>-->
|
||||||
<div class="top-close" @click="handleCancel">
|
<div class="top-close" @click="handleCancel">
|
||||||
<img src="@/assets/img/marketplace/Close counter.png" alt />
|
<img src="@/assets/img/marketplace/Close_counter.png" alt />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="content-title">Transaction confirmation ( {{ props.buyDataArr.length }} )</div>
|
<div class="content-title">Transaction confirmation ( {{ props.buyDataArr.length }} )</div>
|
||||||
@ -36,6 +36,7 @@
|
|||||||
<!-- <div>{{ priceCalculated(buyDataArr[0].event.data.buy[0].amount) }}</div> -->
|
<!-- <div>{{ priceCalculated(buyDataArr[0].event.data.buy[0].amount) }}</div> -->
|
||||||
<div>{{ priceCalculated(item.event.data.buy[0].amount) }}</div>
|
<div>{{ priceCalculated(item.event.data.buy[0].amount) }}</div>
|
||||||
<div class="price-img">
|
<div class="price-img">
|
||||||
|
<!-- {{item.icon}} -->
|
||||||
<img :src="item.icon" alt />
|
<img :src="item.icon" alt />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
</template> -->
|
</template> -->
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div>
|
<div>
|
||||||
<img src="@/assets/img/marketplace/loding .png" alt />
|
<img src="@/assets/img/marketplace/loding.png" alt />
|
||||||
</div>
|
</div>
|
||||||
<!-- <p>Please wait. Data is loading</p> -->
|
<!-- <p>Please wait. Data is loading</p> -->
|
||||||
</div>
|
</div>
|
||||||
|
@ -10,7 +10,7 @@
|
|||||||
destroyOnClose
|
destroyOnClose
|
||||||
>
|
>
|
||||||
<div class="top-close" @click="handleCancel">
|
<div class="top-close" @click="handleCancel">
|
||||||
<img src="@/assets/img/marketplace/Close counter.png" alt />
|
<img src="@/assets/img/marketplace/Close_counter.png" alt />
|
||||||
</div>
|
</div>
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div class="content-title">On the shelves NFT</div>
|
<div class="content-title">On the shelves NFT</div>
|
||||||
@ -53,7 +53,7 @@
|
|||||||
</a-space>
|
</a-space>
|
||||||
</div>
|
</div>
|
||||||
<div class="calendar">
|
<div class="calendar">
|
||||||
<img src="@/assets/img/marketplace/Calendar .png" alt />
|
<img src="@/assets/img/marketplace/Calendar.png" alt />
|
||||||
<span>{{ formatDateGMT() }} PM</span>
|
<span>{{ formatDateGMT() }} PM</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -171,8 +171,6 @@ const isPriceListShow = ref(false);
|
|||||||
// 出售
|
// 出售
|
||||||
const currency = import.meta.env.VUE_APP_MARKET_CURRENCY;
|
const currency = import.meta.env.VUE_APP_MARKET_CURRENCY;
|
||||||
const sellConfirm = async () => {
|
const sellConfirm = async () => {
|
||||||
console.log(message)
|
|
||||||
return
|
|
||||||
if (priceValue.value) {
|
if (priceValue.value) {
|
||||||
let curDate = new Date();
|
let curDate = new Date();
|
||||||
let orderData = new Date(curDate.getTime() + Number(optionDayValue.value));
|
let orderData = new Date(curDate.getTime() + Number(optionDayValue.value));
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
<div class="card-name">
|
<div class="card-name">
|
||||||
<div>Cotnesford park</div>
|
<div>Cotnesford park</div>
|
||||||
<div class="no-sell" v-show="nftData.on_sale == 1" @click="cancelNft(nftData)">
|
<div class="no-sell" v-show="nftData.on_sale == 1" @click="cancelNft(nftData)">
|
||||||
<img src="@/assets/img/marketplace/On SeLL.png" alt="">
|
<img src="@/assets/img/marketplace/On_SeLL.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-price">
|
<div class="card-price">
|
||||||
|
@ -17,7 +17,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="pages-no" v-show="nftList == undefined || nftList.length <= 0">
|
<div class="pages-no" v-show="nftList == undefined || nftList.length <= 0">
|
||||||
<div>
|
<div>
|
||||||
<img src="@/assets/img/marketplace/Empty state.png" alt="">
|
<img src="@/assets/img/marketplace/Empty_state.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<p>No NFT yet</p>
|
<p>No NFT yet</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -79,61 +79,9 @@ onMounted(() => {
|
|||||||
width: calc(100% - 300px);
|
width: calc(100% - 300px);
|
||||||
padding-right: 40px;
|
padding-right: 40px;
|
||||||
// background: #fff;
|
// background: #fff;
|
||||||
.content-right-header {
|
|
||||||
width: calc(100% - 10px);
|
|
||||||
height: 60px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
border-bottom: 2px solid #3a3b57;
|
|
||||||
.bg-cor {
|
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
background: #18ff00;
|
|
||||||
margin-left: 10px;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.results-total {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: 15px;
|
|
||||||
font-size: 14px;
|
|
||||||
color: #b3b5da;
|
|
||||||
}
|
|
||||||
.search-list {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
color: #fff;
|
|
||||||
li {
|
|
||||||
margin-left: 10px;
|
|
||||||
background: #2d2738;
|
|
||||||
padding: 5px 10px;
|
|
||||||
border-radius: 10px;
|
|
||||||
font-size: 12px;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.clear-all {
|
|
||||||
background: #5a4a6d;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.content-right-content {
|
.content-right-content {
|
||||||
|
width: 1488px;
|
||||||
margin-top: 30px;
|
margin-top: 30px;
|
||||||
.pages-horizontal {
|
|
||||||
display: flex;
|
|
||||||
// justify-content: space-between;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
clear: both;
|
|
||||||
li {
|
|
||||||
width: calc(25% - 10px);
|
|
||||||
// height: 360px;
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
cursor: pointer;
|
|
||||||
&:nth-child(4n) {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.pages-vertical {
|
.pages-vertical {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
@ -23,7 +23,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="cart-item-right-clear" @click="deleteNft(item)">
|
<div class="cart-item-right-clear" @click="deleteNft(item)">
|
||||||
<img src="@/assets/img/marketplace/Delete icon.png" alt="">
|
<img src="@/assets/img/marketplace/Delete_icon.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
@ -21,10 +21,10 @@
|
|||||||
<div class="card-btn" v-if="nftData.nft.owner_address != localWalletStore.address">
|
<div class="card-btn" v-if="nftData.nft.owner_address != localWalletStore.address">
|
||||||
<div class="card-buy" @click="localWalletStore.address == '' ? cardLogin() : buyNft(nftData)">Buy Now</div>
|
<div class="card-buy" @click="localWalletStore.address == '' ? cardLogin() : buyNft(nftData)">Buy Now</div>
|
||||||
<div v-if="nftData.in_shopcart == 0" class="card-cat" @click.stop="localWalletStore.address == '' ? cardLogin() : addCart(nftData)">
|
<div v-if="nftData.in_shopcart == 0" class="card-cat" @click.stop="localWalletStore.address == '' ? cardLogin() : addCart(nftData)">
|
||||||
<img src="@/assets/img/marketplace/Add shopping cart.png" alt="">
|
<img src="@/assets/img/marketplace/Add_shopping_cart.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div v-else class="card-cat" @click.stop="clearCart(nftData)">
|
<div v-else class="card-cat" @click.stop="clearCart(nftData)">
|
||||||
<img src="@/assets/img/marketplace/Move out.png" alt="">
|
<img src="@/assets/img/marketplace/Move_out.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-btn" v-else>
|
<div class="card-btn" v-else>
|
||||||
@ -65,8 +65,12 @@ const buyDataArr = ref([])
|
|||||||
|
|
||||||
// 确认购买弹窗
|
// 确认购买弹窗
|
||||||
const buyNft = async (val) => {
|
const buyNft = async (val) => {
|
||||||
|
props.nftData['icon'] = icon.value
|
||||||
|
// props.nftData['icon'] = price.value
|
||||||
buyDataArr.value = []
|
buyDataArr.value = []
|
||||||
buyDataArr.value.push(val)
|
buyDataArr.value.push(props.nftData)
|
||||||
|
console.log("buy",buyDataArr.value)
|
||||||
|
// return
|
||||||
const buyResult = await createModal(BuyDialog, {
|
const buyResult = await createModal(BuyDialog, {
|
||||||
buyDataArr: buyDataArr.value,
|
buyDataArr: buyDataArr.value,
|
||||||
}).show()
|
}).show()
|
||||||
|
@ -91,6 +91,7 @@ div {
|
|||||||
background: #16141b;
|
background: #16141b;
|
||||||
border-color: #34354e;
|
border-color: #34354e;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
font-size: 24px;
|
||||||
&::before {
|
&::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -76,7 +76,7 @@
|
|||||||
<div class="nft-contract">
|
<div class="nft-contract">
|
||||||
<a :href="chainExpolor(event.data.blockchain_metadata.transaction_hash)" target="_back">
|
<a :href="chainExpolor(event.data.blockchain_metadata.transaction_hash)" target="_back">
|
||||||
<span>Etherscan</span>
|
<span>Etherscan</span>
|
||||||
<img src="@/assets/img/marketplace/Links web icon.png" alt="">
|
<img src="@/assets/img/marketplace/Links_web_icon.png" alt="">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -128,6 +128,7 @@ div {
|
|||||||
background: #16141b;
|
background: #16141b;
|
||||||
border-color: #34354e;
|
border-color: #34354e;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
font-size: 24px;
|
||||||
&::before {
|
&::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -38,7 +38,7 @@
|
|||||||
<div class="header-right">
|
<div class="header-right">
|
||||||
<div class="immutable-cart" v-if="isCart" @click="myCart">
|
<div class="immutable-cart" v-if="isCart" @click="myCart">
|
||||||
<div class="immutable-cart-img">
|
<div class="immutable-cart-img">
|
||||||
<img src="@/assets/img/marketplace/Add shopping cart02.png" alt="">
|
<img src="@/assets/img/marketplace/Add_shopping_cart02.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
<div v-if="localWalletStore.address" class="immutable-cart-amount">
|
<div v-if="localWalletStore.address" class="immutable-cart-amount">
|
||||||
<span v-if="marketplaceStore.getCartList">{{ marketplaceStore.getCartList.data?.length || 0 }}</span>
|
<span v-if="marketplaceStore.getCartList">{{ marketplaceStore.getCartList.data?.length || 0 }}</span>
|
||||||
|
@ -43,13 +43,13 @@
|
|||||||
<div class="add" v-if="detailData.in_shopcart == 0" @click="addCart">
|
<div class="add" v-if="detailData.in_shopcart == 0" @click="addCart">
|
||||||
<span>Add to cart </span>
|
<span>Add to cart </span>
|
||||||
<div>
|
<div>
|
||||||
<img src="@/assets/img/marketplace/Add shopping cart.png" alt="">
|
<img src="@/assets/img/marketplace/Add_shopping_cart.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="remove" v-if="detailData.in_shopcart == 1" @click="clearCart">
|
<div class="remove" v-if="detailData.in_shopcart == 1" @click="clearCart">
|
||||||
<span>Remove from cart</span>
|
<span>Remove from cart</span>
|
||||||
<div>
|
<div>
|
||||||
<img src="@/assets/img/marketplace/Move out.png" alt="">
|
<img src="@/assets/img/marketplace/Move_out.png" alt="">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|