优化

src/views/DomainName.vue

@@ -1,8 +1,8 @@
 <template>
-    <div :class="action == 2 ? 'meta_domain_nameOne' : 'meta_domain_nameTwo'" class="meta_domain_name">
+    <div :class="action != 1 ? 'meta_domain_nameOne' : 'meta_domain_nameTwo'" class="meta_domain_name">
         <van-sticky ref="top" offset-top="0">
             <div
-                :class="action == 2 ? 'meta_domain_name_tops' : ''"
+                :class="action != 1 ? 'meta_domain_name_tops' : ''"
                 class="meta_domain_name_top"
                 :style="{ height: heightNumber + 'px' }"
             >
@@ -90,19 +90,156 @@
             </div>
         </van-sticky>
         <div class="learn_more_list" v-if="action == 3">
-            <div class="learn_more_list_one">
-                <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
-                <div class="learn_more_list_one_title">什么是RID?</div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">什么是RID?</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        RID域名是用户独一无二的元宇宙社交身份，是个人的3D身份证。每一个域名都是独有的名片，持有者基于自己的兴趣图谱，可以选择在元域名上添加身份、住址、邮箱、联系方式、背包藏品等信息自愿选择信息进行公开展示或隐藏。通过兴趣图谱和社交画像让用户直接可以更高效地建立连接，以技术为驱动为RAEX绿洲用户打造专属的社交元宇宙。
+                    </div>
+                </div>
+            </div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">RID的作用是什么？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        通过RID域名，可实现用户在虚拟世界的快速访问和身份验证，将既定数据与元域名达到一个关联绑定，以域名为载体，生成超链接，在线触达和识别RAEX绿洲整个生态体系下的信息资料库，所有的数据都将集结在这一串数字代码下，囊括了用户的身份信息、
+                        SAAS平台账号互通、个人资产、相关动态等一系列加密及链上数据，实现了全平台资产信息互通，可瞬间触达到某一信息节点上，或者快速定位到你所在的元宇宙空间，减少了一些繁琐步骤，提升用户价值停留时间。
+                    </div>
+                </div>
+            </div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">RID的玩法和逻辑？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        (1)RID数字身份通行证<br />
+                        通过RID域名，可以实现用户账号相互打通，一键登录域名即可同时触达用户名下的所有账号信息，缩短时间成本，最大价值化的提升用户跨账号的相互切换和信息共享，极大程度的提升用户访问速率和流程简化，直接触达RAEX绿洲关联平台及关联个人超链地址。<br />
+                        (2)解锁多平台、实现链上生态互通<br />
+                        RAEX绿洲旗下的CRC华储链，作为中国特色联盟链，将打造中国境内最完善、最公开透明的联盟链体系，所有使用者都可使用CRC华储链调阅任一地址下内容，让用户链上数字资产得以确权和保障。通过RID域名，RAEX绿洲将为大家呈现一个链上生态互通，用户可直接访问到所有与RAEX绿洲接驳的数藏平台的相关个人信息或数字资产。<br />
+                        (3)个人的身份数据集合<br />
+                        通过RID域名，可查看获取用户的个人信息、元宇宙身份、个人动态信息、星图作品、数字商品信息、个人持有的数字资产等，将这一系列加密数据收录于域名内，达成信息的汇总和集合。
+                    </div>
+                </div>
+            </div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">什么是RID超链？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        RID超链：超级定位。对于部分符合合规要求的万维网技术标准的RID，配合RAEX绿洲独有的道具，可以激活独特的OASISMETA绿洲元宇宙超链，让你的朋友可以更快的定位到你在绿洲元宇宙的位置，拓展好友圈。
+                    </div>
+                </div>
+            </div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">什么是RID元商标？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        RID元商标：元宇宙商业标识。RAEX绿洲用户可使用CRC华储链，通过星图将"元商标"上链铸造，获取唯一标识，成为不可篡改的链上凭证，可以作为举证、流转的声明，应用于资产确权、数据定价、流转监测分析以及侵权取证等场景。同时为每一个RID商标将生成认证证书，明确所有者，确保持有者利益。
+                    </div>
+                </div>
             </div>
