中文筛选

src/components/product/ProductTitle.vue

@@ -21,7 +21,7 @@ export default {
 .product-title {
     font-size: @font4;
     color: #ffffff;
-    // line-height: 44px;
+    line-height: 44px;
     padding: 0 20px;
     position: relative;
     min-height: 44px;

src/views/asset/Detail.vue

@@ -13,7 +13,7 @@
                     <img src="@assets/svgs/png-biaotikuang-03.svg" alt="" /> 
                     <img src="@assets/svgs/png-biaotikuang-04.svg" alt="" /> 
                                                                     </div> -->
-                <product-title :isSmall="info.name && info.name.length > 16">
+                <product-title :isSmall="info.name">
                     <div class="product-title_con" :class="info.type == 'DOMAIN' ? '' : 'product-title_cons'">
                         <div>{{ info.name }} </div>
                         <div v-if="info.type == 'DOMAIN'" class="remaining_time">剩余时长&nbsp;{{

src/views/product/MetaDomain.vue

@@ -3,12 +3,8 @@
         <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">
@@ -37,17 +33,11 @@
                         >
                         </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>
@@ -65,41 +55,20 @@
                 </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">
@@ -112,11 +81,9 @@
                 </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>
@@ -125,118 +92,69 @@
             <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>
@@ -314,6 +232,10 @@ export default {
                 }
             ],
             characteristicList: [
+                {
+                    name: '中文',
+                    type: 'RIDC'
+                },
                 {
                     name: '二位数字',
                     type: 'RIDN2'
@@ -545,7 +467,7 @@ export default {
                     });
                     this.domainList = res;
                 })
-                .catch(e => {});
+                .catch(e => { });
         },
         onRefresh() {
             this.getList(true).then(() => {