Browse Source

详情返回

panhui 3 years ago
parent
commit
1dc40387ef
3 changed files with 142 additions and 61 deletions
  1. 1 1
      src/router/index.js
  2. 4 5
      src/views/product/Detail.vue
  3. 137 55
      src/views/product/MetaDomain.vue

+ 1 - 1
src/router/index.js

@@ -347,7 +347,7 @@ const routes = [
         meta: {
             pageType: Page.Every,
             tabColor: '#181818',
-            // menuPage: true
+            menuPage: true
         }
     },
     {

+ 4 - 5
src/views/product/Detail.vue

@@ -676,9 +676,9 @@
             </div>
         </div>
 
-        <!-- <div class="back-content" @click="goBack">
+        <div class="back-content" @click="goBack">
             <img src="@assets/icon_fanhui2.png" alt="" />
-        </div> -->
+        </div>
         <!-- <driver /> -->
 
         <!-- <driver /> -->
@@ -1135,8 +1135,7 @@ export default {
             });
         },
         goBack() {
-            console.log("wshsfgfsdfdd",fromRoute)
-            if (!fromRoute || !fromRoute.name) {
+            if (!fromRoute || !fromRoute.name || fromRoute.meta.pageType === 1) {
                 this.$router.replace('/home');
             } else {
                 this.$router.back();
@@ -2352,6 +2351,6 @@ export default {
     position: fixed;
     left: 16px;
     top: calc(var(--safe-top) + 16px);
-    z-index: 20;
+    z-index: 90;
 }
 </style>

+ 137 - 55
src/views/product/MetaDomain.vue

@@ -3,8 +3,12 @@
         <van-sticky>
             <div class="padding-safe-top">
                 <div class="page_top_one">
-                    <img :src="require('../../assets/icon-back@3x.png')" alt="" class="page_top_one_img"
-                        @click="$router.go(-1)" />
+                    <img
+                        :src="require('../../assets/icon-back@3x.png')"
+                        alt=""
+                        class="page_top_one_img"
+                        @click="$router.go(-1)"
+                    />
                     RID元域名买卖市场
                 </div>
                 <!-- <div class="page_top_two">
@@ -33,11 +37,17 @@
                         >
                         </van-tab>
                     </van-tabs> -->
-                    <van-field v-model="value" :clearable="false" enterkeyhint="search" ref="fieldRef"
-                        :left-icon="require('@assets/icon_sosuo@3x.png')" placeholder="搜索该类目下的元域名" extra @keyup="onInput">
-                        <template #extra>
-                            <div class="flex_text">.nft</div>
-                        </template>>
+                    <van-field
+                        v-model="value"
+                        :clearable="false"
+                        enterkeyhint="search"
+                        ref="fieldRef"
+                        :left-icon="require('@assets/icon_sosuo@3x.png')"
+                        placeholder="搜索该类目下的元域名"
+                        extra
+                        @keyup="onInput"
+                    >
+                        <template #extra> <div class="flex_text">.nft</div> </template>>
                     </van-field>
                     <div class="page_top_three_btn" @click="screening">
                         <div class="page_top_three_btn_con">筛选</div>
@@ -55,20 +65,41 @@
                 </div>
             </div>
         </van-sticky>
-        <van-pull-refresh v-if="domainList.length == 0" success-text="加载成功" success-duration="500" class="search"
-            v-model="isLoading" :head-height="80" @refresh="onRefresh">
-            <van-list style="padding-bottom: 100px" class="box-list" v-model:loading="loading" :finished="finished"
-                finished-text="" @load="getList">
+        <van-pull-refresh
+            v-if="domainList.length == 0"
+            success-text="加载成功"
+            success-duration="500"
+            class="search"
+            v-model="isLoading"
+            :head-height="80"
+            @refresh="onRefresh"
+        >
+            <van-list
+                style="padding-bottom: 100px"
+                class="box-list"
+                v-model:loading="loading"
+                :finished="finished"
+                finished-text=""
+                @load="getList"
+            >
                 <template v-for="(item, index) in list" :key="item.id">
                     <product-info v-model:info="list[index]" domain></product-info>
                 </template>
-                <van-empty :image="require('@assets/empty_img_asset_dark.png')" v-if="empty" description="没有任何藏品哦~" />
+                <van-empty
+                    :image="require('@assets/empty_img_asset_dark.png')"
+                    v-if="empty"
+                    description="没有任何藏品哦~"
+                />
             </van-list>
         </van-pull-refresh>
         <div class="meta_domain_name_list" v-else>
             <div class="meta_domain_name_list_con" v-for="(item, index) in domainList" :key="item.id">
                 <div class="meta_domain_name_list_con_left">
-                    <img :src="item.sold ? registered : unregistered" alt="" class="meta_domain_name_list_con_left_img" />
+                    <img
+                        :src="item.sold ? registered : unregistered"
+                        alt=""
+                        class="meta_domain_name_list_con_left_img"
+                    />
                     <div>
                         <div class="meta_domain_name_list_con_left_one">{{ item.domain }}</div>
                         <div class="meta_domain_name_list_con_left_con">
@@ -81,9 +112,11 @@
                 </div>
                 <div class="meta_domain_name_list_con_right" @click="buy(index)">
                     <div class="meta_domain_name_list_con_right_one">{{ item.sold ? '超链' : '购买' }}</div>
-                    <div :class="
-                        item.sold ? 'meta_domain_name_list_con_right_three' : 'meta_domain_name_list_con_right_two'
-                    "></div>
+                    <div
+                        :class="
+                            item.sold ? 'meta_domain_name_list_con_right_three' : 'meta_domain_name_list_con_right_two'
+                        "
+                    ></div>
                 </div>
             </div>
         </div>
@@ -92,69 +125,118 @@
             <div class="select-right padding-safe-top">
                 <div class="select-right_classification">
                     <div class="select-right_classification_title">
-                        <img :src="require('../../assets/png-mingcheng@3x.png')" alt=""
-                            class="select-right_classification_title_img" />
+                        <img
+                            :src="require('../../assets/png-mingcheng@3x.png')"
+                            alt=""
+                            class="select-right_classification_title_img"
+                        />
                         <div class="select-right_classification_title_text">元域名分类</div>
                     </div>
                     <div class="select-right_classification_list">
-                        <div v-for="(item, index) in domainNameList" :key="index"
-                            class="select-right_classification_list_con" @click="domainNameType = item.type"
-                            :class="domainNameType === item.type ? 'select-right_classification_list_cons' : ''">
-                            <img :src="require('../../assets/png-da-zi@3x.png')" alt=""
-                                class="select-right_classification_list_con_img" />
-                            <div class="select-right_classification_list_con_text" :class="
-                                domainNameType === item.type ? 'select-right_classification_list_con_texts' : ''
-                            ">
+                        <div
+                            v-for="(item, index) in domainNameList"
+                            :key="index"
+                            class="select-right_classification_list_con"
+                            @click="domainNameType = item.type"
+                            :class="domainNameType === item.type ? 'select-right_classification_list_cons' : ''"
+                        >
+                            <img
+                                :src="require('../../assets/png-da-zi@3x.png')"
+                                alt=""
+                                class="select-right_classification_list_con_img"
+                            />
+                            <div
+                                class="select-right_classification_list_con_text"
+                                :class="
+                                    domainNameType === item.type ? 'select-right_classification_list_con_texts' : ''
+                                "
+                            >
                                 {{ item.name }}
                             </div>
-                            <img :src="require('../../assets/xingzhuangjiehe@3x.png')" alt=""
-                                class="select-right_classification_list_con_imgTwo" v-if="domainNameType === item.type" />
+                            <img
+                                :src="require('../../assets/xingzhuangjiehe@3x.png')"
+                                alt=""
+                                class="select-right_classification_list_con_imgTwo"
+                                v-if="domainNameType === item.type"
+                            />
                         </div>
                     </div>
                 </div>
                 <div class="select-right_classification select-right_classifications">
                     <div class="select-right_classification_title">
-                        <img :src="require('../../assets/png-xiyoudu@3x.png')" alt=""
-                            class="select-right_classification_title_img" />
+                        <img
+                            :src="require('../../assets/png-xiyoudu@3x.png')"
+                            alt=""
+                            class="select-right_classification_title_img"
+                        />
                         <div class="select-right_classification_title_text">稀有度分类</div>
                     </div>
                     <div class="select-right_classification_list">
-                        <div v-for="(item, index) in rarityList" :key="index" class="select-right_classification_list_con"
+                        <div
+                            v-for="(item, index) in rarityList"
+                            :key="index"
+                            class="select-right_classification_list_con"
                             @click="rarityType = item.type"
-                            :class="rarityType === item.type ? 'select-right_classification_list_conss' : ''">
-                            <img :src="require('../../assets/png-da-lv@3x.png')" alt=""
-                                class="select-right_classification_list_con_img" />
-                            <div class="select-right_classification_list_con_text"
-                                :class="rarityType === item.type ? 'select-right_classification_list_con_textss' : ''">
+                            :class="rarityType === item.type ? 'select-right_classification_list_conss' : ''"
+                        >
+                            <img
+                                :src="require('../../assets/png-da-lv@3x.png')"
+                                alt=""
+                                class="select-right_classification_list_con_img"
+                            />
+                            <div
+                                class="select-right_classification_list_con_text"
+                                :class="rarityType === item.type ? 'select-right_classification_list_con_textss' : ''"
+                            >
                                 {{ item.name }}
                             </div>
-                            <img :src="require('../../assets/xingzhuangjiehe@3x@3x (1).png')" alt=""
-                                class="select-right_classification_list_con_imgTwo" v-if="rarityType === item.type" />
+                            <img
+                                :src="require('../../assets/xingzhuangjiehe@3x@3x (1).png')"
+                                alt=""
+                                class="select-right_classification_list_con_imgTwo"
+                                v-if="rarityType === item.type"
+                            />
                         </div>
                     </div>
                 </div>
                 <div class="select-right_classification select-right_classifications">
                     <div class="select-right_classification_title">
-                        <img :src="require('../../assets/png-tese@3x.png')" alt=""
-                            class="select-right_classification_title_img" />
+                        <img
+                            :src="require('../../assets/png-tese@3x.png')"
+                            alt=""
+                            class="select-right_classification_title_img"
+                        />
                         <div class="select-right_classification_title_text">特色分类</div>
                     </div>
                     <div class="select-right_classification_list">
-                        <div v-for="(item, index) in characteristicList" :key="index"
-                            class="select-right_classification_list_con" @click="characteristicType = item.type"
-                            :class="characteristicType === item.type ? 'select-right_classification_list_consss' : ''">
-                            <img :src="require('../../assets/png-da-zi@3x (4).png')" alt=""
-                                class="select-right_classification_list_con_img" />
-                            <div class="select-right_classification_list_con_text" :class="
-                                characteristicType === item.type
-                                    ? 'select-right_classification_list_con_textsss'
-                                    : ''
-                            ">
+                        <div
+                            v-for="(item, index) in characteristicList"
+                            :key="index"
+                            class="select-right_classification_list_con"
+                            @click="characteristicType = item.type"
+                            :class="characteristicType === item.type ? 'select-right_classification_list_consss' : ''"
+                        >
+                            <img
+                                :src="require('../../assets/png-da-zi@3x (4).png')"
+                                alt=""
+                                class="select-right_classification_list_con_img"
+                            />
+                            <div
+                                class="select-right_classification_list_con_text"
+                                :class="
+                                    characteristicType === item.type
+                                        ? 'select-right_classification_list_con_textsss'
+                                        : ''
+                                "
+                            >
                                 {{ item.name }}
                             </div>
-                            <img :src="require('../../assets/shuxingtese@3x.png')" alt=""
+                            <img
+                                :src="require('../../assets/shuxingtese@3x.png')"
+                                alt=""
                                 class="select-right_classification_list_con_imgTwo"
-                                v-if="characteristicType === item.type" />
+                                v-if="characteristicType === item.type"
+                            />
                         </div>
                     </div>
                 </div>
@@ -251,7 +333,7 @@ export default {
                 {
                     name: '五位以上数字',
                     type: 'RIDN6'
-                },
+                }
             ],
             loading: false,
             finished: false,
@@ -283,7 +365,7 @@ export default {
         },
         priceOrder() {
             this.source = !this.source;
-            this.dressing = true
+            this.dressing = true;
             this.getList(true);
         },
         showStatus() {
@@ -462,7 +544,7 @@ export default {
                     });
                     this.domainList = res;
                 })
-                .catch(e => { });
+                .catch(e => {});
         },
         onRefresh() {
             this.getList(true).then(() => {