-            <div class="learn_more_list_two">
-                <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
-                <div class="learn_more_list_two_title">
-                    RID域名是用户独一无二的元宇宙社交身份，是个人的3D身份证。每一个域名都是独有的名片，持有者基于自己的兴趣图谱，可以选择在元域名上添加身份、住址、邮箱、联系方式、背包藏品等信息自愿选择信息进行公开展示或隐藏。通过兴趣图谱和社交画像让用户直接可以更高效地建立连接，以技术为驱动为RAEX绿洲用户打造专属的社交元宇宙。
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">什么是RID凭证？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        RID凭证：权益及证明标签。用户可根据不同的兴趣爱好进入社区、世界，多元文化都可以在这里畅快交流，让每一种爱好都能在这生根发芽。在未来，RAEX绿洲元宇宙中部分世界、功能等，只对特定的RID持有者开放，打造优良的社区体验。
+                    </div>
                 </div>
             </div>
-            <div class="learn_more_list_three">
-                通过RID域名，可实现用户在虚拟世界的快速访问和身份验证，将既定数据与元域名达到一个关联绑定，以域名为载体，生成超链接，在线触达和识别RAEX绿洲整个生态体系下的信息资料库，所有的数据都将集结在这一串数字代码下，囊括了用户的身份信息、
-                SAAS平台账号互通、个人资产、相关动态等一系列加密及链上数据，实现了全平台资产信息互通，可瞬间触达到某一信息节点上，或者快速定位到你所在的元宇宙空间，减少了一些繁琐步骤，提升用户价值停留时间。
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">如何注册RID域名？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        完成RAEX绿洲实名注册用户可通过购买web3域名：RID来进行设置自己的专属超链，再将RID与自有的关联地址进行绑定，例如“绿洲元宇宙身份证”，
+                        包括昵称、头像、账号、ID等，也可以绑定一个独立的空间、土地、坐标、展馆、甚至是独立的藏品。
+                    </div>
+                </div>
+            </div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">RID的命名要求是什么？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        生成身份卡需设置RID域名号，现阶段只支持文字、数字、字母进行注册，后期系统升级后，将加入更多可注册字段满足用户个性化需求。目前，2位数、3位数、短号靓号及特殊标识的号码（如001、010、666、888、RAEX、PUNK、big3、vip、8888、88888、china等）为官方自留，仅做定向空投；SVIP用户可设置长度4位数的ID，
+                        普通用户可设置长度5位数的ID。 后续，RAEX绿洲将对RID不断进行迭代，以满足用户需求。
+                    </div>
+                </div>
+            </div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">RID的注册费用？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        RAEX绿洲将对购买域名的费用采取分级制，针对不同字段的域名售卖价格规范制定，完善RID的商业逻辑。RID域名具有唯一性，用户可将某一信息源与此相互绑定，RID域名确认设置后，可用于信息检索。
+                    </div>
+                </div>
+            </div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">RID的优化更新？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        RID作为在RAEX绿洲中社交、娱乐等重要模块的底层基础功能，RAEX绿洲将持续推动RID的多元化发展，为绿洲的探索者提供一个属于社区自身的RAEX绿洲元宇宙。在绿洲元宇宙中，用户可以自由创作创造属于自己的社区和文化。RAEX绿洲将通过制度创新，模式创新，携手社区公民共同构建RAEX绿洲元宇宙社交新模式。
+                    </div>
+                </div>
+            </div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_one">
+                    <img :src="require('@assets/png-xiao-lv@3x.png')" alt="" class="learn_more_list_one_img" />
+                    <div class="learn_more_list_one_title">RID回收？</div>
+                </div>
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        在相关部门的指导下，将对RID的注册逻辑进行调整，以达到合规要求，对已经注册敏感词汇进行回收销毁处理。
+                    </div>
+                </div>
+            </div>
+            <div class="learn_more_list_con">
+                <div class="learn_more_list_two">
+                    <img :src="require('@assets/png-xiao-zi@3x.png')" alt="" class="learn_more_list_two_img" />
+                    <div class="learn_more_list_two_title">
+                        免责声明：在RID注册过程中，不得擅自使用他人姓名或他人已经登记注册的企业名称或商标，
+                        亦不得利用RID域名冒用他人身份、使用他人特征性信息等足以误导其他用户的内容。
+                        如用户存在违反法律、法规或侵害他人合法权益的行为，RAEX绿洲有权随时不经通知对已设置的RID采取屏蔽、
+                        删除等措施甚至拒绝继续提供服务。平台将对用户报名或申请的RID进行敏感词过滤和审核。若有不当，则无法通过审核，请用户在报名或申请时避免使用任何敏感词。
+                    </div>
+                </div>
             </div>
         </div>
         <div class="meta_domain_name_list" v-if="action == 2">
