修改页面

src/components/assets/collectibles.vue

@@ -82,11 +82,13 @@ const getMyAssets = async () => {
     cursor: '',
     search_name: ''
   }
-  try {
+  if(myADdress) {
-    let res = await apiAssetsState(myADdress, data)
+    try {
-    nftList.value = res.rows
+      let res = await apiAssetsState(myADdress, data)
-  } catch(e) {
+      nftList.value = res.rows
-    console.log(e)
+    } catch(e) {
+      console.log(e)
+    }
   }
 }
 

src/components/assets/hanging.vue

@@ -97,9 +97,11 @@ const getHistoryList = async () => {
       ]
     }
   }
-  let res = await apiHangingState(data)
+  if(myAddress) {
-  console.log('getHistoryList', res)
+    let res = await apiHangingState(data)
-  nftList.value = res.rows
+    console.log('getHistoryList', res)
+    nftList.value = res.rows
+  }
 }
 
 onMounted(() => {

src/components/assets/trading.vue

@@ -54,6 +54,7 @@ import { useTradingStore } from "@/store/trading"
 import {walletStore} from "@/store/wallet";
 const localWalletStore = walletStore()
 const marketplaceList = useTradingStore()
+const myAddress = ref(localWalletStore.address)
 
 const nftList = ref([])
 const filterList = ref()
@@ -79,27 +80,31 @@ const clearAll = () => {
 
 // 获取nft信息
 const getNftData = async () => {
-  let nftDetailData = {}
+  if(myAddress.value) {
-  const { errcode, errmsg, data } = await nftDetail('0x0cf08c8661f87cbf823128d37ba75814cbcdf08b','6240603010010208')
+    let nftDetailData = {}
-  if(errcode == 0) {
+    const { errcode, errmsg, data } = await nftDetail('0x0cf08c8661f87cbf823128d37ba75814cbcdf08b','6240603010010208')
-    nftDetailData = data
+    if(errcode == 0) {
-  } else {
+      nftDetailData = data
-    alert(errmsg)
+    } else {
+      alert(errmsg)
+    }
+    // return nftDetailData
+    console.log('nftDetailData',nftDetailData)
   }
-  // return nftDetailData
-  console.log('nftDetailData',nftDetailData)
 }
 
 const getHistoryList = async () => {
-  const myAddress = localWalletStore.address
+  console.log(myAddress.value)
   const data = {
     type: '0',
     page_size: '20',
     cursor: '',
   }
-  let res = await apiHistoryState(myAddress,data)
+  if(myAddress.value) {
-  nftList.value = res.rows
+    let res = await apiHistoryState(myAddress.value,data)
-  console.log(res)
+    nftList.value = res.rows
+    console.log(res)
+  }
 }
 
 onMounted(() => {

src/components/common/card.vue

@@ -19,11 +19,11 @@
       </div>
     </div>
     <div class="card-btn" v-if="nftData.nft.owner_address != localWalletStore.address">
-      <div class="card-buy" @click="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="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="">
       </div>
-      <div v-else class="card-cat" @click.stop="addCart(nftData)">
+      <div v-else class="card-cat" @click.stop="clearCart(nftData)">
         <img src="@/assets/img/marketplace/Move out.png" alt="">
       </div>
     </div>
@@ -63,6 +63,7 @@ const buyDataArr = ref([])
 
 // 确认购买弹窗
 const buyNft = async (val) => {
+  buyDataArr.value = []
   buyDataArr.value.push(val)
   const buyResult = await createModal(BuyDialog, {
     buyDataArr: buyDataArr.value,
@@ -117,6 +118,16 @@ const addCart = async (val) => {
   }
 }
 
+// 移除购物车
+const clearCart = async (val) => {
+
+}
+
+// 登录
+const cardLogin = async () => {
+  await new BlockChain().connect()
+}
+
 onMounted(() => {
   // console.log(JSON.parse(JSON.stringify(props.nftData)), "-=-=-");
 });

src/configs/priceCalculate.js

@@ -4,6 +4,9 @@ import { ethers } from "ethers"
 // 计算价格精度
 export const priceCalculated = (price) => {
   let str = Number(ethers.utils.formatUnits(price, 18)).toFixed(5)
+  if(str == '0.00000') {
+    str = '<0.00001'
+  }
   return str
 }