修改购买价格显示问题

src/components/chain/BlockChain.js

@@ -150,7 +150,7 @@ export class BlockChain {
       }
       return result.provider
     } else {
-      console.log(`select result : ${result.errmsg}`);
+      // console.log(`select result : ${result.errmsg}`);
       throw new Error(result.errmsg);
     }
   }

src/components/common/card.vue

@@ -15,7 +15,7 @@
       <div class="card-price">
         <div>
           <span class="price-col">
-            {{ price }}
+            {{ tokenAmount }}
           </span>
           <img :src="icon" alt="图片">
         </div>
@@ -58,7 +58,11 @@ const emit = defineEmits(['renewNft'])
 import { useRouter } from "vue-router";
 const router = useRouter();
 const icon = ref('')
-const price = ref('-')
+const usd = ref('-')
+const decimals = ref('')
+const amount = ref('')
+const currencyName = ref('')
+const tokenAmount = ref('')
 const { proxy } = getCurrentInstance();
 const props = defineProps({
   nftData: {
@@ -73,7 +77,11 @@ const buyDataArr = ref([])
 // 确认购买弹窗
 const buyNft = async (val) => {
   props.nftData['icon'] = icon.value
-  props.nftData['price'] = price.value
+  props.nftData['tokenAmount'] = tokenAmount.value
+  props.nftData['amount'] = amount.value
+  props.nftData['decimals'] = decimals.value
+  props.nftData['currencyName'] = currencyName.value
+  props.nftData['usd'] = usd.value
   buyDataArr.value = []
   buyDataArr.value.push(props.nftData)
   buyDialogVisible.value = true
@@ -220,7 +228,11 @@ onMounted(() => {
   if (props.nftData?.event?.data) {
     const data = formatPrice(props.nftData?.event?.data)
     icon.value = data.icon
-    price.value = data.tokenAmount
+    tokenAmount.value = data.tokenAmount
+    usd.value = data.usd
+    currencyName.value = data.currencyName
+    amount.value = data.amount
+    decimals.value = data.decimals
   }
 });
 </script>

src/views/ClaimView.vue

@@ -45,8 +45,8 @@
         <div class="content-btn">
           <span class="btn login-btn" @click="connectLogin">Login</span>
         </div>
-        <div class="content-time">
+        <div class="content-times">
-          <div class="content-time-top">
+          <div class="content-time-top" @click="connectLogin">
             <li>
               <div class="left left-hover">
                 <div>
@@ -56,7 +56,7 @@
                 <span>0 gas</span>
               </div>
               <div class="right">
-                <span>Aug 30, 18:00 - Sep 3, 18:00 UTC </span>
+                <span>Aug 30, 06:00 - Sep 5, 06:00 UTC </span>
                 <div class="tips">
                   <img src="@/assets/img/cec_claim/Icon_!.png" alt="">
                   <div class="tips-box">
@@ -71,11 +71,11 @@
             </li>
             <li>
               <div class="left">
-                <p>Grab a share of $100,000 $CEC</p>
+                <p>Grab a share of 1,000,000 $CEC</p>
               </div>
             </li>
           </div>
-          <div class="content-time-line"></div>
+          <!-- <div class="content-time-line"></div> -->
           <div class="content-time-btm">
             <li>
               <div class="left">
@@ -107,7 +107,7 @@
                 <span>0 gas</span>
               </div>
               <div class="right">
-                <span>Aug 30, 18:00 - Sep 3, 18:00 UTC </span>
+                <span>Aug 30, 06:00 - Sep 5, 06:00 UTC </span>
                 <div class="tips">
                   <img src="@/assets/img/cec_claim/Icon_!.png" alt="">
                   <div class="tips-box">
@@ -122,7 +122,7 @@
             </li>
             <li>
               <div class="left">
-                <p>Grab a share of $100,000 $CEC</p>
+                <p>Grab a share of 1,000,000 $CEC</p>
               </div>
             </li>
           </div>
@@ -158,7 +158,7 @@
                 <span>0 gas</span>
               </div>
               <div class="right">
-                <span>Aug 30, 18:00 - Sep 3, 18:00 UTC </span>
+                <span>Aug 30, 06:00 - Sep 5, 06:00 UTC </span>
                 <div class="tips">
                   <img src="@/assets/img/cec_claim/Icon_!.png" alt="">
                   <div class="tips-box">
@@ -173,7 +173,7 @@
             </li>
             <li>
               <div class="left">
-                <p>Grab a share of $100,000 $CEC</p>
+                <p>Grab a share of 1,000,000 $CEC</p>
               </div>
             </li>
           </div>
@@ -202,10 +202,10 @@
         <div class="content-body">
           <div class="content-body-header">
             <div class="content-body-header-left">
-              <span v-if="cecUserStatus == 0">Grab a share of $100,000 $CEC</span>
+              <span v-if="cecUserStatus == 0">Grab a share of 1,000,000 $CEC</span>
             </div>
             <div class="content-body-header-right">
-              Aug 30, 18:00 - Sep 3, 18:00 UTC
+              Aug 30, 06:00 - Sep 5, 06:00 UTC
               <!-- <img  src="@/assets/img/cec_claim/Icon_!.png" alt=""> -->
               <div v-if="cecUserStatus == 0" class="tips">
                 <img src="@/assets/img/cec_claim/Icon_!.png" alt="">
@@ -1109,6 +1109,7 @@ onMounted(() => {
                 font-family: 'Poppins';
                 font-weight: bold;
                 font-size: 18px;
+                margin: 0;
               }
               h6 {
                 width: 160px;

src/views/DetailView.vue

@@ -365,9 +365,13 @@ const contractBlankUrl = ref();
 const founderBlankUrl = ref();
 const contractTokenUrl = ref();
 const nftAbilities = ref();
-const icon = ref("");
-const usd = ref("");
 const price = ref("");
+const icon = ref('')
+const usd = ref('')
+const decimals = ref('')
+const amount = ref('')
+const currencyName = ref('')
+const tokenAmount = ref('')
 const loadingDialogVisible = ref(false);
 const LOCKER_ADDRESS = ref(import.meta.env.VUE_APP_LOCKER_ADDRESS);
 const FOUNDER_ADDRESS = ref(import.meta.env.VUE_APP_FOUNDER_ADDRESS);
@@ -381,8 +385,12 @@ const cardLogin = async () => {
 const buyDialogVisible = ref(false);
 const buyDataArr = ref([]);
 const buyNow = async () => {
-  detailData.value["icon"] = icon.value;
+  detailData.value['icon'] = icon.value
-  detailData.value["tokenAmount"] = price.value;
+  detailData.value['tokenAmount'] = tokenAmount.value
+  detailData.value['amount'] = amount.value
+  detailData.value['decimals'] = decimals.value
+  detailData.value['currencyName'] = currencyName.value
+  detailData.value['usd'] = usd.value
   buyDataArr.value = [];
   buyDataArr.value.push(detailData.value);
   buyDialogVisible.value = true;
@@ -809,6 +817,10 @@ const getDetail = async () => {
     icon.value = _data.icon;
     usd.value = _data.usd;
     price.value = _data.tokenAmount;
+    tokenAmount.value = _data.tokenAmount
+    currencyName.value = _data.currencyName
+    amount.value = _data.amount
+    decimals.value = _data.decimals
   }
 };
 onMounted(() => {