@@ -428,7 +565,7 @@ export default {
     background: #030001;
     position: relative;
     .meta_domain_name_tops {
-        // background: #030001;
+        background: #030001;
     }
     .meta_domain_name_top {
         width: 100%;
@@ -595,10 +732,14 @@ export default {
         }
     }
     .learn_more_list {
-        padding: 40px 30px 0px 46px;
+        padding: 40px 30px 70px 46px;
         box-sizing: border-box;
         position: relative;
         z-index: 2;
+        // background: #030001;
+        .learn_more_list_con {
+            margin-bottom: 30px;
+        }
         .learn_more_list_one {
             position: relative;
             margin-bottom: 12px;

src/views/order/Orders.vue

@@ -45,6 +45,21 @@
             >
                 <van-tab v-for="(item, index) in tab" :key="index" :title="item.name" :name="item.status"></van-tab>
             </van-tabs>
+            <van-tabs
+                v-model:active="status"
+                :ellipsis="false"
+                line-width="16"
+                line-height="2"
+                @click="changeStatus"
+                v-if="type == 'BLI'"
+            >
+                <van-tab
+                    v-for="(item, index) in statusBtns"
+                    :key="index"
+                    :title="item.name"
+                    :name="item.status"
+                ></van-tab>
+            </van-tabs>
             <van-tabs
                 v-model:active="status"
                 :ellipsis="false"
@@ -89,6 +104,16 @@
             ></order-info-act>
             <van-empty v-if="empty" description="你还没有订单哦~" :image="require('@assets/kong_png_wudingdan.png')" />
         </van-list>
+        <van-list class="list" v-model:loading="loading" :finished="finished" finished-text="" @load="getData" v-if="type == 'BLI'">
+            <order-info-auction
+                @delFn="delFn"
+                v-for="(item, index) in list"
+                :key="item.id"
+                v-model:info="list[index]"
+                :isOrder="status === 'FIXED_PRICE'"
+            ></order-info-auction>
+            <van-empty v-if="empty" description="你还没有订单哦~" :image="require('@assets/kong_png_wudingdan.png')" />
+        </van-list>
         <van-list
             class="list"
             v-model:loading="loading"
@@ -118,6 +143,7 @@
 import OrderInfo from '../../components/order/OrderInfo.vue';
 import OrderInfoAct from '../../components/order/OrderInfoAct.vue';
 import DomainInfo from '../../components/order/DomainInfo.vue';
+import OrderInfoAuction from '../../components/order/OrderInfoAuction.vue';
 import list from '../../mixins/list';
 export default {
     name: 'discover',
@@ -126,7 +152,8 @@ export default {
     components: {
         OrderInfo,
         OrderInfoAct,
-        DomainInfo
+        DomainInfo,
+        OrderInfoAuction
     },
     data() {
         return {
@@ -163,6 +190,16 @@ export default {
                     name: '已完成'
                 }
             ],
+            statusBtns: [
+                {
+                    status: 'FIXED_PRICE',
+                    name: '一口价订单'
+                },
+                {
+                    status: 'DEPOSIT,PURCHASE_PRICE',
+                    name: '竞拍订单'
+                }
+            ],
             tab: [
                 {
                     status: 'DELIVERY,PENDING,RECEIVE,AIR_DROP,FINISH',
@@ -206,6 +243,14 @@ export default {
                         orderStatus: this.status
                     }
                 };
+            } else if (this.type == 'BLI') {
+                return {
+                    query: {
+                        userId: this.$store.state.userInfo.id,
+                        paymentType: this.status
+                    },
+                    sort: 'id,desc'
+                };
             } else {
                 return {
                     query: {
@@ -249,6 +294,8 @@ export default {
                 (this.url = '/order/all'), (this.status = 'PROCESSING,FINISH');
             } else if (this.type == 'METANAME') {
                 (this.url = '/domainOrder/all'), (this.status = 'FINISH,NOT_PAID');
+            } else if (this.type == 'BLI') {
+                (this.url = '/tradeAuctionOrder/all'), (this.status = 'FIXED_PRICE');
             }
             this.getData(true);
         },