格式化

src/App.vue

@@ -1,6 +1,12 @@
 <template>
-    <div class="scroll-wrapper" :class="[{ darkTheme: darkTheme }, routeName]" id="scroll-wrapper" ref="scroll"
-        @scroll="scrollEvent" v-if="setting == false">
+    <div
+        class="scroll-wrapper"
+        :class="[{ darkTheme: darkTheme }, routeName]"
+        id="scroll-wrapper"
+        ref="scroll"
+        @scroll="scrollEvent"
+        v-if="setting == false"
+    >
         <app-bar ref="bar"></app-bar>
         <router-view v-slot="{ Component }">
             <keep-alive :include="keeps">
@@ -9,8 +15,13 @@
         </router-view>
         <phone-ver></phone-ver>
         <Transition>
-            <swiper v-if="showSplash" pagination @reachEnd="reachEnd" class="appSwiper"
-                :autoplay="{ delay: 3000, disableOnInteraction: false }">
+            <swiper
+                v-if="showSplash"
+                pagination
+                @reachEnd="reachEnd"
+                class="appSwiper"
+                :autoplay="{ delay: 3000, disableOnInteraction: false }"
+            >
                 <swiper-slide>
                     <img src="https://cdn.raex.vip/image/splash1.jpg" alt="" />
                 </swiper-slide>
@@ -33,8 +44,14 @@
             </swiper>
         </Transition>
     </div>
-    <div class="scroll-wrapper scroll-wrappers" :class="{ darkTheme: darkTheme }" id="scroll-wrapper" ref="scroll"
-        @scroll="scrollEvent" v-else-if="setting == true">
+    <div
+        class="scroll-wrapper scroll-wrappers"
+        :class="{ darkTheme: darkTheme }"
+        id="scroll-wrapper"
+        ref="scroll"
+        @scroll="scrollEvent"
+        v-else-if="setting == true"
+    >
         <app-bar ref="bar"></app-bar>
         <router-view v-slot="{ Component }">
             <keep-alive :include="keeps">
@@ -43,8 +60,13 @@
         </router-view>
         <phone-ver></phone-ver>
         <Transition>
-            <swiper v-if="showSplash" pagination @reachEnd="reachEnd" class="appSwiper"
-                :autoplay="{ delay: 3000, disableOnInteraction: false }">
+            <swiper
+                v-if="showSplash"
+                pagination
+                @reachEnd="reachEnd"
+                class="appSwiper"
+                :autoplay="{ delay: 3000, disableOnInteraction: false }"
+            >
                 <swiper-slide>
                     <img src="https://cdn.raex.vip/image/splash1.jpg" alt="" />
                 </swiper-slide>
@@ -256,7 +278,7 @@ export default {
     }
 
     &.quotationRecord {
-        background: #0F0F0F;
+        background: #0f0f0f;
     }
 
     &.ranking {

src/components/PayMethodPick.vue

@@ -2,27 +2,45 @@
     <div>
         <template v-for="(item, index) in payConfig" :key="index">
             <div v-if="!cart">
-                <div class="pay-item" @click="pick(item)" v-if="item.show && (item.key === 'BALANCE' ? showBalance : true)"
-                    :key="index" :class="{ not: !item.enabled }">
+                <div
+                    class="pay-item"
+                    @click="pick(item)"
+                    v-if="item.show && (item.key === 'BALANCE' ? showBalance : true)"
+                    :key="index"
+                    :class="{ not: !item.enabled }"
+                >
                     <div class="img-icon">
                         <img class="icon" :src="item.icon" alt="" />
                     </div>
                     <span>{{ item.name }}</span>
-                    <img class="choose-icon"
-                        :src="item.enabled ? (checked === item.key ? (isStar ? icons[3] : icons[1]) : icons[0]) : icons[2]"
-                        alt="" />
+                    <img
+                        class="choose-icon"
+                        :src="
+                            item.enabled ? (checked === item.key ? (isStar ? icons[3] : icons[1]) : icons[0]) : icons[2]
+                        "
+                        alt=""
+                    />
                 </div>
             </div>
             <div v-else>
-                <div class="pay-items" @click="pick(item)" v-if="item.show && (item.key === 'BALANCE' ? showBalance : true)"
-                    :key="index" :class="{ not: !item.enabled }">
+                <div
+                    class="pay-items"
+                    @click="pick(item)"
+                    v-if="item.show && (item.key === 'BALANCE' ? showBalance : true)"
+                    :key="index"
+                    :class="{ not: !item.enabled }"
+                >
                     <div class="img-icon">
                         <img class="icon" :src="item.icon" alt="" />
                     </div>
                     <span>{{ item.name }}</span>
-                    <img class="choose-icon"
-                        :src="item.enabled ? (checked === item.key ? (isStar ? icons[3] : icons[1]) : icons[0]) : icons[2]"
-                        alt="" />
+                    <img
+                        class="choose-icon"
+                        :src="
+                            item.enabled ? (checked === item.key ? (isStar ? icons[3] : icons[1]) : icons[0]) : icons[2]
+                        "
+                        alt=""
+                    />
                 </div>
             </div>
         </template>
@@ -177,7 +195,7 @@ export default {
     align-items: center;
     height: 48px;
     padding: 0px 16px;
-    background: #FFFFFF;
+    background: #ffffff;
     .icon {
         height: 24px;
         width: 24px;

src/components/asset/domainOwned.vue

@@ -2,10 +2,11 @@
     <div class="product" @click="goAsset">
         <div class="product_left">
             <van-image class="icon-img" width="40" height="40" :src="getImg(changeImgs(info.pic))" fit="contain" />
-            <img :src="info.consignment
-                ? require('@assets/png-da-lv@3x.png')
-                : require('@assets/png-da-zi@3x.png')
-            " alt="" class="name_img" />
+            <img
+                :src="info.consignment ? require('@assets/png-da-lv@3x.png') : require('@assets/png-da-zi@3x.png')"
+                alt=""
+                class="name_img"
+            />
             <div class="product_left_title">
                 <div class="product_left_name">{{ info.name }}</div>
                 <div class="product_left_time">剩余时长&nbsp;{{ info.endTime }}</div>
@@ -34,8 +35,7 @@ export default {
             }
         }
     },
-    computed: {
-    },
+    computed: {},
     methods: {
         goAsset() {
             this.$router.push({
@@ -43,7 +43,7 @@ export default {
                 query: {
                     id: this.info.assetId || this.info.id
                 }
-            })
+            });
         }
     }
 };
@@ -53,7 +53,7 @@ export default {
 .product {
     width: 100%;
     margin-bottom: 16px;
-    background: #1E1E1E;
+    background: #1e1e1e;
     border-radius: 8px;
     display: flex;
     justify-content: space-between;
@@ -80,7 +80,7 @@ export default {
             width: 100%;
             font-size: 14px;
             font-weight: bold;
-            color: #FFFFFF;
+            color: #ffffff;
             line-height: 24px;
             margin-bottom: 2px;
             overflow: hidden;
@@ -95,7 +95,7 @@ export default {
             line-height: 17px;
         }
     }
-    .product_right_con{
+    .product_right_con {
         font-size: 14px;
         font-weight: 400;
         line-height: 24px;
@@ -103,10 +103,10 @@ export default {
         color: #939599;
     }
     .product_right_shenhe {
-        color: #FFC432;
+        color: #ffc432;
     }
-    .product_right_jishou{
-        color: #00FE1E;
+    .product_right_jishou {
+        color: #00fe1e;
     }
 }
 </style>

src/components/asset/ownedBuy.vue

@@ -1,200 +1,208 @@
-<template>
-    <div class="product">
-        <div class="product_top">
-            <div class="product_top_left">
-                <div class="product_top_left_one">
-                    <van-image width="20" height="20" class="user-img"
-                        :src="info.minterAvatar || require('@assets/svgs/img_default_photo.svg')" fit="cover"
-                        radius="100" />
-                    <div class="product_top_left_one_name">持有者昵称</div>
-                </div>
-                <div class="product_top_left_two">
-                    <van-image class="icon-img" width="40" height="40" :src="getImg(changeImgs(info.pic))" fit="contain" />
-                    <img :src="require('@assets/png-da-zi@3x.png')" alt="" class="name_img" />
-                    <div class="product_left_title">
-                        <div class="product_left_name">{{ info.name }}</div>
-                        <div class="product_left_time">剩余时长&nbsp;{{ info.endTime }}</div>
-                    </div>
-                </div>
-                <div class="product_top_left_three">
-                    02-20 22:08
-                </div>
-            </div>
-            <div class="product_top_right">
-                <div class="product_top_right_title">已出价</div>
-                <div class="product_top_right_price">¥1000</div>
-            </div>
-        </div>
-        <div class="product_bottom">
-            <div class="product_bottom_con" @click="btn">不想买了</div>
-            <!-- <div class="product_bottom_cons">23:59后可取消出价</div> -->
-        </div>
-    </div>
-</template>
-
-<script>
-import asset from '../../mixins/asset';
-import product from '../../mixins/product';
-import { Dialog } from 'vant';
-export default {
-    mixins: [asset, product],
-    props: {
-        info: {
-            type: Object,
-            default: () => {
-                return {};
-            }
-        }
-    },
-    computed: {
-    },
-    methods: {
-        btn() {
-            Dialog.confirm({
-                title: '确认不想买该藏品了',
-                message: '一个工作日内将原路退回您的出价金额',
-                cancelButtonText: '再想想',
-                cancelButtonColor: '#3AB200',
-                confirmButtonColor: '#626366'
-            }).then(() => {
-
-            }).catch(() => {
-                // on cancel
-            });
-        }
-    }
-};
-</script>
-
-<style lang="less" scoped>
-.product {
-    width: 100%;
-    padding: 10px 12px;
-    box-sizing: border-box;
-    background: #1C1C1C;
-    border-radius: 8px;
-    margin-bottom: 16px;
-
-    .product_top {
-        display: flex;
-        justify-content: space-between;
-        margin-bottom: 10px;
-
-        .product_top_left_one {
-            display: flex;
-            align-items: center;
-            margin-bottom: 7px;
-
-            .product_top_left_one_name {
-                margin-left: 6px;
-                font-size: 12px;
-                font-weight: 400;
-                color: #939599;
-                line-height: 24px;
-            }
-        }
-
-        .product_top_left_two {
-            display: flex;
-            align-items: center;
-            margin-bottom: 11px;
-
-            .name_img {
-                width: 10px;
-                height: 38px;
-                margin-left: 8px;
-                margin-right: 8px;
-            }
-
-            .product_left_name {
-                width: calc(45vw);
-                font-size: 14px;
-                font-weight: bold;
-                color: #FFFFFF;
-                line-height: 24px;
-                margin-bottom: 2px;
-                overflow: hidden;
-                white-space: nowrap;
-                text-overflow: ellipsis;
-            }
-
-            .product_left_time {
-                max-width: 114px;
-                height: 17px;
-                background: #232323;
-                border-radius: 2px;
-                text-align: center;
-                font-size: 10px;
-                font-weight: 400;
-                color: #939599;
-                line-height: 17px;
-            }
-        }
-
-        .product_top_left_three {
-            font-size: 12px;
-            font-weight: 400;
-            color: #939599;
-            line-height: 24px;
-        }
-
-        .product_top_right {
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-
-            .product_top_right_title {
-                font-size: 12px;
-                font-weight: 400;
-                color: #00FC1D;
-                line-height: 24px;
-            }
-
-            .product_top_right_price {
-                font-size: 16px;
-                font-weight: bold;
-                color: #FFFFFF;
-                line-height: 24px;
-            }
-        }
-    }
-
-    .product_bottom {
-        border-top: solid 1px #242424;
-        padding-top: 10px;
-        display: flex;
-        justify-content: end;
-
-        .product_bottom_con {
-            width: 100px;
-            height: 32px;
-            background: #2C2C2C;
-            border-radius: 16px;
-            font-size: 14px;
-            font-weight: 400;
-            color: #FFFFFF;
-            line-height: 32px;
-            text-align: center;
-        }
-
-        .product_bottom_cons {
-            width: 162px;
-            height: 32px;
-            background: #2C2C2C;
-            border-radius: 16px;
-            font-size: 14px;
-            font-weight: 400;
-            color: #939599;
-            line-height: 32px;
-            text-align: center;
-        }
-    }
-
-    /deep/ .van-dialog {
-        .van-dialog__message {
-            font-size: 12px !important;
-            color: #626366 !important;
-        }
-    }
-}
-</style>
+<template>
+    <div class="product">
+        <div class="product_top">
+            <div class="product_top_left">
+                <div class="product_top_left_one">
+                    <van-image
+                        width="20"
+                        height="20"
+                        class="user-img"
+                        :src="info.minterAvatar || require('@assets/svgs/img_default_photo.svg')"
+                        fit="cover"
+                        radius="100"
+                    />
+                    <div class="product_top_left_one_name">持有者昵称</div>
+                </div>
+                <div class="product_top_left_two">
+                    <van-image
+                        class="icon-img"
+                        width="40"
+                        height="40"
+                        :src="getImg(changeImgs(info.pic))"
+                        fit="contain"
+                    />
+                    <img :src="require('@assets/png-da-zi@3x.png')" alt="" class="name_img" />
+                    <div class="product_left_title">
+                        <div class="product_left_name">{{ info.name }}</div>
+                        <div class="product_left_time">剩余时长&nbsp;{{ info.endTime }}</div>
+                    </div>
+                </div>
+                <div class="product_top_left_three">02-20 22:08</div>
+            </div>
+            <div class="product_top_right">
+                <div class="product_top_right_title">已出价</div>
+                <div class="product_top_right_price">¥1000</div>
+            </div>
+        </div>
+        <div class="product_bottom">
+            <div class="product_bottom_con" @click="btn">不想买了</div>
+            <!-- <div class="product_bottom_cons">23:59后可取消出价</div> -->
+        </div>
+    </div>
+</template>
+
+<script>
+import asset from '../../mixins/asset';
+import product from '../../mixins/product';
+import { Dialog } from 'vant';
+export default {
+    mixins: [asset, product],
+    props: {
+        info: {
+            type: Object,
+            default: () => {
+                return {};
+            }
+        }
+    },
+    computed: {},
+    methods: {
+        btn() {
+            Dialog.confirm({
+                title: '确认不想买该藏品了',
+                message: '一个工作日内将原路退回您的出价金额',
+                cancelButtonText: '再想想',
+                cancelButtonColor: '#3AB200',
+                confirmButtonColor: '#626366'
+            })
+                .then(() => {})
+                .catch(() => {
+                    // on cancel
+                });
+        }
+    }
+};
+</script>
+
+<style lang="less" scoped>
+.product {
+    width: 100%;
+    padding: 10px 12px;
+    box-sizing: border-box;
+    background: #1c1c1c;
+    border-radius: 8px;
+    margin-bottom: 16px;
+
+    .product_top {
+        display: flex;
+        justify-content: space-between;
+        margin-bottom: 10px;
+
+        .product_top_left_one {
+            display: flex;
+            align-items: center;
+            margin-bottom: 7px;
+
+            .product_top_left_one_name {
+                margin-left: 6px;
+                font-size: 12px;
+                font-weight: 400;
+                color: #939599;
+                line-height: 24px;
+            }
+        }
+
+        .product_top_left_two {
+            display: flex;
+            align-items: center;
+            margin-bottom: 11px;
+
+            .name_img {
+                width: 10px;
+                height: 38px;
+                margin-left: 8px;
+                margin-right: 8px;
+            }
+
+            .product_left_name {
+                width: calc(45vw);
+                font-size: 14px;
+                font-weight: bold;
+                color: #ffffff;
+                line-height: 24px;
+                margin-bottom: 2px;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+            }
+
+            .product_left_time {
+                max-width: 114px;
+                height: 17px;
+                background: #232323;
+                border-radius: 2px;
+                text-align: center;
+                font-size: 10px;
+                font-weight: 400;
+                color: #939599;
+                line-height: 17px;
+            }
+        }
+
+        .product_top_left_three {
+            font-size: 12px;
+            font-weight: 400;
+            color: #939599;
+            line-height: 24px;
+        }
+
+        .product_top_right {
+            display: flex;
+            flex-direction: column;
+            justify-content: space-between;
+
+            .product_top_right_title {
+                font-size: 12px;
+                font-weight: 400;
+                color: #00fc1d;
+                line-height: 24px;
+            }
+
+            .product_top_right_price {
+                font-size: 16px;
+                font-weight: bold;
+                color: #ffffff;
+                line-height: 24px;
+            }
+        }
+    }
+
+    .product_bottom {
+        border-top: solid 1px #242424;
+        padding-top: 10px;
+        display: flex;
+        justify-content: end;
+
+        .product_bottom_con {
+            width: 100px;
+            height: 32px;
+            background: #2c2c2c;
+            border-radius: 16px;
+            font-size: 14px;
+            font-weight: 400;
+            color: #ffffff;
+            line-height: 32px;
+            text-align: center;
+        }
+
+        .product_bottom_cons {
+            width: 162px;
+            height: 32px;
+            background: #2c2c2c;
+            border-radius: 16px;
+            font-size: 14px;
+            font-weight: 400;
+            color: #939599;
+            line-height: 32px;
+            text-align: center;
+        }
+    }
+
+    /deep/ .van-dialog {
+        .van-dialog__message {
+            font-size: 12px !important;
+            color: #626366 !important;
+        }
+    }
+}
+</style>

src/components/asset/receiveQuotation.vue

@@ -12,7 +12,7 @@
             <div class="product_bottom_left">共10条报价</div>
             <div class="product_bottom_right" @click="viewQuote">
                 <div class="product_bottom_right_text">查看报价</div>
-                <img :src="require('@assets/icon-back@3x(3).png')" alt="" class="product_bottom_right_img">
+                <img :src="require('@assets/icon-back@3x(3).png')" alt="" class="product_bottom_right_img" />
             </div>
         </div>
     </div>
@@ -32,8 +32,7 @@ export default {
             }
         }
     },
-    computed: {
-    },
+    computed: {},
     methods: {
         viewQuote() {
             this.$router.push({
@@ -51,7 +50,7 @@ export default {
 .product {
     padding: 12px 12px 8px;
     box-sizing: border-box;
-    background: #1C1C1C;
+    background: #1c1c1c;
     border-radius: 8px;
     margin-bottom: 16px;
 
@@ -70,7 +69,7 @@ export default {
         .product_left_name {
             font-size: 14px;
             font-weight: bold;
-            color: #FFFFFF;
+            color: #ffffff;
             line-height: 24px;
             margin-bottom: 2px;
         }
@@ -106,7 +105,7 @@ export default {
             .product_bottom_right_text {
                 font-size: 12px;
                 font-weight: 400;
-                color: #00FE1E;
+                color: #00fe1e;
                 line-height: 24px;
             }
 
@@ -116,4 +115,5 @@ export default {
             }
         }
     }
-}</style>
+}
+</style>

src/components/order/DomainInfo.vue

@@ -2,9 +2,15 @@
     <div class="orderInfo" @click="pay(info.orderStatus)">
         <div class="order-top">
             <span>{{ info.domainName }}</span>
-            <span v-if="info.status == 'SUCCESS' && info.orderStatus == 'FINISH'" class="status">{{ getLabelName(info.orderStatus, statusDomain) }}</span>
-            <span v-if="info.status == 'PENDING' && info.orderStatus == 'NOT_PAID'" class="status">{{ getLabelName(info.orderStatus, statusDomain) }}</span>
-            <span v-if="info.status == 'PENDING' && info.orderStatus == 'FINISH'" class="status">{{ getLabelName(info.status, statusDomain) }}</span>
+            <span v-if="info.status == 'SUCCESS' && info.orderStatus == 'FINISH'" class="status">{{
+                getLabelName(info.orderStatus, statusDomain)
+            }}</span>
+            <span v-if="info.status == 'PENDING' && info.orderStatus == 'NOT_PAID'" class="status">{{
+                getLabelName(info.orderStatus, statusDomain)
+            }}</span>
+            <span v-if="info.status == 'PENDING' && info.orderStatus == 'FINISH'" class="status">{{
+                getLabelName(info.status, statusDomain)
+            }}</span>
         </div>
         <!-- <div class="order">
             <van-image :radius="6" width="80" height="80" :src="getImg(changeImgs(info.pic))" fit="cover" />

src/router/index.js

@@ -1,15 +1,7 @@
-import {
-    createRouter,
-    createWebHistory,
-    createWebHashHistory
-} from 'vue-router';
+import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router';
 import store from '../store';
-import {
-    Page
-} from './Page';
-import {
-    Dialog
-} from 'vant';
+import { Page } from './Page';
+import { Dialog } from 'vant';
 import http from '../plugins/http';
 
 jsapiSign();
@@ -68,7 +60,8 @@ function jsapiSign() {
         }
     }, 200);
 }
-const routes = [{
+const routes = [
+    {
         path: '/',
         redirect: 'home'
     },
@@ -76,13 +69,16 @@ const routes = [{
         path: '/',
         name: 'index',
         component: () => import('../views/Index.vue'),
-        children: [{
+        children: [
+            {
                 path: '/home',
                 name: 'home',
                 component: () =>
-                    store.state.starPage ?
-                    import('../views/StarMap.vue') : store.state.hopeMarket ?
-                    import('../views/product/HopeMarket.vue') : import('../views/Home.vue'),
+                    store.state.starPage
+                        ? import('../views/StarMap.vue')
+                        : store.state.hopeMarket
+                        ? import('../views/product/HopeMarket.vue')
+                        : import('../views/Home.vue'),
                 meta: {
                     pageType: Page.Every,
                     menuPage: true
@@ -781,8 +777,7 @@ const routes = [{
         path: '/shoppingCartSubmit',
         name: 'shoppingCartSubmit',
         component: () => import('../views/user/ShoppingCartSubmit.vue'),
-        meta: {
-        }
+        meta: {}
     },
     {
         path: '/minePoint',
@@ -909,8 +904,10 @@ const routes = [{
 ];
 
 const router = createRouter({
-    history: process.env.VUE_APP_CORDOVA === 'true' ?
-        createWebHashHistory() : createWebHistory(process.env.VUE_APP_PUBLIC_PATH),
+    history:
+        process.env.VUE_APP_CORDOVA === 'true'
+            ? createWebHashHistory()
+            : createWebHistory(process.env.VUE_APP_PUBLIC_PATH),
     routes,
     scrollBehavior(to, from, savedPosition) {
         return {
@@ -951,9 +948,9 @@ router.beforeEach((to, from, next) => {
                 })
                 .catch(() => {
                     Dialog.confirm({
-                            title: '提示',
-                            message: '用户未登录,是否立即登录'
-                        })
+                        title: '提示',
+                        message: '用户未登录,是否立即登录'
+                    })
                         .then(() => {
                             let url = '/login';
                             if (to.meta.needBack) {
@@ -1006,4 +1003,4 @@ function backNext(to) {
         return;
     }
 }
-export default router;
+export default router;

src/views/DomainName.vue

@@ -1,28 +1,47 @@
 <template>
     <div :class="action != 1 ? 'meta_domain_nameOne' : 'meta_domain_nameTwo'" class="meta_domain_name">
         <van-sticky ref="top" :offset-top="action == 1 ? '' : '0'" :class="action == 3 ? 'learn_more_bg' : ''">
-            <div :class="action == 3 ? 'meta_domain_name_tops' : ''" class="meta_domain_name_top"
-                :style="{ height: heightNumber }">
+            <div
+                :class="action == 3 ? 'meta_domain_name_tops' : ''"
+                class="meta_domain_name_top"
+                :style="{ height: heightNumber }"
+            >
                 <div class="meta_domain_name_top_one" v-if="action == 1">
-                    <img :src="require('@assets/icon_fanhui@3x (1).png')" alt="" class="meta_domain_name_top_img_left"
-                        @click="$router.push('/home')" />
+                    <img
+                        :src="require('@assets/icon_fanhui@3x (1).png')"
+                        alt=""
+                        class="meta_domain_name_top_img_left"
+                        @click="$router.push('/home')"
+                    />
                     <div class="meta_domain_name_top_one_con">
-                        <div class="meta_domain_name_top_one_con_tip meta_domain_name_top_one_con_tips"
-                            @click="$router.push('/metaDomain')">
-                            <img :src="require('@assets/icon_shangchang@3x.png')" alt=""
-                                class="meta_domain_name_top_img_right" />
+                        <div
+                            class="meta_domain_name_top_one_con_tip meta_domain_name_top_one_con_tips"
+                            @click="$router.push('/metaDomain')"
+                        >
+                            <img
+                                :src="require('@assets/icon_shangchang@3x.png')"
+                                alt=""
+                                class="meta_domain_name_top_img_right"
+                            />
                             <div>市场</div>
                         </div>
                         <div class="meta_domain_name_top_one_con_tip" @click="$router.push('/ranking')">
-                            <img :src="require('@assets/icon_paihang@3x.png')" alt=""
-                                class="meta_domain_name_top_img_right" />
+                            <img
+                                :src="require('@assets/icon_paihang@3x.png')"
+                                alt=""
+                                class="meta_domain_name_top_img_right"
+                            />
                             <div>排行</div>
                         </div>
                     </div>
                 </div>
                 <div class="meta_domain_name_top_ones" v-if="action != 1">
-                    <img :src="require('@assets/icon_fanhui@3x (1).png')" alt="" class="meta_domain_name_top_img_left"
-                        @click="fallback" />
+                    <img
+                        :src="require('@assets/icon_fanhui@3x (1).png')"
+                        alt=""
+                        class="meta_domain_name_top_img_left"
+                        @click="fallback"
+                    />
                 </div>
                 <div class="meta_domain_name_top_two" v-if="action == 1">
                     <img :src="require('@assets/png-.NFT@3x.png')" alt="" class="meta_domain_name_top_two_img" />
@@ -41,26 +60,40 @@
                             <div class="meta_domain_name_top_three_con_left_two">.nft</div>
                         </div>
                         <div class="meta_domain_name_top_three_con_right">
-                            <img :src="require('@assets/icon／search@3x (2).png')" alt=""
-                                class="meta_domain_name_top_three_con_right_img" />
+                            <img
+                                :src="require('@assets/icon／search@3x (2).png')"
+                                alt=""
+                                class="meta_domain_name_top_three_con_right_img"
+                            />
                         </div>
                     </div>
                     <div class="meta_domain_name_top_three_con" v-if="action == 2">
                         <div class="meta_domain_name_top_three_con_left">
-                            <van-search v-model="value" :maxlength="16" placeholder="请输入元域名" left-icon="" :clearable="false"
-                                @update:model-value="onInput" />
+                            <van-search
+                                v-model="value"
+                                :maxlength="16"
+                                placeholder="请输入元域名"
+                                left-icon=""
+                                :clearable="false"
+                                @update:model-value="onInput"
+                            />
                             <!-- <div class="meta_domain_name_top_three_con_left_one">请输入元域名</div> -->
                             <div class="meta_domain_name_top_three_con_left_two">.nft</div>
                         </div>
                         <div class="meta_domain_name_top_three_con_right">
-                            <img :src="require('@assets/icon／search@3x (2).png')" alt=""
-                                class="meta_domain_name_top_three_con_right_img" />
+                            <img
+                                :src="require('@assets/icon／search@3x (2).png')"
+                                alt=""
+                                class="meta_domain_name_top_three_con_right_img"
+                            />
                         </div>
                     </div>
                 </div>
                 <van-notice-bar speed="30" v-if="action == 1" class="van-notice-bar-one">
                     <div v-for="(item, index) in domainLists" :key="index" class="domainName_list_cons">
-                        恭喜<span>“{{ item.nickName }}”</span>艺术家通过元域名市场购买获得<span>“{{ item.domainName }}”</span>
+                        恭喜<span>“{{ item.nickName }}”</span>艺术家通过元域名市场购买获得<span
+                            >“{{ item.domainName }}”</span
+                        >
                     </div>
                 </van-notice-bar>
                 <van-notice-bar speed="30" v-if="action == 1" class="van-notice-bar-two">
@@ -74,11 +107,21 @@
                     <div class="learn_more_tip">WHAT IS RID?</div>
                 </div>
                 <div class="meta_domain_name_top_bg" :style="{ height: heightBgNumber }"></div>
-                <van-image :src="require('@assets/png-bg@3x (3).png')" width="100%" height="500px" fit="fill"
-                    class="meta_domain_name_top_bgimg" :style="{ transform: 'translateY(' + moreHeight + ')' }" />
+                <van-image
+                    :src="require('@assets/png-bg@3x (3).png')"
+                    width="100%"
+                    height="500px"
+                    fit="fill"
+                    class="meta_domain_name_top_bgimg"
+                    :style="{ transform: 'translateY(' + moreHeight + ')' }"
+                />
                 <div class="technical_support" v-if="action != 3">
                     <div class="technical_support_con">
-                        <img :src="require('@assets/logo-huachulian@3x.png')" alt="" class="technical_support_img_left" />
+                        <img
+                            :src="require('@assets/logo-huachulian@3x.png')"
+                            alt=""
+                            class="technical_support_img_left"
+                        />
                         <!-- <img
                             :src="require('@assets/logo-mayilianjie@3x.png')"
                             alt=""
@@ -88,8 +131,13 @@
                 </div>
             </div>
         </van-sticky>
-        <van-image :src="require('@assets/png-gengduo@3x.png')" width="100%" fit="fill" class="learn_more_img"
-            v-if="action == 3" />
+        <van-image
+            :src="require('@assets/png-gengduo@3x.png')"
+            width="100%"
+            fit="fill"
+            class="learn_more_img"
+            v-if="action == 3"
+        />
         <!-- <div class="learn_more_list" v-if="action == 3">
             <div class="learn_more_list_con">
                 <div class="learn_more_list_one">
@@ -245,7 +293,11 @@
         <div class="meta_domain_name_list" v-if="action == 2">
             <div class="meta_domain_name_list_con" v-for="(item, index) in list" :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">
@@ -258,9 +310,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>
@@ -364,18 +418,16 @@ export default {
             .then(res => {
                 this.domainList = res.content;
             })
-            .catch(e => { });
+            .catch(e => {});
         this.$http
-            .post(
-                '/domainOrder/newestOrder'
-            )
+            .post('/domainOrder/newestOrder')
             .then(res => {
                 res.forEach(item => {
                     item.domainName = item.domainName.split(' ')[1].trim();
                 });
                 this.domainLists = res;
             })
-            .catch(e => { });
+            .catch(e => {});
     },
     watch: {
         value() {
@@ -446,7 +498,7 @@ export default {
                                 this.list = this.list.concat(res);
                             }
                         })
-                        .catch(e => { });
+                        .catch(e => {});
                 } else {
                     this.$toast('只能由数字和字母组成');
                     this.list = [];
@@ -707,7 +759,6 @@ export default {
         }
 
         .meta_domain_name_top_one_con {
-
             // display: flex;
             .meta_domain_name_top_one_con_tip {
                 margin-left: 20px;
@@ -861,10 +912,12 @@ export default {
                 padding: 0px 12px;
                 font-size: 11px;
                 font-weight: 400;
-                background: linear-gradient(90deg,
-                        rgba(226, 116, 249, 0.9) 0%,
-                        rgba(226, 116, 249, 0.4) 48%,
-                        rgba(255, 255, 255, 0.1) 100%);
+                background: linear-gradient(
+                    90deg,
+                    rgba(226, 116, 249, 0.9) 0%,
+                    rgba(226, 116, 249, 0.4) 48%,
+                    rgba(255, 255, 255, 0.1) 100%
+                );
                 border-radius: 19px;
                 border: 1px solid #f4aeff;
                 backdrop-filter: blur(4px);
@@ -875,7 +928,7 @@ export default {
                 text-align: center;
 
                 span {
-                    color: #00FE1E;
+                    color: #00fe1e;
                 }
             }
 
@@ -883,10 +936,12 @@ export default {
                 padding: 0px 12px;
                 font-size: 11px;
                 font-weight: 400;
-                background: linear-gradient(90deg,
-                        rgba(226, 116, 249, 0.9) 0%,
-                        rgba(226, 116, 249, 0.4) 48%,
-                        rgba(255, 255, 255, 0.1) 100%);
+                background: linear-gradient(
+                    90deg,
+                    rgba(226, 116, 249, 0.9) 0%,
+                    rgba(226, 116, 249, 0.4) 48%,
+                    rgba(255, 255, 255, 0.1) 100%
+                );
                 border-radius: 19px;
                 border: 1px solid #f4aeff;
                 backdrop-filter: blur(4px);
@@ -1158,4 +1213,4 @@ export default {
 /deep/ .learn_more_bg {
     background: linear-gradient(90deg, #1b0222 0%, #23042e 100%, #23042e 100%) !important;
 }
-</style>
+</style>

src/views/Home.vue

@@ -1,19 +1,37 @@
 <template>
-    <van-pull-refresh class="home filter-gray" success-text="加载成功" success-duration="500" v-model="isLoading"
-        :head-height="80" @refresh="onRefresh" pageType="light">
+    <van-pull-refresh
+        class="home filter-gray"
+        success-text="加载成功"
+        success-duration="500"
+        v-model="isLoading"
+        :head-height="80"
+        @refresh="onRefresh"
+        pageType="light"
+    >
         <div class="filter-bg" :style="{ backgroundImage: `url(${bgImg})` }"></div>
         <div class="welcom">
             <div class="left">
                 <div class="text1">WELCOME</div>
                 <div class="text2" :class="{ text3: isLogin }">{{ isLogin ? `${userInfo.nickname}!` : '探索者!' }}</div>
             </div>
-            <van-image width="38" height="38" :radius="32" :class="{ activeAvatar: isLogin && userInfo.useCollectionPic }"
-                :src="isLogin ? userInfo.avatar : require('@assets/img_default_photo.png')">
+            <van-image
+                width="38"
+                height="38"
+                :radius="32"
+                :class="{ activeAvatar: isLogin && userInfo.useCollectionPic }"
+                :src="isLogin ? userInfo.avatar : require('@assets/img_default_photo.png')"
+            >
             </van-image>
         </div>
 
         <div class="card swiper-card">
-            <swiper pagination :space-between="16" class="mySwiper" :autoplay="{ delay: 3500 }" v-if="banners.length > 0">
+            <swiper
+                pagination
+                :space-between="16"
+                class="mySwiper"
+                :autoplay="{ delay: 3500 }"
+                v-if="banners.length > 0"
+            >
                 <swiper-slide v-for="item in banners" :key="item.id">
                     <product-small :info="item"> </product-small>
                 </swiper-slide>
@@ -21,13 +39,21 @@
             <!-- <img src="@assets/topbg1.png" class="swiper-bg" alt="" /> -->
         </div>
 
-        <img v-if="fuActivity" src="@assets/check/png-rukou.png" alt=""
-            class="fuka animate__animated animate__infinite animate__tada" @click="goCheck" />
+        <img
+            v-if="fuActivity"
+            src="@assets/check/png-rukou.png"
+            alt=""
+            class="fuka animate__animated animate__infinite animate__tada"
+            @click="goCheck"
+        />
         <van-notice-bar :scrollable="false">
-            <img :src="darkTheme ? announcementBlack : announcementWhite" alt="" class="van-notice-bar-img">
+            <img :src="darkTheme ? announcementBlack : announcementWhite" alt="" class="van-notice-bar-img" />
             <van-swipe vertical class="notice-swipe" :autoplay="2000" :touchable="false" :show-indicators="false">
-                <van-swipe-item v-for="(item, index) in domainList" :key="index">恭喜<span>“{{ item.nickName
-                }}”</span>艺术家通过元域名市场购买获得<span>“{{ item.domainName }}”</span></van-swipe-item>
+                <van-swipe-item v-for="(item, index) in domainList" :key="index"
+                    >恭喜<span>“{{ item.nickName }}”</span>艺术家通过元域名市场购买获得<span
+                        >“{{ item.domainName }}”</span
+                    ></van-swipe-item
+                >
             </van-swipe>
         </van-notice-bar>
         <div class="card news">
@@ -85,16 +111,26 @@
                 </div>
                 <img class="more" src="@assets/icon_inter.png" alt="" />
             </div>
-            <activity-record v-for="(item, index) in acitivities" :key="index" v-model:info="acitivities[index]"
-                type="light">
+            <activity-record
+                v-for="(item, index) in acitivities"
+                :key="index"
+                v-model:info="acitivities[index]"
+                type="light"
+            >
             </activity-record>
         </div>
 
         <div class="card-list">
-            <div class="card card-hot" :style="{
-                order: index < 1 ? index + 1 : index + 2,
-                display: item.name === '新手引导' ? 'none' : 'block'
-            }" v-for="(item, index) in hots" :key="index" @click="goNext(item)">
+            <div
+                class="card card-hot"
+                :style="{
+                    order: index < 1 ? index + 1 : index + 2,
+                    display: item.name === '新手引导' ? 'none' : 'block'
+                }"
+                v-for="(item, index) in hots"
+                :key="index"
+                @click="goNext(item)"
+            >
                 <van-image :src="item.pic" fit="cover" width="100%" height="110vw" />
                 <div class="hot-top" v-if="index < 2">
                     <div class="text1">{{ item.name }}</div>
@@ -136,23 +172,35 @@
                     <div class="application_market_con_text">应用市场</div>
                     <div class="application_market_con_list">
                         <div @click="download" class="application_market_con_list_con">
-                            <img :src="require('@assets/10561663573720_.pic_hd2@3x.png')" alt=""
-                                class="application_market_con_list_con_img" />
+                            <img
+                                :src="require('@assets/10561663573720_.pic_hd2@3x.png')"
+                                alt=""
+                                class="application_market_con_list_con_img"
+                            />
                             <div class="application_market_con_list_con_text">绿洲电竞链</div>
                         </div>
                         <div @click="wait" class="application_market_con_list_con">
-                            <img :src="require('@assets/10561663573720_.pic_hd3@3x.png')" alt=""
-                                class="application_market_con_list_con_img" />
+                            <img
+                                :src="require('@assets/10561663573720_.pic_hd3@3x.png')"
+                                alt=""
+                                class="application_market_con_list_con_img"
+                            />
                             <div class="application_market_con_list_con_text">元宇宙农业</div>
                         </div>
                         <div @click="organization(1)" class="application_market_con_list_con">
-                            <img :src="require('@assets/10561663573720_.pic_hd5@3x.png')" alt=""
-                                class="application_market_con_list_con_img" />
+                            <img
+                                :src="require('@assets/10561663573720_.pic_hd5@3x.png')"
+                                alt=""
+                                class="application_market_con_list_con_img"
+                            />
                             <div class="application_market_con_list_con_text">艺术机构</div>
                         </div>
                         <div @click="organization(2)" class="application_market_con_list_con">
-                            <img :src="require('@assets/1091676369057_.pic@3x.png')" alt=""
-                                class="application_market_con_list_con_img" />
+                            <img
+                                :src="require('@assets/1091676369057_.pic@3x.png')"
+                                alt=""
+                                class="application_market_con_list_con_img"
+                            />
                             <div class="application_market_con_list_con_text">数字展览</div>
                         </div>
                     </div>
@@ -190,8 +238,12 @@
         </div> -->
         <div class="listSwiper-title">最新数字艺术品</div>
         <div class="listSwiper">
-            <product-large v-for="(item, index) in products" :key="index" v-model:info="products[index].obj"
-                :type="item.type">
+            <product-large
+                v-for="(item, index) in products"
+                :key="index"
+                v-model:info="products[index].obj"
+                :type="item.type"
+            >
             </product-large>
 
             <div class="tips-content">
@@ -199,8 +251,11 @@
                 <a target="_blank" href="https://beian.miit.gov.cn" class="tips1">
                     <span> 粤ICP备2021166549号-1 </span>
                 </a>
-                <a class="tips2" target="_blank"
-                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030302002216">
+                <a
+                    class="tips2"
+                    target="_blank"
+                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030302002216"
+                >
                     <img src="@assets/icon.png" alt="" />
                     <p>粤公网安备 44030302002216号</p>
                 </a>
@@ -343,7 +398,7 @@ export default {
         this.$http.post('/domainOrder/newestOrder').then(res => {
             res.forEach(item => {
                 item.domainName = item.domainName.split(' ')[1].trim();
-                if(item.nickName.length > 4){
+                if (item.nickName.length > 4) {
                     item.nickName = item.nickName.slice(0, 4) + '...';
                 }
             });
@@ -383,22 +438,22 @@ export default {
                 (inIos
                     ? Promise.resolve()
                     : this.$dialog
-                        .confirm({
-                            title: 'RAEX绿洲服务协议和隐私政策',
-                            message: `在您使用我的各项服务之前，请务必审慎阅读、充分理解<a href="javascript:void(0)" onclick="goFetch('/agreement?page=service')" >《用户隐私协议》</a>、<a href="javascript:void(0)" onclick="goFetch('/agreement')" >《隐私政策》</a>的条款。并且我们会申请获取您的设备信息，以向您提供安全风控服务。同时您应特别注意前述协议中免除或者限制我们责任的条款、对您权利进行限制的条款。如您已详细阅读并同意RAEX宇宙用户协议、隐私政策，请点击【同意并继续】开始使用我们的服务。`,
-                            confirmButtonText: '同意并继续',
-                            cancelButtonText: '不同意',
-                            allowHtml: true
-                        })
-                        .then(() => {
-                            return this.$dialog.confirm({
-                                title: '温馨提示',
-                                message:
-                                    '收集个人信息为我们向您提供服务所必须哦。我们仅会将您的个人信息用于为您提供服务，若不同意此协议，我们将无法为您提供服务并退出应用。',
-                                confirmButtonText: '同意',
-                                cancelButtonText: '不同意'
-                            });
-                        })
+                          .confirm({
+                              title: 'RAEX绿洲服务协议和隐私政策',
+                              message: `在您使用我的各项服务之前，请务必审慎阅读、充分理解<a href="javascript:void(0)" onclick="goFetch('/agreement?page=service')" >《用户隐私协议》</a>、<a href="javascript:void(0)" onclick="goFetch('/agreement')" >《隐私政策》</a>的条款。并且我们会申请获取您的设备信息，以向您提供安全风控服务。同时您应特别注意前述协议中免除或者限制我们责任的条款、对您权利进行限制的条款。如您已详细阅读并同意RAEX宇宙用户协议、隐私政策，请点击【同意并继续】开始使用我们的服务。`,
+                              confirmButtonText: '同意并继续',
+                              cancelButtonText: '不同意',
+                              allowHtml: true
+                          })
+                          .then(() => {
+                              return this.$dialog.confirm({
+                                  title: '温馨提示',
+                                  message:
+                                      '收集个人信息为我们向您提供服务所必须哦。我们仅会将您的个人信息用于为您提供服务，若不同意此协议，我们将无法为您提供服务并退出应用。',
+                                  confirmButtonText: '同意',
+                                  cancelButtonText: '不同意'
+                              });
+                          })
                 )
                     .then(() => {
                         window.localStorage.setItem('AppTips', '1');
@@ -407,7 +462,7 @@ export default {
                             window.cordova.plugins.UmengPlugin.init(deviceToken => {
                                 console.log('deviceToken=' + deviceToken);
                             });
-                        } catch (e) { }
+                        } catch (e) {}
                     })
                     .catch(() => {
                         navigator.app.exitApp();
@@ -437,7 +492,7 @@ export default {
                             window.cordova.plugins.UmengPlugin.init(deviceToken => {
                                 console.log('deviceToken=' + deviceToken);
                             });
-                        } catch (e) { }
+                        } catch (e) {}
                     })
                     .catch(() => {
                         navigator.app.exitApp();
@@ -715,7 +770,7 @@ export default {
         color: var(--text0);
 
         span {
-            color: #F600FF;
+            color: #f600ff;
         }
     }
 }
@@ -838,7 +893,7 @@ export default {
     line-height: 24px;
     padding: 0 16px;
 
-    .tab+.tab {
+    .tab + .tab {
         margin-left: 20px;
     }
 
@@ -1019,7 +1074,7 @@ export default {
         position: relative;
     }
 
-    .swiper-slide+.swiper-slide {
+    .swiper-slide + .swiper-slide {
         &::before {
             content: '';
             height: 1px;
@@ -1134,7 +1189,7 @@ export default {
     --van-grid-item-text-font-size: 12px;
     --van-grid-item-content-padding: 10px 0px 9px;
 
-    /deep/.van-grid-item__icon+.van-grid-item__text {
+    /deep/.van-grid-item__icon + .van-grid-item__text {
         margin-top: 6px;
     }
 

src/views/Mine.vue

@@ -1,8 +1,20 @@
 <template>
-    <van-pull-refresh success-text="加载成功" success-duration="500" class="mine" v-model="isLoading" @refresh="onRefresh">
+    <van-pull-refresh
+        success-text="加载成功"
+        success-duration="500"
+        class="mine"
+        v-model="isLoading"
+        @refresh="onRefresh"
+    >
         <div class="userInfo" v-if="isLogin">
-            <van-image width="100%" height="52vw" :src="userInfo.bg ? userInfo.bg : require('@assets/creatorBg.png')"
-                loading-icon="" fit="cover" class="top-img" />
+            <van-image
+                width="100%"
+                height="52vw"
+                :src="userInfo.bg ? userInfo.bg : require('@assets/creatorBg.png')"
+                loading-icon=""
+                fit="cover"
+                class="top-img"
+            />
             <!-- <template v-if="publishShow">
                 <div class="yinsi" v-if="userInfo.isPublicShow" @click="turnOffPrivacy = true">
                     <img src="@assets/icon-kaiqiyinsi@3x.png" alt="" />
@@ -17,10 +29,15 @@
             </div> -->
             <div class="userInfo-content">
                 <div class="userInfo-top">
-                    <van-image radius="100" width="150" height="150"
-                        :src="userInfo.avatar ? userInfo.avatar : require('@assets/img_default_photo.png')" fit="cover"
+                    <van-image
+                        radius="100"
+                        width="150"
+                        height="150"
+                        :src="userInfo.avatar ? userInfo.avatar : require('@assets/img_default_photo.png')"
+                        fit="cover"
                         :class="{ activeAvatar: isLogin && userInfo.useCollectionPic }"
-                        @click="$router.push('/SettingComplete')" />
+                        @click="$router.push('/SettingComplete')"
+                    />
                     <div class="text">
                         <div class="text1">
                             <span class="van-ellipsis" style="max-width: 120px">{{ userInfo.nickname }}</span>
@@ -42,8 +59,11 @@
                                 <img :src="require('@assets/icon-weidianliang@3x.png')" alt="" />
                                 <span>
                                     去点亮
-                                    <img :src="require('@assets/icon-xialajiantou@3x (1).png')" alt=""
-                                        class="autheds_img" />
+                                    <img
+                                        :src="require('@assets/icon-xialajiantou@3x (1).png')"
+                                        alt=""
+                                        class="autheds_img"
+                                    />
                                 </span>
                             </div>
                             <div class="auth-imgs autheds_con" v-else>
@@ -59,8 +79,12 @@
                     {{ info.autograph }}
                 </div>
                 <div class="sub-right" v-if="userInfo && userInfo.intro && userInfo.intro.length > 50">
-                    <img @click="showMore = !showMore" :class="{ subAll: showMore }" src="../assets/icon-xialajiantou.png"
-                        alt="" />
+                    <img
+                        @click="showMore = !showMore"
+                        :class="{ subAll: showMore }"
+                        src="../assets/icon-xialajiantou.png"
+                        alt=""
+                    />
                 </div>
 
                 <div class="btns">
@@ -80,12 +104,24 @@
             </div>
         </div>
         <div class="userInfo" v-else>
-            <van-image width="100%" height="52vw" :src="require('@assets/creatorBg.png')" loading-icon="" fit="cover"
-                class="top-img" />
+            <van-image
+                width="100%"
+                height="52vw"
+                :src="require('@assets/creatorBg.png')"
+                loading-icon=""
+                fit="cover"
+                class="top-img"
+            />
             <div class="userInfo-content">
                 <div class="userInfo-top" @click="$router.push('/login')">
-                    <van-image round width="150" height="150" :src="require('@assets/img_default_photo.png')" fit="cover"
-                        @click="$router.push('/login')" />
+                    <van-image
+                        round
+                        width="150"
+                        height="150"
+                        :src="require('@assets/img_default_photo.png')"
+                        fit="cover"
+                        @click="$router.push('/login')"
+                    />
 
                     <div class="text">
                         <div class="text1" @click="$router.push('/login')">点击登录</div>
@@ -288,15 +324,27 @@
         </div>
         <template #footer>
             <div class="toiIlluminate_Three">
-                <img :src="require('@assets/icon_fenxiang_close@3x.png')" alt="" class="toiIlluminate_imgThree"
-                    @click="illuminateShow = false" />
+                <img
+                    :src="require('@assets/icon_fenxiang_close@3x.png')"
+                    alt=""
+                    class="toiIlluminate_imgThree"
+                    @click="illuminateShow = false"
+                />
             </div>
         </template>
     </van-dialog>
-    <van-popup :show="turnPrivacy" position="bottom"
-        :style="{ height: '260px', borderTopLeftRadius: '16px', borderTopRightRadius: '16px' }">
+    <van-popup
+        :show="turnPrivacy"
+        position="bottom"
+        :style="{ height: '260px', borderTopLeftRadius: '16px', borderTopRightRadius: '16px' }"
+    >
         <div class="wrapper">
-            <img :src="require('@assets/icon_close@3x.png')" alt="" class="privacy_off_img" @click="turnPrivacy = false" />
+            <img
+                :src="require('@assets/icon_close@3x.png')"
+                alt=""
+                class="privacy_off_img"
+                @click="turnPrivacy = false"
+            />
             <div class="wrapper_img">
                 <img :src="require('@assets/icon-wufachakan.png')" alt="" class="privacy_img" />
             </div>
@@ -310,11 +358,18 @@
         </div>
         <template #footer> </template>
     </van-popup>
-    <van-popup :show="turnOffPrivacy" position="bottom"
-        :style="{ height: '260px', borderTopLeftRadius: '16px', borderTopRightRadius: '16px' }">
+    <van-popup
+        :show="turnOffPrivacy"
+        position="bottom"
+        :style="{ height: '260px', borderTopLeftRadius: '16px', borderTopRightRadius: '16px' }"
+    >
         <div class="wrapper">
-            <img :src="require('@assets/icon_close@3x.png')" alt="" class="privacy_off_img"
-                @click="turnOffPrivacy = false" />
+            <img
+                :src="require('@assets/icon_close@3x.png')"
+                alt=""
+                class="privacy_off_img"
+                @click="turnOffPrivacy = false"
+            />
             <div class="wrapper_img">
                 <img :src="require('@assets/icon-kechakan@3x.png')" alt="" class="privacy_img" />
             </div>
@@ -871,16 +926,16 @@ export default {
             .shopping_cart_number {
                 width: 19px;
                 height: 14px;
-                background: #FF4F50;
+                background: #ff4f50;
                 border-radius: 8px;
                 font-size: 10px;
                 font-weight: bold;
-                color: #FFFFFF;
+                color: #ffffff;
                 line-height: 14px;
                 text-align: center;
                 position: absolute;
                 right: -7px;
-                top: 0
+                top: 0;
             }
         }
 
@@ -964,8 +1019,7 @@ export default {
         }
     }
 
-    .menu-info+.menu-info {
-
+    .menu-info + .menu-info {
         // margin-left: 20px;
         &::before {
             content: '';
@@ -1103,7 +1157,7 @@ export default {
         }
     }
 
-    .sub-right>div {
+    .sub-right > div {
         font-size: 12px;
         color: @text0;
         line-height: 17px;

src/views/Store.vue

@@ -1,5 +1,11 @@
 <template>
-    <van-pull-refresh success-text="加载成功" success-duration="500" class="discover" v-model="isLoading" @refresh="onRefresh">
+    <van-pull-refresh
+        success-text="加载成功"
+        success-duration="500"
+        class="discover"
+        v-model="isLoading"
+        @refresh="onRefresh"
+    >
         <van-sticky ref="top">
             <div class="padding-safe-top" style="background: #222426">
                 <div class="top">
@@ -10,29 +16,51 @@
                         <div class="btn" :class="{ active: active === 'likeIt' }" @click="changeActive('likeIt')">
                             我喜欢的
                         </div>
-                        <div class="btn" v-if="showRoom" :class="{ active: active === 'showRoom' }"
-                            @click="changeActive('showRoom')">
+                        <div
+                            class="btn"
+                            v-if="showRoom"
+                            :class="{ active: active === 'showRoom' }"
+                            @click="changeActive('showRoom')"
+                        >
                             我的展馆
                         </div>
-                        <div class="btn" v-if="!$store.state.reviewPay" :class="{ active: active === 'creator' }"
-                            @click="changeActive('creator')">
+                        <div
+                            class="btn"
+                            v-if="!$store.state.reviewPay"
+                            :class="{ active: active === 'creator' }"
+                            @click="changeActive('creator')"
+                        >
                             我卖出的
                         </div>
                         <div class="btn" :class="{ active: active === 'coupon' }" @click="changeActive('coupon')">
                             兑换券
                         </div>
                     </div>
-                    <div class="search" v-if="isLogin && active !== 'coupon'"
-                        @click="$router.push('/assetSearch?status=' + status)">
+                    <div
+                        class="search"
+                        v-if="isLogin && active !== 'coupon'"
+                        @click="$router.push('/assetSearch?status=' + status)"
+                    >
                         <div class="search_division"></div>
                         <img src="@assets/svgs/search.svg" alt="" />
                     </div>
                 </div>
-                <van-tabs class="darkTabs" v-model:active="type" line-width="16" line-height="2" :ellipsis="false"
-                    @click="changeTab" v-if="active != 'likeIt'">
-                    <van-tab :title="item.label" :name="item.value"
-                        :title-class="item.type === 'select' && sortDes ? sortDes : ''" :key="index"
-                        v-for="(item, index) in typeOptions">
+                <van-tabs
+                    class="darkTabs"
+                    v-model:active="type"
+                    line-width="16"
+                    line-height="2"
+                    :ellipsis="false"
+                    @click="changeTab"
+                    v-if="active != 'likeIt'"
+                >
+                    <van-tab
+                        :title="item.label"
+                        :name="item.value"
+                        :title-class="item.type === 'select' && sortDes ? sortDes : ''"
+                        :key="index"
+                        v-for="(item, index) in typeOptions"
+                    >
                         <template v-if="item.type === 'select'" #title>
                             <div class="tab">
                                 <span>{{ item.label }}</span>
@@ -42,11 +70,22 @@
                         </template>
                     </van-tab>
                 </van-tabs>
-                <van-tabs class="darkTabs" v-model:active="type" line-width="16" line-height="2" :ellipsis="false"
-                    @change="change" v-else-if="active === 'likeIt'">
-                    <van-tab :title="item.label" :name="item.type"
-                        :title-class="item.type === 'select' && sortDes ? sortDes : ''" :key="index"
-                        v-for="(item, index) in typeOptionLike">
+                <van-tabs
+                    class="darkTabs"
+                    v-model:active="type"
+                    line-width="16"
+                    line-height="2"
+                    :ellipsis="false"
+                    @change="change"
+                    v-else-if="active === 'likeIt'"
+                >
+                    <van-tab
+                        :title="item.label"
+                        :name="item.type"
+                        :title-class="item.type === 'select' && sortDes ? sortDes : ''"
+                        :key="index"
+                        v-for="(item, index) in typeOptionLike"
+                    >
                         <template v-if="item.type === 'select'" #title>
                             <div class="tab">
                                 <span>{{ item.label }}</span>
@@ -57,9 +96,13 @@
                     </van-tab>
                 </van-tabs>
                 <div v-if="type == 'metadomainName'" class="metadomainName_list">
-                    <div v-for="(item, index) in metadomainList" :key="index" @click="domainBtn(index)"
+                    <div
+                        v-for="(item, index) in metadomainList"
+                        :key="index"
+                        @click="domainBtn(index)"
                         :class="metadomainType == item.type ? 'metadomainName_list_con' : ''"
-                        class="metadomainName_list_cons">
+                        class="metadomainName_list_cons"
+                    >
                         {{ item.name }}
                     </div>
                 </div>
@@ -78,35 +121,63 @@
       </van-button> -->
         </van-sticky>
 
-        <van-list class="box-list" :style="{
-            paddingBottom: showList.length % 3 === 0 ? '35.73vw' : '20px'
-        }" :class="{ couponList: active === 'coupon', roomList: active === 'showRoom' }" v-model:loading="loading"
-            :finished="finished" finished-text="" @load="getList" v-if="active != 'likeIt' && type != 'metadomainName'">
+        <van-list
+            class="box-list"
+            :style="{
+                paddingBottom: showList.length % 3 === 0 ? '35.73vw' : '20px'
+            }"
+            :class="{ couponList: active === 'coupon', roomList: active === 'showRoom' }"
+            v-model:loading="loading"
+            :finished="finished"
+            finished-text=""
+            @load="getList"
+            v-if="active != 'likeIt' && type != 'metadomainName'"
+        >
             <template v-for="(item, index) in showList" :key="index">
                 <coupon-info :info="item" v-if="active == 'coupon'"></coupon-info>
                 <show-info v-model:info="list[index]" v-else-if="active == 'showRoom'"></show-info>
-                <div class="asset-list" v-else-if="type == 'xingtu'" :style="{
-                    backgroundImage:
-                        active !== 'coupon' && active !== 'showRoom' && showList.length > 0
-                            ? `url(${require('../assets/png-zhantai.png')})`
-                            : ''
-                }">
-                    <star-asset-info :info="asset" v-for="(asset, assetIndex) in item" :key="assetIndex"></star-asset-info>
+                <div
+                    class="asset-list"
+                    v-else-if="type == 'xingtu'"
+                    :style="{
+                        backgroundImage:
+                            active !== 'coupon' && active !== 'showRoom' && showList.length > 0
+                                ? `url(${require('../assets/png-zhantai.png')})`
+                                : ''
+                    }"
+                >
+                    <star-asset-info
+                        :info="asset"
+                        v-for="(asset, assetIndex) in item"
+                        :key="assetIndex"
+                    ></star-asset-info>
                 </div>
-                <div class="asset-list" v-else :style="{
-                    backgroundImage:
-                        active !== 'coupon' && active !== 'showRoom' && showList.length > 0
-                            ? `url(${require('../assets/png-zhantai.png')})`
-                            : ''
-                }">
-                    <asset-info :info="asset" v-for="(asset, assetIndex) in item" :key="assetIndex" :num="asset.num"
-                        @showMore="showMore"></asset-info>
+                <div
+                    class="asset-list"
+                    v-else
+                    :style="{
+                        backgroundImage:
+                            active !== 'coupon' && active !== 'showRoom' && showList.length > 0
+                                ? `url(${require('../assets/png-zhantai.png')})`
+                                : ''
+                    }"
+                >
+                    <asset-info
+                        :info="asset"
+                        v-for="(asset, assetIndex) in item"
+                        :key="assetIndex"
+                        :num="asset.num"
+                        @showMore="showMore"
+                    ></asset-info>
                 </div>
             </template>
-            <van-empty v-if="empty || (showList.length === 0 && !loading)"
-                :description="active == 'coupon' ? '你还没有优惠券哦～' : '你还没有藏品哦～'" :image="
+            <van-empty
+                v-if="empty || (showList.length === 0 && !loading)"
+                :description="active == 'coupon' ? '你还没有优惠券哦～' : '你还没有藏品哦～'"
+                :image="
                     require(`@assets/${active == 'coupon' ? 'kong_png_duihuanquanhei' : 'empty_img_asset_dark'}.png`)
-                " />
+                "
+            />
             <img src="../assets/icon_zhiding.png" @click="goTop" class="goTop" v-if="bodyScroll > 100" alt="" />
         </van-list>
         <!-- <div class="domain_list" v-else-if="active != 'likeIt' && type == 'metadomainName'">
@@ -118,8 +189,14 @@
                     require(`@assets/${active == 'coupon' ? 'kong_png_duihuanquanhei' : 'empty_img_asset_dark'}.png`)
                 " />
         </div> -->
-        <van-list v-else-if="active != 'likeIt' && type == 'metadomainName'" class="domain_list" v-model:loading="loading"
-            :finished="finished" finished-text="" @load="getList">
+        <van-list
+            v-else-if="active != 'likeIt' && type == 'metadomainName'"
+            class="domain_list"
+            v-model:loading="loading"
+            :finished="finished"
+            finished-text=""
+            @load="getList"
+        >
             <div v-if="metadomainType == 'owned'">
                 <template v-for="(item, index) in showList" :key="index">
                     <domain-owned :info="asset" v-for="(asset, assetIndex) in item" :key="assetIndex"></domain-owned>
@@ -141,20 +218,32 @@
                         :key="assetIndex"></receive-quotation>
                 </template>
             </div> -->
-            <van-empty v-if="empty || (showList.length === 0 && !loading)"
-                :description="active == 'coupon' ? '你还没有优惠券哦～' : '你还没有藏品哦～'" :image="
+            <van-empty
+                v-if="empty || (showList.length === 0 && !loading)"
+                :description="active == 'coupon' ? '你还没有优惠券哦～' : '你还没有藏品哦～'"
+                :image="
                     require(`@assets/${active == 'coupon' ? 'kong_png_duihuanquanhei' : 'empty_img_asset_dark'}.png`)
-                " />
+                "
+            />
         </van-list>
         <div class="list" v-else>
             <template v-for="(item, index) in showListLike" :key="index">
                 <product-info v-model:info="likeList[item.index]" @update:info="init" dark></product-info>
             </template>
-            <van-empty v-if="showListLike.length === 0" description="你还没有点赞哦~"
-                :image="require('@assets/kong_png_dianzan.png')" />
+            <van-empty
+                v-if="showListLike.length === 0"
+                description="你还没有点赞哦~"
+                :image="require('@assets/kong_png_dianzan.png')"
+            />
         </div>
-        <van-action-sheet ref="action" v-model:show="showSelect" description="选择筛选方式" :actions="actions" cancel-text="取消"
-            close-on-click-action />
+        <van-action-sheet
+            ref="action"
+            v-model:show="showSelect"
+            description="选择筛选方式"
+            :actions="actions"
+            cancel-text="取消"
+            close-on-click-action
+        />
 
         <div class="tabbar-placeholder"></div>
     </van-pull-refresh>
@@ -163,8 +252,14 @@
         <div class="wrapper" @click.stop>
             <div class="wrapper-title">{{ moreTitle }}</div>
             <div class="wrapper-box">
-                <van-list v-model:loading="assetLoading" :finished="assetFinished" :immediate-check="false" finished-text=""
-                    loading-text="加载中..." @load="getMoreList">
+                <van-list
+                    v-model:loading="assetLoading"
+                    :finished="assetFinished"
+                    :immediate-check="false"
+                    finished-text=""
+                    loading-text="加载中..."
+                    @load="getMoreList"
+                >
                     <asset-info-se :info="asset" v-for="asset in assetList" :key="asset.id"></asset-info-se>
                 </van-list>
             </div>
@@ -197,7 +292,7 @@ export default {
         ShowInfo,
         starAssetInfo,
         ProductInfo,
-        DomainOwned,
+        DomainOwned
         // OwnedBuy,
         // ReceiveQuotation
     },
@@ -433,7 +528,7 @@ export default {
                     return 'AUCTIONING';
                 } else if (this.type === 'metadomainName') {
                     if (this.metadomainType == 'underReview') {
-                        return 'PENDING'
+                        return 'PENDING';
                     } else {
                         return 'NORMAL,TRADING,GIFTING,MINTING,AUCTIONING,PENDING';
                     }
@@ -801,10 +896,10 @@ export default {
             }
         },
         domainBtn(index) {
-            this.metadomainType = this.metadomainList[index].type
+            this.metadomainType = this.metadomainList[index].type;
             this.page = 0;
             if (this.metadomainType == 'myBid' || this.metadomainType == 'receiveQuotation') {
-                this.$toast("版本升级中")
+                this.$toast('版本升级中');
             } else {
                 this.getList().then(() => {
                     this.isLoading = false;
@@ -852,7 +947,7 @@ export default {
         overflow-x: auto;
         display: flex;
         align-items: center;
-        background: #1C1C1C;
+        background: #1c1c1c;
 
         .btn {
             font-size: @font3;
@@ -869,7 +964,7 @@ export default {
             }
         }
 
-        .btn+.btn {
+        .btn + .btn {
             margin-left: 20px;
         }
     }
@@ -881,7 +976,7 @@ export default {
         align-items: center;
         padding-left: 10px;
         box-sizing: border-box;
-        background: #1C1C1C;
+        background: #1c1c1c;
         position: relative;
 
         .search_division {
@@ -903,12 +998,12 @@ export default {
     padding: 16px 15px 20px 16px;
     display: flex;
     justify-content: space-between;
-    background: #0F0F0F;
+    background: #0f0f0f;
 
     .metadomainName_list_cons {
         width: calc(20vw - 1px);
         height: 28px;
-        background: #1E1E1E;
+        background: #1e1e1e;
         border-radius: 4px;
         line-height: 28px;
         text-align: center;
@@ -920,10 +1015,10 @@ export default {
     .metadomainName_list_con {
         height: 28px;
         border-radius: 4px;
-        border: 1px solid #00FE1E;
+        border: 1px solid #00fe1e;
         box-sizing: border-box;
-        color: #00FE1E;
-        background: #0F0F0F;
+        color: #00fe1e;
+        background: #0f0f0f;
         line-height: 28px;
     }
 }
@@ -938,7 +1033,7 @@ export default {
 }
 
 .van-tabs {
-    background: #1C1C1C;
+    background: #1c1c1c;
 
     /deep/.van-tab {
         margin-right: 30px;
@@ -1050,7 +1145,6 @@ export default {
     }
 
     .coupon-bottom {
-
         &::before,
         &::after {
             background-color: #0f0f0f;

src/views/asset/Consignment.vue

@@ -26,11 +26,22 @@
             <div class="border border1"></div>
             <div class="content">
                 <div class="title">
-                    拍卖价格(元）<span v-if="minPrice">最低定价{{ minPrice }}，</span><span>最高定价100000.00(超过20000的需要签署委托协议)</span>
+                    拍卖价格(元）<span v-if="minPrice">最低定价{{ minPrice }}，</span
+                    ><span>最高定价100000.00(超过20000的需要签署委托协议)</span>
                 </div>
                 <!-- <van-field type="number" input-align="center" placeholder="请输入价格" v-model="price" /> -->
-                <van-stepper v-model="price" :default-value="''" :show-plus="false" :show-minus="false" :decimal-length="2"
-                    allow-empty :min="minPrice" max="100000" placeholder="请输入价格" @change="agreement = false" />
+                <van-stepper
+                    v-model="price"
+                    :default-value="''"
+                    :show-plus="false"
+                    :show-minus="false"
+                    :decimal-length="2"
+                    allow-empty
+                    :min="minPrice"
+                    max="100000"
+                    placeholder="请输入价格"
+                    @change="agreement = false"
+                />
                 <div class="title">预计收入(元）</div>
                 <div class="info-item">
                     <span>拍卖定价</span>
@@ -58,8 +69,15 @@
                 <div class="text1">请输入交易密码</div>
                 <div v-if="sets">
                     <van-password-input :gutter="10" :value="password" :focused="showKeyboard" @focus="keyboardEnter" />
-                    <van-number-keyboard v-model="password" :show="showKeyboard" @blur="keyBlur" :gutter="10" maxlength="6"
-                        theme="custom" close-button-text="完成" />
+                    <van-number-keyboard
+                        v-model="password"
+                        :show="showKeyboard"
+                        @blur="keyBlur"
+                        :gutter="10"
+                        maxlength="6"
+                        theme="custom"
+                        close-button-text="完成"
+                    />
                     <div class="text2-content">
                         <div class="text2" @click="goRouter">忘记密码？</div>
                     </div>
@@ -68,8 +86,11 @@
             </div>
         </div>
         <div class="bottom van-safe-area-bottom" ref="bottom">
-            <van-notice-bar :color="$colors.prim" :background="$colors.prim"
-                text="出售成功的数字艺术品将会携带数字艺术品的所有信息转让于购买方，包括但不限于：权益的使用、数字艺术品的区块信息等" />
+            <van-notice-bar
+                :color="$colors.prim"
+                :background="$colors.prim"
+                text="出售成功的数字艺术品将会携带数字艺术品的所有信息转让于购买方，包括但不限于：权益的使用、数字艺术品的区块信息等"
+            />
             <div class="bottom-content">
                 <div class="btn1" @click="$router.go(-1)">取消</div>
                 <div class="btn2" @click="submit">确认拍卖</div>
@@ -123,9 +144,9 @@ export default {
             let price =
                 Math.floor(
                     this.price *
-                    (99 -
-                        (this.serviceCharge >= 1 ? this.serviceCharge - 1 : this.serviceCharge) -
-                        (this.royalties || 0))
+                        (99 -
+                            (this.serviceCharge >= 1 ? this.serviceCharge - 1 : this.serviceCharge) -
+                            (this.royalties || 0))
                 ) / 100;
             return price.toFixed(2);
         }
@@ -509,4 +530,5 @@ export default {
     height: 36px;
     line-height: 36px;
     background: fade(@prim, 10%) !important;
-}</style>
+}
+</style>

src/views/asset/Detail.vue

@@ -1,12 +1,18 @@
 /* eslint-disable no-empty */
 <template>
-    <van-pull-refresh success-text="加载成功" success-duration="500" class="detail" v-model="isLoading" :head-height="80"
-        @refresh="onRefresh">
+    <van-pull-refresh
+        success-text="加载成功"
+        success-duration="500"
+        class="detail"
+        v-model="isLoading"
+        :head-height="80"
+        @refresh="onRefresh"
+    >
         <product-banner :info="info" pageType="asset"> </product-banner>
 
         <div class="info">
             <div class="info-title">
-            <!-- <div class="detail-name"> 
+                <!-- <div class="detail-name"> 
                     <span> {{ info.name }} </span>
                     <img src="@assets/svgs/png-biaotikuang-01.svg" alt="" /> 
                     <img src="@assets/svgs/png-biaotikuang-02.svg" alt="" /> 
@@ -15,10 +21,8 @@
                                                                     </div> -->
                 <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;{{
-                            info.endTime }}</div>
-
+                        <div>{{ info.name }}</div>
+                        <div v-if="info.type == 'DOMAIN'" class="remaining_time">剩余时长&nbsp;{{ info.endTime }}</div>
                     </div>
                 </product-title>
             </div>
@@ -26,16 +30,25 @@
                 <div class="product-type">个人作品</div>
             </div>
             <div class="userInfo-status" v-if="info.type === 'PICTURE' && info.minterId === info.ownerId">
-                <van-cell class="creator" :to="{
-                    path: '/creatorDetail',
-                    query: {
-                        id: info.minterId
-                    }
-                }" :border="false">
+                <van-cell
+                    class="creator"
+                    :to="{
+                        path: '/creatorDetail',
+                        query: {
+                            id: info.minterId
+                        }
+                    }"
+                    :border="false"
+                >
                     <template #icon>
-                        <van-image width="40" height="40" class="user-img"
-                            :src="info.minterAvatar || require('@assets/svgs/img_default_photo.svg')" fit="cover"
-                            radius="100" />
+                        <van-image
+                            width="40"
+                            height="40"
+                            class="user-img"
+                            :src="info.minterAvatar || require('@assets/svgs/img_default_photo.svg')"
+                            fit="cover"
+                            radius="100"
+                        />
                     </template>
                     <template #title>
                         <div class="text1 van-ellipsis">{{ info.minter }}</div>
@@ -85,7 +98,7 @@
             </div>
             <!-- <div class="title"> {{ info.name }} </div> -->
             <div class="info-bottom">
-            <!-- <van-button
+                <!-- <van-button
           type="primary"
           plain
           size="mini"
@@ -99,22 +112,33 @@
 
         <div class="goods">
             <van-collapse v-model="activeNames">
-                <van-collapse-item name="1" class="goods-info"
-                    v-if="info.type !== 'PICTURE' || info.minterId !== info.ownerId">
+                <van-collapse-item
+                    name="1"
+                    class="goods-info"
+                    v-if="info.type !== 'PICTURE' || info.minterId !== info.ownerId"
+                >
                     <template #title>
                         <div class="page-title"><img src="@assets/fenxiang-icon.png" alt="" />用户信息</div>
                     </template>
                     <div class="user">
-                        <van-cell class="creator" :to="{
-                            path: '/creatorDetail',
-                            query: {
-                                id: info.minterId
-                            }
-                        }">
+                        <van-cell
+                            class="creator"
+                            :to="{
+                                path: '/creatorDetail',
+                                query: {
+                                    id: info.minterId
+                                }
+                            }"
+                        >
                             <template #icon>
-                                <van-image width="40" height="40" class="user-img"
-                                    :src="info.minterAvatar || require('@assets/svgs/img_default_photo.svg')" fit="cover"
-                                    radius="100" />
+                                <van-image
+                                    width="40"
+                                    height="40"
+                                    class="user-img"
+                                    :src="info.minterAvatar || require('@assets/svgs/img_default_photo.svg')"
+                                    fit="cover"
+                                    radius="100"
+                                />
                             </template>
                             <template #title>
                                 <div class="text1 van-ellipsis">{{ info.minter }}</div>
@@ -123,9 +147,14 @@
                         </van-cell>
                         <van-cell class="creator">
                             <template #icon>
-                                <van-image width="40" height="40" class="user-img"
-                                    :src="userInfo.avatar || require('@assets/svgs/img_default_photo.svg')" fit="cover"
-                                    radius="100" />
+                                <van-image
+                                    width="40"
+                                    height="40"
+                                    class="user-img"
+                                    :src="userInfo.avatar || require('@assets/svgs/img_default_photo.svg')"
+                                    fit="cover"
+                                    radius="100"
+                                />
                             </template>
                             <template #title>
                                 <div class="text1 van-ellipsis">{{ userInfo.nickname }}</div>
@@ -141,8 +170,11 @@
                     </template>
                     <div v-if="info.detail" class="page-text page-detail" v-html="info.detail"></div>
                     <p v-else-if="info.type == 'DOMAIN' && !info.detail">
-                        <van-image :src="require('@assets/metadomain_name_details.jpg')" width="100%"
-                            class="page-text page-detail">
+                        <van-image
+                            :src="require('@assets/metadomain_name_details.jpg')"
+                            width="100%"
+                            class="page-text page-detail"
+                        >
                         </van-image>
                     </p>
                     <div v-else class="textName">铸造者未设置</div>
@@ -239,19 +271,22 @@
                 </van-collapse-item>
             </van-collapse>
 
-        <!-- <template v-if="info.detail"> 
+            <!-- <template v-if="info.detail"> 
                 <div class="page-title"> 作品描述 </div>
                 <div class="page-text" v-html="info.detail"> </div>
                                                                 </template> -->
-            <div class="del" v-if="
-                info.status !== 'MINTING' &&
-                info.status !== 'DESTROYED' &&
-                info.status !== 'GIFTED' &&
-                info.status !== 'GIFTING' &&
-                info.status !== 'TRANSFERRED' &&
-                info.status !== 'TRADING' &&
-                info.status !== 'PENDING'
-            ">
+            <div
+                class="del"
+                v-if="
+                    info.status !== 'MINTING' &&
+                    info.status !== 'DESTROYED' &&
+                    info.status !== 'GIFTED' &&
+                    info.status !== 'GIFTING' &&
+                    info.status !== 'TRANSFERRED' &&
+                    info.status !== 'TRADING' &&
+                    info.status !== 'PENDING'
+                "
+            >
                 <van-button @click="delCollection" block round color="#1C1C1C">
                     <div class="del-icon">
                         <img src="@assets/icon-del.png" alt="" />
@@ -261,7 +296,7 @@
             </div>
         </div>
 
-    <!-- <div class="btn van-safe-area-bottom" ref="btn" v-if="isBuy"> 
+        <!-- <div class="btn van-safe-area-bottom" ref="btn" v-if="isBuy"> 
             <div class="btns"> 
                 <van-button type="primary" block round @click="buy"> 立即购买 </van-button>
             </div>
@@ -280,11 +315,14 @@
                         <span> 赠送 </span>
                     </div>
                     <div class="btns2-item" @click="Exhibition">
-                        <img :src="
-                            info.publicShow
-                                ? require('@assets/icon-gongkaizhanshi.png')
-                                : require('@assets/icon-weizhanshi.png')
-                        " alt="" />
+                        <img
+                            :src="
+                                info.publicShow
+                                    ? require('@assets/icon-gongkaizhanshi.png')
+                                    : require('@assets/icon-weizhanshi.png')
+                            "
+                            alt=""
+                        />
                         <span> {{ info.publicShow ? '公开展示' : '未展示' }} </span>
                     </div>
                     <div class="btns2-item" @click="showStar">
@@ -294,7 +332,7 @@
                 </div>
             </template>
             <div class="btns1" v-else>
-            <!-- <div class="add" @click="Add"> F
+                <!-- <div class="add" @click="Add"> F
                     <img class="img" src="@assets/icon-dianzan.png" alt="" /> 
                     <div class="text2"> 赠送 </div>
                                                                     </div> -->
@@ -310,16 +348,14 @@
                     流转操作
                     <!-- {{ info.consignment ? '取消寄售' : '寄售上架' }} -->
                 </van-button>
-            <!-- <van-button type="primary" v-else-if="!$store.state.reviewPay" block round @click="Consignment"> 
+                <!-- <van-button type="primary" v-else-if="!$store.state.reviewPay" block round @click="Consignment"> 
                     {{ info.consignment ? '取消寄售' : '寄售上架' }}
                                                                     </van-button> -->
             </div>
         </div>
         <div class="btn van-safe-area-bottom" ref="btn" v-else-if="info.status === 'PENDING' && !isLock">
             <div class="btns1">
-                <van-button color="#FF7F1F" block round>
-                    审核中
-                </van-button>
+                <van-button color="#FF7F1F" block round> 审核中 </van-button>
             </div>
         </div>
         <div class="btn van-safe-area-bottom" ref="btn" v-else-if="isLock">
@@ -331,8 +367,11 @@
                 </van-button>
             </div>
         </div>
-        <div class="btn van-safe-area-bottom" ref="btn"
-            v-else-if="info.status === 'TRADING' || info.status === 'GIFTING' || info.status === 'AUCTIONING'">
+        <div
+            class="btn van-safe-area-bottom"
+            ref="btn"
+            v-else-if="info.status === 'TRADING' || info.status === 'GIFTING' || info.status === 'AUCTIONING'"
+        >
             <div class="status-text">{{ getLabelName(info.status, assetStatusOptions) }}</div>
         </div>
         <div class="popup">
@@ -385,9 +424,12 @@
                         <img class="img" :src="init2.icon[1]" alt="" />
                         <div class="title3">{{ init2.name }}</div>
                     </div>
-                    <img @click="allFn2" class="icon"
+                    <img
+                        @click="allFn2"
+                        class="icon"
                         src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-11-13-13-52-01rJiHiwBy.png"
-                        alt="" />
+                        alt=""
+                    />
                 </div>
                 <div class="border"></div>
                 <div class="name">{{ init2.description }}</div>
@@ -407,8 +449,14 @@
                 <div class="transaction_confirmation" @click="bind">确认</div>
                 <!-- <div class="phone"> 已发送到您{{ phoneText }}手机 </div> -->
                 <van-password-input :value="transactionPassword" :length="6" />
-                <van-number-keyboard maxlength="6" theme="custom" v-model="transactionPassword" :show="transactionShow"
-                    close-button-text="完成" @close="bind" />
+                <van-number-keyboard
+                    maxlength="6"
+                    theme="custom"
+                    v-model="transactionPassword"
+                    :show="transactionShow"
+                    close-button-text="完成"
+                    @close="bind"
+                />
             </div>
         </van-popup>
         <!-- 悄悄话 -->
@@ -416,13 +464,19 @@
             <van-popup v-model:show="show2">
                 <div class="con">
                     <div class="Whisper">提示</div>
-                    <img @click="show2 = false" class="icon"
+                    <img
+                        @click="show2 = false"
+                        class="icon"
                         src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-11-12-16-13-37tvHvqsIN.png"
-                        alt="" />
+                        alt=""
+                    />
                 </div>
-                <img @click="openedFn" class="imgBox"
+                <img
+                    @click="openedFn"
+                    class="imgBox"
                     src="https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-11-12-16-13-07DtWLMcPy.png"
-                    alt="" />
+                    alt=""
+                />
                 <div class="Whisper1">
                     <div>点击图标打开悄悄话</div>
                     <div v-if="init2.once">(隐藏内容，只能开启一次)</div>
@@ -435,7 +489,12 @@
         <div class="more-btns">
             <van-action-sheet v-model:show="showAction" @close="showLock = false">
                 <div class="choose-time" v-if="showLock">
-                    <van-picker title="请选择封存时间" :columns="columns" @confirm="lock" @cancel="showAction = false" />
+                    <van-picker
+                        title="请选择封存时间"
+                        :columns="columns"
+                        @confirm="lock"
+                        @cancel="showAction = false"
+                    />
                 </div>
 
                 <div class="more-btns-content" v-else>
@@ -831,7 +890,7 @@ export default {
                         this.pad(parseInt(res.endTime / 60) % 60, 2) +
                         '分';
                 }
-                console.log("dfjsdhasdfg", res)
+                console.log('dfjsdhasdfg', res);
                 this.info = res;
                 //锁单
                 this.$nextTick(() => {
@@ -1656,7 +1715,6 @@ export default {
 }
 
 .goods {
-
     // padding: 20px 16px;
     .top1 {
         display: flex;
@@ -1920,7 +1978,7 @@ export default {
             }
         }
 
-        .btns2-item+.btns2-item {
+        .btns2-item + .btns2-item {
             &::after {
                 content: '';
                 width: 1px;
@@ -2235,7 +2293,6 @@ export default {
 
 /deep/.goods-info {
     .van-cell {
-
         // padding: 0 0;
         &::after {
             content: none;
@@ -2313,7 +2370,7 @@ export default {
         color: @text3;
     }
 
-    &+& {
+    & + & {
         border-top: 1px solid #202122;
     }
 }
@@ -2353,7 +2410,7 @@ export default {
         padding: 20px 48px;
         .bottom(20px);
 
-        .van-button+.van-button {
+        .van-button + .van-button {
             margin-top: 20px;
         }
     }
@@ -2572,10 +2629,10 @@ export default {
     line-height: 24px;
     text-align: center;
 }
-.product-title_con{
+.product-title_con {
     min-height: 44px;
 }
-.product-title_cons{
+.product-title_cons {
     line-height: 44px;
 }
 </style>

src/views/order/Orders.vue

@@ -1,6 +1,13 @@
 <template>
-    <van-pull-refresh success-text="加载成功" success-duration="500" class="discover" v-model="isLoading" :head-height="80"
-        @refresh="onRefresh" pageType="light">
+    <van-pull-refresh
+        success-text="加载成功"
+        success-duration="500"
+        class="discover"
+        v-model="isLoading"
+        :head-height="80"
+        @refresh="onRefresh"
+        pageType="light"
+    >
         <van-sticky ref="top" :offset-top="bar && bar.show ? bar.height : 0">
             <div class="top">
                 <div class="top-btn">
@@ -16,43 +23,110 @@
                 <!-- <img src="@assets/icon／search@3x.png" alt="" class="top_img"/> -->
             </div>
 
-            <van-tabs v-model:active="status" :ellipsis="false" line-width="16" line-height="2" @click="changeStatus"
-                v-if="type == ''">
+            <van-tabs
+                v-model:active="status"
+                :ellipsis="false"
+                line-width="16"
+                line-height="2"
+                @click="changeStatus"
+                v-if="type == ''"
+            >
                 <van-tab v-for="(item, index) in tabs" :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 == 'DEFAULT'">
+            <van-tabs
+                v-model:active="status"
+                :ellipsis="false"
+                line-width="16"
+                line-height="2"
+                @click="changeStatus"
+                v-if="type == 'DEFAULT'"
+            >
                 <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
+                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" line-width="16" line-height="2" @click="changeStatus"
-                v-if="type == 'METANAME'">
-                <van-tab v-for="(item, index) in domainTab" :key="index" :title="item.name" :name="item.status"></van-tab>
+            <van-tabs
+                v-model:active="status"
+                :ellipsis="false"
+                line-width="16"
+                line-height="2"
+                @click="changeStatus"
+                v-if="type == 'METANAME'"
+            >
+                <van-tab
+                    v-for="(item, index) in domainTab"
+                    :key="index"
+                    :title="item.name"
+                    :name="item.status"
+                ></van-tab>
             </van-tabs>
         </van-sticky>
 
-        <van-list class="list" v-model:loading="loading" :finished="finished" finished-text="" @load="getData"
-            v-if="type == ''">
+        <van-list
+            class="list"
+            v-model:loading="loading"
+            :finished="finished"
+            finished-text=""
+            @load="getData"
+            v-if="type == ''"
+        >
             <order-info @delFn="delFn" v-for="item in list" :key="item.id" :info="item"></order-info>
             <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 == 'DEFAULT'">
-            <order-info-act @delFn="delFn" v-for="(item, index) in list" :key="item.id"
-                v-model:info="list[index]"></order-info-act>
+        <van-list
+            class="list"
+            v-model:loading="loading"
+            :finished="finished"
+            finished-text=""
+            @load="getData"
+            v-if="type == 'DEFAULT'"
+        >
+            <order-info-act
+                @delFn="delFn"
+                v-for="(item, index) in list"
+                :key="item.id"
+                v-model:info="list[index]"
+            ></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-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" :finished="finished" finished-text="" @load="getData"
-            v-if="type == 'METANAME'">
+        <van-list
+            class="list"
+            v-model:loading="loading"
+            :finished="finished"
+            finished-text=""
+            @load="getData"
+            v-if="type == 'METANAME'"
+        >
             <domain-info @delFn="delFn" v-for="item in list" :key="item.id" :info="item"></domain-info>
             <van-empty v-if="empty" description="你还没有订单哦~" :image="require('@assets/kong_png_wudingdan.png')" />
         </van-list>
@@ -173,7 +247,7 @@ export default {
                             orderStatus: 'FINISH',
                             status: 'PENDING'
                         }
-                    }
+                    };
                 } else if (this.status == 'FINISH') {
                     return {
                         query: {
@@ -181,14 +255,14 @@ export default {
                             orderStatus: this.status,
                             status: 'SUCCESS'
                         }
-                    }
+                    };
                 } else {
                     return {
                         query: {
                             userId: this.$store.state.userInfo.id,
                             orderStatus: this.status
                         }
-                    }
+                    };
                 }
             } else if (this.type == 'BLI') {
                 return {
@@ -289,7 +363,7 @@ export default {
             }
         }
 
-        .btn+.btn {
+        .btn + .btn {
             margin-left: 30px;
         }
     }

src/views/product/Detail.vue

@@ -1,9 +1,20 @@
 <template>
-    <van-pull-refresh success-text="加载成功" success-duration="500" class="detail" v-model="isLoading" @refresh="onRefresh"
-        :disabled="!windowVertical">
+    <van-pull-refresh
+        success-text="加载成功"
+        success-duration="500"
+        class="detail"
+        v-model="isLoading"
+        @refresh="onRefresh"
+        :disabled="!windowVertical"
+    >
         <div class="detail-page" :class="{ windowHoritzontal: !windowVertical }">
-            <product-banner :startTime="startTime" :assignment="!!assignment" :info="info" @getProduct="getProduct"
-                :windowVertical="windowVertical"></product-banner>
+            <product-banner
+                :startTime="startTime"
+                :assignment="!!assignment"
+                :info="info"
+                @getProduct="getProduct"
+                :windowVertical="windowVertical"
+            ></product-banner>
 
             <div class="detail-box">
                 <div class="info-box">
@@ -38,16 +49,25 @@
                             <div class="product-type">个人作品</div>
                         </div>
                         <div class="userInfo-status" v-if="info.type === 'PICTURE' && info.minterId === info.ownerId">
-                            <van-cell class="creator" :to="{
-                                path: '/creatorDetail',
-                                query: {
-                                    id: info.minterId
-                                }
-                            }" :border="false">
+                            <van-cell
+                                class="creator"
+                                :to="{
+                                    path: '/creatorDetail',
+                                    query: {
+                                        id: info.minterId
+                                    }
+                                }"
+                                :border="false"
+                            >
                                 <template #icon>
-                                    <van-image width="40" height="40" class="user-img"
+                                    <van-image
+                                        width="40"
+                                        height="40"
+                                        class="user-img"
                                         :src="info.minterAvatar || require('@assets/svgs/img_default_photo.svg')"
-                                        fit="cover" radius="100" />
+                                        fit="cover"
+                                        radius="100"
+                                    />
                                 </template>
                                 <template #title>
                                     <div class="text1 van-ellipsis">{{ info.minter }}</div>
@@ -78,7 +98,11 @@
 
                         <sale-info ref="sale" v-if="canSale" :info="info" :blindBoxItems="blindBoxItems"></sale-info>
 
-                        <tasks v-if="assignment && info.totalQuota" :info="info" v-model:assignments="assignments"></tasks>
+                        <tasks
+                            v-if="assignment && info.totalQuota"
+                            :info="info"
+                            v-model:assignments="assignments"
+                        ></tasks>
                         <!-- <div class="title">{{ info.name }}</div> -->
                         <!-- <span class="text1" v-if="info.number"> 编号 {{ info.number }} </span> -->
                         <!-- <van-button
@@ -125,33 +149,49 @@
                                 </div>
                             </template>
                             <div class="user">
-                                <van-cell v-if="info.ownerId !== info.minterId" class="creator" :to="{
-                                    path: '/creatorDetail',
-                                    query: {
-                                        id: info.minterId
-                                    }
-                                }">
+                                <van-cell
+                                    v-if="info.ownerId !== info.minterId"
+                                    class="creator"
+                                    :to="{
+                                        path: '/creatorDetail',
+                                        query: {
+                                            id: info.minterId
+                                        }
+                                    }"
+                                >
                                     <template #icon>
-                                        <van-image width="32" height="32"
+                                        <van-image
+                                            width="32"
+                                            height="32"
                                             :src="info.minterAvatar || require('@assets/svgs/img_default_photo.svg')"
-                                            fit="cover" radius="100" />
+                                            fit="cover"
+                                            radius="100"
+                                        />
                                     </template>
                                     <template #title>
                                         <div class="text1">{{ info.minter }}</div>
                                         <div class="text2">铸造者</div>
                                     </template>
                                 </van-cell>
-                                <van-cell class="creator" :to="{
-                                    path: '/creatorDetail',
-                                    query: {
-                                        id: info.ownerId,
-                                        type: 'DEFAULT'
-                                    }
-                                }">
+                                <van-cell
+                                    class="creator"
+                                    :to="{
+                                        path: '/creatorDetail',
+                                        query: {
+                                            id: info.ownerId,
+                                            type: 'DEFAULT'
+                                        }
+                                    }"
+                                >
                                     <template #icon>
-                                        <van-image width="32" height="32" class="user-img"
+                                        <van-image
+                                            width="32"
+                                            height="32"
+                                            class="user-img"
                                             :src="info.ownerAvatar || require('@assets/svgs/img_default_photo.svg')"
-                                            fit="cover" radius="100" />
+                                            fit="cover"
+                                            radius="100"
+                                        />
                                     </template>
                                     <template #title>
                                         <div class="text1 van-ellipsis">{{ info.owner }}</div>
@@ -183,16 +223,30 @@
                             <template #title>
                                 <div class="page-title"><img src="@assets/icon-miaoshu.png" alt="" />作品描述</div>
                             </template>
-                            <swiper v-if="boxs.length > 0" :slidesPerView="'auto'" :spaceBetween="20" class="detail-swiper">
+                            <swiper
+                                v-if="boxs.length > 0"
+                                :slidesPerView="'auto'"
+                                :spaceBetween="20"
+                                class="detail-swiper"
+                            >
                                 <swiper-slide v-for="(item, index) in boxs" :key="index">
-                                    <van-image width="100%" height="130" :src="getImg(item, '', 1000)" fit="cover"
-                                        radius="12" @click="preview(index, boxs)" />
+                                    <van-image
+                                        width="100%"
+                                        height="130"
+                                        :src="getImg(item, '', 1000)"
+                                        fit="cover"
+                                        radius="12"
+                                        @click="preview(index, boxs)"
+                                    />
                                 </swiper-slide>
                             </swiper>
                             <div v-if="info.detail" class="page-text page-detail" v-html="info.detail"></div>
                             <p v-if="info.type == 'DOMAIN' && !info.detail">
-                                <van-image :src="require('@assets/metadomain_name_details.jpg')" width="100%"
-                                    class="page-text page-detail">
+                                <van-image
+                                    :src="require('@assets/metadomain_name_details.jpg')"
+                                    width="100%"
+                                    class="page-text page-detail"
+                                >
                                 </van-image>
                             </p>
                         </van-collapse-item>
@@ -218,7 +272,9 @@
                         <van-collapse-item name="4" class="goods-info" v-if="info.type !== 'PICTURE'">
                             <template #title>
                                 <div class="page-title">
-                                    <img src="@assets/qiaoqiaohua-icon-weidakai.png" alt="" /> 悄悄话<span>（灰色表示已使用）</span>
+                                    <img src="@assets/qiaoqiaohua-icon-weidakai.png" alt="" /> 悄悄话<span
+                                        >（灰色表示已使用）</span
+                                    >
                                 </div>
                             </template>
                             <div class="qiaohua" v-if="init2">
@@ -326,8 +382,11 @@
             </div>
         </div> -->
                 <template v-if="windowVertical">
-                    <div class="btn van-safe-area-bottom" ref="btn"
-                        v-if="info.onShelf && info.scheduleSale && !info.salable">
+                    <div
+                        class="btn van-safe-area-bottom"
+                        ref="btn"
+                        v-if="info.onShelf && info.scheduleSale && !info.salable"
+                    >
                         <div class="btn-list">
                             <div class="price-content">
                                 <div class="price">
@@ -357,8 +416,11 @@
                         </div>
                     </div>
 
-                    <div class="btn van-safe-area-bottom" ref="btn"
-                        v-if="canSale && totalSales > 0 && !$store.state.reviewPay">
+                    <div
+                        class="btn van-safe-area-bottom"
+                        ref="btn"
+                        v-if="canSale && totalSales > 0 && !$store.state.reviewPay"
+                    >
                         <div class="btn-list btn-only">
                             <van-button type="primary" @click="showSale" block round>我想要</van-button>
                         </div>
@@ -398,41 +460,74 @@
                                 <!-- <van-button class="no-btn" v-else-if="isSold" block round>已售罄</van-button> -->
                                 <van-button class="no-btn" v-else-if="isSolded" block round>已售罄</van-button>
                                 <van-button class="no-btn" v-else-if="isSold" block round>即将售罄</van-button>
-                                <van-button class="no-btn" v-else-if="limit.limit > 0 && limit.count >= limit.limit" block
-                                    round>
+                                <van-button
+                                    class="no-btn"
+                                    v-else-if="limit.limit > 0 && limit.count >= limit.limit"
+                                    block
+                                    round
+                                >
                                     限购{{ limit.limit }}件
                                 </van-button>
-                                <div class="btn-assignments" v-else-if="isLogin && userInfo.vipPurchase && info.openQuota">
+                                <div
+                                    class="btn-assignments"
+                                    v-else-if="isLogin && userInfo.vipPurchase && info.openQuota"
+                                >
                                     <van-button @click="vipAssignment" class="vip" type="danger" block round>
                                         vip通道
                                     </van-button>
                                 </div>
                                 <template v-else-if="assignment && ((isLogin && userInfo.vipPoint < 1) || !isLogin)">
-                                    <div class="btn-assignments" v-if="isLogin && userInfo.vipPurchase && info.openQuota">
+                                    <div
+                                        class="btn-assignments"
+                                        v-if="isLogin && userInfo.vipPurchase && info.openQuota"
+                                    >
                                         <van-button @click="vipAssignment" class="vip" type="danger" block round>
                                             vip通道
                                         </van-button>
-                                        <van-button style="font-size: 12px" class="no-btn" v-if="!info.openQuota" block
-                                            round>
+                                        <van-button
+                                            style="font-size: 12px"
+                                            class="no-btn"
+                                            v-if="!info.openQuota"
+                                            block
+                                            round
+                                        >
                                             名额为空
                                         </van-button>
-                                        <van-button @click="share" v-else-if="info.totalQuota" type="primary" block
-                                            round>邀请获取
+                                        <van-button
+                                            @click="share"
+                                            v-else-if="info.totalQuota"
+                                            type="primary"
+                                            block
+                                            round
+                                            >邀请获取
                                         </van-button>
                                     </div>
-                                    <van-button style="font-size: 12px" @click="showReason" class="no-btn"
-                                        v-else-if="!info.openQuota" block round>
+                                    <van-button
+                                        style="font-size: 12px"
+                                        @click="showReason"
+                                        class="no-btn"
+                                        v-else-if="!info.openQuota"
+                                        block
+                                        round
+                                    >
                                         活动名额已被抢光
                                     </van-button>
-                                    <van-button style="font-size: 12px" @click="showReason" class="no-btn" v-else-if="noPay"
-                                        block round>
+                                    <van-button
+                                        style="font-size: 12px"
+                                        @click="showReason"
+                                        class="no-btn"
+                                        v-else-if="noPay"
+                                        block
+                                        round
+                                    >
                                         存在未支付无效订单
                                     </van-button>
                                     <van-button class="no-btn" v-else-if="!info.totalQuota" block round>
                                         结算中
                                     </van-button>
 
-                                    <van-button @click="share" v-else type="primary" block round>邀请获取白名单
+                                    <van-button @click="share" v-else type="primary" block round
+                                        >邀请获取白名单
                                     </van-button>
                                 </template>
 
@@ -445,8 +540,13 @@
                                     </van-button>
                                 </template>
 
-                                <van-button v-else-if="assignment && info.totalQuota && userInfo.vipPoint > 0"
-                                    type="primary" block round @click="checkBuy">立即购买
+                                <van-button
+                                    v-else-if="assignment && info.totalQuota && userInfo.vipPoint > 0"
+                                    type="primary"
+                                    block
+                                    round
+                                    @click="checkBuy"
+                                    >立即购买
                                 </van-button>
                                 <van-button v-else type="primary" block round @click="buy">
                                     {{ info.couponPayment ? '立即兑换' : '立即购买' }}
@@ -470,8 +570,10 @@
                         </div>
                     </div>
                     <!-- add_to_cart_btn -->
-                    <div class="btn van-safe-area-bottom"
-                        v-else-if="info.type !== 'PICTURE' || info.minterId !== info.ownerId">
+                    <div
+                        class="btn van-safe-area-bottom"
+                        v-else-if="info.type !== 'PICTURE' || info.minterId !== info.ownerId"
+                    >
                         <!-- <div class="add_to_cart_btn_left">
                             <img :src="require('@assets/icon_gouwuchebtn@3x.png')" alt="" class="add_to_cart_btn_img">
                             <div class="add_to_cart_btn_text">购物车</div>
@@ -489,7 +591,10 @@
                     <div class="stiky-status" v-else-if="info.inPaying">
                         <div class="status-text">支付中</div>
                     </div>
-                    <div class="pay-btn" v-else-if="info.onShelf && ((info.scheduleSale && !info.salable) || info.salable)">
+                    <div
+                        class="pay-btn"
+                        v-else-if="info.onShelf && ((info.scheduleSale && !info.salable) || info.salable)"
+                    >
                         <div class="pay-price">
                             <div>一口价</div>
                             <div class="pri">
@@ -537,15 +642,26 @@
                                     <van-button style="font-size: 12px" class="no-btn" v-if="!info.openQuota" block>
                                         名额为空
                                     </van-button>
-                                    <van-button @click="share" v-else-if="info.totalQuota" type="primary" block>邀请获取
+                                    <van-button @click="share" v-else-if="info.totalQuota" type="primary" block
+                                        >邀请获取
                                     </van-button>
                                 </div>
-                                <van-button style="font-size: 12px" @click="showReason" class="no-btn"
-                                    v-else-if="!info.openQuota" block>
+                                <van-button
+                                    style="font-size: 12px"
+                                    @click="showReason"
+                                    class="no-btn"
+                                    v-else-if="!info.openQuota"
+                                    block
+                                >
                                     活动名额已被抢光
                                 </van-button>
-                                <van-button style="font-size: 12px" @click="showReason" class="no-btn" v-else-if="noPay"
-                                    block>
+                                <van-button
+                                    style="font-size: 12px"
+                                    @click="showReason"
+                                    class="no-btn"
+                                    v-else-if="noPay"
+                                    block
+                                >
                                     存在未支付无效订单
                                 </van-button>
                                 <van-button class="no-btn" v-else-if="!info.totalQuota" block> 结算中 </van-button>
@@ -562,8 +678,12 @@
                                 </van-button>
                             </template>
 
-                            <van-button v-else-if="assignment && info.totalQuota && userInfo.vipPoint > 0" type="primary"
-                                block @click="checkBuy">立即购买
+                            <van-button
+                                v-else-if="assignment && info.totalQuota && userInfo.vipPoint > 0"
+                                type="primary"
+                                block
+                                @click="checkBuy"
+                                >立即购买
                             </van-button>
 
                             <van-button v-else type="primary" block @click="buy">
@@ -968,7 +1088,7 @@ export default {
                             title: '提示',
                             message: '该藏品为特殊藏品，需要使用优惠券才能兑换'
                         })
-                        .then(() => { });
+                        .then(() => {});
                 } else if (!this.usedBuy && this.info.source === 'TRANSFER') {
                     this.$toast('该通道暂且关闭');
                 }
@@ -988,7 +1108,7 @@ export default {
                             title: '提示',
                             message: '未实名或规定时间内绿洲石不满' + this.info.minimumCharge
                         })
-                        .then(() => { });
+                        .then(() => {});
                 } else {
                     this.$router.push({
                         path: '/submit',
@@ -1040,7 +1160,7 @@ export default {
             if (!fromRoute || !fromRoute.name || fromRoute.meta.pageType === 1) {
                 this.$router.replace('/home');
             } else {
-                this.$router.back()
+                this.$router.back();
             }
         }
     },
@@ -1158,8 +1278,7 @@ export default {
             }
 
             font-size: 32px;
-            font-family: OSP-DIN,
-            OSP;
+            font-family: OSP-DIN, OSP;
             font-weight: normal;
             color: #f6f7fa;
             line-height: 24px;
@@ -1450,7 +1569,7 @@ export default {
             padding: 0 10px;
             margin-bottom: 6px;
 
-            span+span {
+            span + span {
                 margin-left: 10px;
             }
 
@@ -1474,13 +1593,13 @@ export default {
                     }
                 }
 
-                span+span {
+                span + span {
                     margin-left: 0px;
                 }
             }
         }
 
-        .text+.text {
+        .text + .text {
             margin-left: 10px;
         }
     }
@@ -2068,16 +2187,16 @@ export default {
         .shopping_cart_number {
             width: 19px;
             height: 14px;
-            background: #FF4F50;
+            background: #ff4f50;
             border-radius: 8px;
             font-size: 10px;
             font-weight: bold;
-            color: #FFFFFF;
+            color: #ffffff;
             line-height: 14px;
             text-align: center;
             position: absolute;
             right: -7px;
-            top: 0
+            top: 0;
         }
     }
 
@@ -2091,7 +2210,7 @@ export default {
     .add_to_cart_btn_text {
         font-size: 10px;
         font-weight: 400;
-        color: #FFFFFF;
+        color: #ffffff;
         line-height: 10px;
     }
 
@@ -2118,16 +2237,16 @@ export default {
         .shopping_cart_number {
             width: 19px;
             height: 14px;
-            background: #FF4F50;
+            background: #ff4f50;
             border-radius: 8px;
             font-size: 10px;
             font-weight: bold;
-            color: #FFFFFF;
+            color: #ffffff;
             line-height: 14px;
             text-align: center;
             position: absolute;
             right: -7px;
-            top: 0
+            top: 0;
         }
     }
 
@@ -2141,14 +2260,14 @@ export default {
     .add_to_cart_btn_text {
         font-size: 10px;
         font-weight: 400;
-        color: #FFFFFF;
+        color: #ffffff;
         line-height: 10px;
     }
 
     .status-texts {
         width: calc(77.5vw);
         height: 38px;
-        background: #00FE1E;
+        background: #00fe1e;
         border-radius: 19px;
         font-size: 16px;
         font-weight: bold;
@@ -2168,16 +2287,16 @@ export default {
         width: calc(38.5vw);
         height: 38px;
         border-radius: 100px 0px 0px 100px;
-        border: 1px solid #00FE1E;
+        border: 1px solid #00fe1e;
         box-sizing: border-box;
-        color: #00FE1E;
+        color: #00fe1e;
         text-align: center;
     }
 
     .add_to_cart_btn_right_buy {
         width: calc(38.5vw);
         height: 38px;
-        background: #00FE1E;
+        background: #00fe1e;
         border-radius: 0px 100px 100px 0px;
         color: #000000;
         text-align: center;
@@ -2234,7 +2353,6 @@ export default {
 
 /deep/.goods-info {
     .van-cell {
-
         // padding: 0 0;
         &::after {
             content: none;
@@ -2405,7 +2523,7 @@ export default {
         color: @text3;
     }
 
-    &+& {
+    & + & {
         border-top: 1px solid #202122;
     }
 }
@@ -2434,7 +2552,7 @@ export default {
         }
     }
 
-    .auction-info+.auction-info {
+    .auction-info + .auction-info {
         margin-top: 8px;
     }
 }
@@ -2481,7 +2599,7 @@ export default {
         }
     }
 
-    .rarity-item+.rarity-item {
+    .rarity-item + .rarity-item {
         margin-left: 12px;
     }
 }

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>
@@ -421,7 +503,7 @@ export default {
                     this.empty = res.empty;
                     if (this.search != '' && res.empty == true) {
                         this.empty = false;
-                        this.domainPrice = false
+                        this.domainPrice = false;
                         this.getDomain();
                     } else {
                         if (this.domainNameType == 'SELL') {
@@ -475,7 +557,7 @@ export default {
                     });
                     this.domainList = res;
                 })
-                .catch(e => { });
+                .catch(e => {});
         },
         onRefresh() {
             this.getList(true).then(() => {
@@ -1037,4 +1119,4 @@ export default {
         }
     }
 }
-</style>
+</style>

src/views/product/QuotationRecord.vue

@@ -3,8 +3,12 @@
         <van-sticky>
             <div class="padding-safe-top">
                 <div class="product_top_one">
-                    <img :src="require('@assets/icon-back@3x.png')" alt="" class="product_top_one_img"
-                        @click="$router.back()">
+                    <img
+                        :src="require('@assets/icon-back@3x.png')"
+                        alt=""
+                        class="product_top_one_img"
+                        @click="$router.back()"
+                    />
                     收到报价
                 </div>
             </div>
@@ -24,9 +28,7 @@
                 </div>
             </div>
         </div>
-        <div class="number_of_quotations">
-            共10条报价
-        </div>
+        <div class="number_of_quotations">共10条报价</div>
         <!-- <van-pull-refresh v-if="quotedPriceList.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"
@@ -34,7 +36,14 @@
         <div class="box-list">
             <div class="box-list_con" v-for="(item, index) in quotedPriceList" :key="index">
                 <div class="box-list_con_left">
-                    <van-image width="40" height="40" class="user-img" :src="item.minterAvatar" fit="cover" radius="100" />
+                    <van-image
+                        width="40"
+                        height="40"
+                        class="user-img"
+                        :src="item.minterAvatar"
+                        fit="cover"
+                        radius="100"
+                    />
                     <div>
                         <div class="box-list_con_left_name">{{ item.name }}</div>
                         <div class="box-list_con_left_time">{{ item.time }}</div>
@@ -43,7 +52,11 @@
                 <div class="box-list_con_right">
                     <div class="box-list_con_right_fu">
                         <div class="box-list_con_right_con">
-                            <img :src="require('@assets/icon_jiage@3x (2).png')" alt="" class="box-list_con_right_img" />
+                            <img
+                                :src="require('@assets/icon_jiage@3x (2).png')"
+                                alt=""
+                                class="box-list_con_right_img"
+                            />
                             <div class="box-list_con_right_con_price">{{ item.price }}</div>
                         </div>
                     </div>
@@ -100,14 +113,13 @@ export default {
             loading: false,
             finished: false,
             page: 0
-        }
-    },
-    computed: {
+        };
     },
+    computed: {},
     mounted() {
         if (this.$route.query.id) {
             this.assetId = this.$route.query.id;
-            this.getDomain()
+            this.getDomain();
         }
     },
     methods: {
@@ -129,7 +141,7 @@ export default {
                         '分';
                 }
                 this.info = res;
-            })
+            });
         },
         getList(isFirst = false) {
             if (isFirst) {
@@ -181,14 +193,14 @@ export default {
 
 <style lang="less" scoped>
 .product {
-    background: #0F0F0F;
+    background: #0f0f0f;
 }
 
 .product_top_one {
     height: 50px;
     font-size: 16px;
     font-weight: bold;
-    color: #FFFFFF;
+    color: #ffffff;
     line-height: 50px;
     text-align: center;
     position: relative;
@@ -209,7 +221,7 @@ export default {
 
     .product_detailed_information_con {
         height: 104px;
-        background: #1C1C1C;
+        background: #1c1c1c;
         border-radius: 8px;
         padding: 12px;
         box-sizing: border-box;
@@ -233,7 +245,7 @@ export default {
                     width: calc(55vw);
                     font-size: 14px;
                     font-weight: bold;
-                    color: #FFFFFF;
+                    color: #ffffff;
                     line-height: 24px;
                     margin-bottom: 2px;
                     overflow: hidden;
@@ -257,7 +269,7 @@ export default {
             .product_detailed_information_con_right_price {
                 font-size: 14px;
                 font-weight: bold;
-                color: #FFFFFF;
+                color: #ffffff;
                 line-height: 24px;
                 margin-left: 2px;
             }
@@ -269,7 +281,7 @@ export default {
     padding-left: 16px;
     font-size: 16px;
     font-weight: bold;
-    color: #FFFFFF;
+    color: #ffffff;
     line-height: 24px;
     margin-bottom: 16px;
 }
@@ -278,7 +290,7 @@ export default {
     padding-bottom: 50px;
     margin-top: 9px;
     z-index: 1;
-    background: #0F0F0F;
+    background: #0f0f0f;
     position: relative;
 }
 
@@ -287,7 +299,7 @@ export default {
 
     .box-list_con {
         height: 68px;
-        background: #1C1C1C;
+        background: #1c1c1c;
         border-radius: 8px;
         padding: 14px 12px 10px;
         box-sizing: border-box;
@@ -305,7 +317,7 @@ export default {
             .box-list_con_left_name {
                 font-size: 14px;
                 font-weight: 400;
-                color: #FFFFFF;
+                color: #ffffff;
                 line-height: 24px;
             }
 
@@ -336,7 +348,7 @@ export default {
                 font-size: 20px;
                 font-family: OSP-DIN, OSP;
                 font-weight: normal;
-                color: #FFFFFF;
+                color: #ffffff;
                 line-height: 14px;
             }
         }
@@ -353,7 +365,7 @@ export default {
             margin-top: 8px;
             width: 38px;
             height: 22px;
-            background: #00FE1E;
+            background: #00fe1e;
             border-radius: 4px;
             font-size: 12px;
             font-weight: bold;
@@ -362,4 +374,5 @@ export default {
             text-align: center;
         }
     }
-}</style>
+}
+</style>

src/views/user/ShoppingCart.vue

@@ -3,70 +3,113 @@
         <van-sticky>
             <div class="padding-safe-top">
                 <div class="shopping_cart_top_one">
-                    <img :src="require('@assets/icon-back@3x.png')" alt="" class="shopping_cart_top_one_img"
-                        @click="$router.back()">
+                    <img
+                        :src="require('@assets/icon-back@3x.png')"
+                        alt=""
+                        class="shopping_cart_top_one_img"
+                        @click="$router.back()"
+                    />
                     购物车
                     <div class="shopping_cart_top_one_btn" v-if="!showDelete" @click="showDelete = true">管理</div>
                     <div class="shopping_cart_top_one_btns" v-else @click="accomplish">完成</div>
                 </div>
                 <div class="shopping_cart_top_two">
-                    <div class="shopping_cart_top_two_con" :class="{ active: active === 'ALL' }"
-                        @click="changeActive('ALL')">
+                    <div
+                        class="shopping_cart_top_two_con"
+                        :class="{ active: active === 'ALL' }"
+                        @click="changeActive('ALL')"
+                    >
                         全部(10)
                         <div class="shopping_cart_top_two_con_one" v-if="active == 'ALL'"></div>
                     </div>
-                    <div class="shopping_cart_top_two_con" :class="{ active: active === 'SELLOUT' }"
-                        @click="changeActive('SELLOUT')">
+                    <div
+                        class="shopping_cart_top_two_con"
+                        :class="{ active: active === 'SELLOUT' }"
+                        @click="changeActive('SELLOUT')"
+                    >
                         售罄(2)
                         <div class="shopping_cart_top_two_con_two" v-if="active == 'SELLOUT'"></div>
                     </div>
                     <div class="shopping_cart_top_two_con" @click="cartExplain">
-                        <img :src="require('@assets/icon-shuoming@3x.png')" alt="" class="shopping_cart_top_two_con_img">
+                        <img
+                            :src="require('@assets/icon-shuoming@3x.png')"
+                            alt=""
+                            class="shopping_cart_top_two_con_img"
+                        />
                         <div>说明</div>
                     </div>
                 </div>
             </div>
         </van-sticky>
-        <van-pull-refresh 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
+            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"
+            >
                 <div class="box-list_con" v-for="(item, index) in collectionList" :key="index" @click="settle(index)">
-                    <img :src="item.check ? select : unchecked" alt="" class="box-list_con_check">
+                    <img :src="item.check ? select : unchecked" alt="" class="box-list_con_check" />
                     <van-image width="80" height="80" :src="item.img" fit="contain" radius="8" />
                     <div v-if="item.type == 'DOMAIN'" class="box-list_con_right">
                         <div class="box-list_con_right_top">
-                            <img :src="require('@assets/png-da-zi@3x.png')" alt="" class="box-list_con_right_top_img">
+                            <img :src="require('@assets/png-da-zi@3x.png')" alt="" class="box-list_con_right_top_img" />
                             <div class="box-list_con_right_top_title">
-                                <div class="box-list_con_right_top_title_name"
-                                    :class="active == 'SELLOUT' ? 'box-list_con_right_top_title_names' : ''">{{ item.name }}
+                                <div
+                                    class="box-list_con_right_top_title_name"
+                                    :class="active == 'SELLOUT' ? 'box-list_con_right_top_title_names' : ''"
+                                >
+                                    {{ item.name }}
                                 </div>
                                 <div class="box-list_con_right_top_title_time">剩余时长&nbsp;{{ item.endTime }}</div>
                             </div>
                         </div>
                         <div class="box-list_con_right_bottom" v-if="active == 'ALL'">
-                            <img :src="require('@assets/icon_jiage@3x (4).png')" alt=""
-                                class="box-list_con_right_bottom_price_img">
+                            <img
+                                :src="require('@assets/icon_jiage@3x (4).png')"
+                                alt=""
+                                class="box-list_con_right_bottom_price_img"
+                            />
                             <div class="box-list_con_right_bottom_price">{{ item.price }}</div>
                         </div>
                         <div class="box-list_con_right_bottom_noBuy" v-else>藏品已售罄不能购买</div>
                     </div>
                     <div v-else class="box-list_con_right_two">
-                        <div class="box-list_con_right_two_name"
-                            :class="active == 'SELLOUT' ? 'box-list_con_right_two_names' : ''">{{ item.name }}</div>
+                        <div
+                            class="box-list_con_right_two_name"
+                            :class="active == 'SELLOUT' ? 'box-list_con_right_two_names' : ''"
+                        >
+                            {{ item.name }}
+                        </div>
                         <div class="box-list_con_right_two_information">
                             <van-image width="14" height="14" :src="item.myImg" fit="cover" radius="100" />
                             <div class="box-list_con_right_two_information_name">{{ item.myName }}</div>
                         </div>
                         <div class="box-list_con_right_bottom" v-if="active == 'ALL'">
-                            <img :src="require('@assets/icon_jiage@3x (4).png')" alt=""
-                                class="box-list_con_right_bottom_price_img">
+                            <img
+                                :src="require('@assets/icon_jiage@3x (4).png')"
+                                alt=""
+                                class="box-list_con_right_bottom_price_img"
+                            />
                             <div class="box-list_con_right_bottom_price">{{ item.price }}</div>
                         </div>
                         <div class="box-list_con_right_bottom_noBuy" v-else>藏品已售罄不能购买</div>
                     </div>
                 </div>
-                <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="box-list">
@@ -74,13 +117,17 @@
         </div> -->
         <div class="shopping_cart_btn van-safe-area-bottom" v-if="active == 'ALL' && showDelete == false">
             <div class="shopping_cart_btn_left" @click="checkAll">
-                <img :src="checkAllStatus ? select : unchecked" alt="" class="shopping_cart_btn_left_img">
+                <img :src="checkAllStatus ? select : unchecked" alt="" class="shopping_cart_btn_left_img" />
                 <div>全选</div>
             </div>
             <div class="shopping_cart_btn_right">
                 <div class="shopping_cart_btn_right_one">合计</div>
                 <div class="shopping_cart_btn_right_two">
-                    <img :src="require('@assets/icon_jiage@3x (3).png')" alt="" class="shopping_cart_btn_right_two_img">
+                    <img
+                        :src="require('@assets/icon_jiage@3x (3).png')"
+                        alt=""
+                        class="shopping_cart_btn_right_two_img"
+                    />
                     <div>{{ price }}</div>
                 </div>
                 <div class="shopping_cart_btn_right_three" @click="settleAccounts">
@@ -90,7 +137,7 @@
         </div>
         <div class="shopping_cart_btn van-safe-area-bottom" v-else-if="showDelete == true">
             <div class="shopping_cart_btn_left" @click="checkAll">
-                <img :src="checkAllStatus ? select : unchecked" alt="" class="shopping_cart_btn_left_img">
+                <img :src="checkAllStatus ? select : unchecked" alt="" class="shopping_cart_btn_left_img" />
                 <div>全选</div>
             </div>
             <div class="shopping_cart_btn_right">
@@ -136,67 +183,66 @@ export default {
             totalSettlement: 0,
             page: 0,
             showDelete: false
-        }
+        };
     },
     mounted() {
         // this.getList()
     },
     methods: {
         changeActive(title) {
-            this.active = title
-            this.showDelete = false
-            this.checkAllStatus = false
-            this.price = 0
-            this.totalSettlement = 0
-            this.getList(true)
+            this.active = title;
+            this.showDelete = false;
+            this.checkAllStatus = false;
+            this.price = 0;
+            this.totalSettlement = 0;
+            this.getList(true);
         },
         accomplish() {
-            this.showDelete = false
+            this.showDelete = false;
             if (this.active == 'SELLOUT') {
-                this.checkAllStatus = false
-                this.totalSettlement = 0
-                this.getList(true)
+                this.checkAllStatus = false;
+                this.totalSettlement = 0;
+                this.getList(true);
             }
         },
-        cartExplain() {
-        },
+        cartExplain() {},
         checkAll() {
-            this.checkAllStatus = !this.checkAllStatus
+            this.checkAllStatus = !this.checkAllStatus;
             if (this.checkAllStatus) {
-                this.price = 0
-                this.totalSettlement = this.collectionList.length
+                this.price = 0;
+                this.totalSettlement = this.collectionList.length;
                 this.collectionList.forEach(item => {
-                    item.check = true
-                    this.price += Number(item.price)
-                })
-                this.price = this.price.toFixed(1)
+                    item.check = true;
+                    this.price += Number(item.price);
+                });
+                this.price = this.price.toFixed(1);
             } else {
-                this.price = 0
-                this.totalSettlement = 0
+                this.price = 0;
+                this.totalSettlement = 0;
                 this.collectionList.forEach(item => {
-                    item.check = false
-                })
+                    item.check = false;
+                });
             }
         },
         settle(index) {
             if (this.active == 'SELLOUT' && !this.showDelete) {
-                return
+                return;
             }
-            this.collectionList[index].check = !this.collectionList[index].check
-            let newCollectionList = this.collectionList.filter(item => item.check == true)
+            this.collectionList[index].check = !this.collectionList[index].check;
+            let newCollectionList = this.collectionList.filter(item => item.check == true);
             if (this.collectionList.length == newCollectionList.length) {
-                this.checkAllStatus = true
+                this.checkAllStatus = true;
             } else {
-                this.checkAllStatus = false
+                this.checkAllStatus = false;
             }
             this.$nextTick(() => {
-                this.totalSettlement = newCollectionList.length
-                this.price = 0
-                console.log("dcghcfgfc", newCollectionList)
+                this.totalSettlement = newCollectionList.length;
+                this.price = 0;
+                console.log('dcghcfgfc', newCollectionList);
                 newCollectionList.forEach(item => {
-                    this.price += Number(item.price)
-                })
-                this.price = this.price.toFixed(1)
+                    this.price += Number(item.price);
+                });
+                this.price = this.price.toFixed(1);
                 // for (let i = 0; i <= newCollectionList.length; i++) {
                 //     this.price += Number(newCollectionList[i].price)
                 // }
@@ -204,9 +250,9 @@ export default {
         },
         settleAccounts() {
             if (this.totalSettlement == 0) {
-                return
+                return;
             } else {
-                this.$router.push('/shoppingCartSubmit')
+                this.$router.push('/shoppingCartSubmit');
                 // Dialog.confirm({
                 //     title: '有藏品已售罄,无法购买！',
                 //     confirmButtonText: '一键删除',
@@ -220,7 +266,7 @@ export default {
         },
         del() {
             if (this.totalSettlement == 0) {
-                return
+                return;
             } else {
                 Dialog.confirm({
                     title: '确认将这' + this.totalSettlement + '个藏品删除？',
@@ -228,9 +274,9 @@ export default {
                     cancelButtonText: '再想想',
                     confirmButtonColor: '#FF4F50',
                     cancelButtonColor: '#626366'
-                }).then(() => {
-
-                }).catch(() => { })
+                })
+                    .then(() => {})
+                    .catch(() => {});
             }
         },
         pad(n, width, z) {
@@ -269,17 +315,17 @@ export default {
                         this.page = 0;
                     }
                     if (this.checkAllStatus) {
-                        let newPrice = Number(this.price)
+                        let newPrice = Number(this.price);
                         res.content.forEach(item => {
-                            item.check = true
-                            newPrice += Number(item.price)
-                        })
-                        this.totalSettlement = this.totalSettlement + res.content.length
-                        this.price = newPrice.toFixed(1)
+                            item.check = true;
+                            newPrice += Number(item.price);
+                        });
+                        this.totalSettlement = this.totalSettlement + res.content.length;
+                        this.price = newPrice.toFixed(1);
                     } else {
                         res.content.forEach(item => {
-                            item.check = false
-                        })
+                            item.check = false;
+                        });
                     }
                     this.collectionList = [...this.collectionList, ...res.content];
                     this.empty = res.empty;
@@ -293,13 +339,13 @@ export default {
         onRefresh() {
             this.getList(true).then(() => {
                 this.isLoading = false;
-                this.price = 0
-                this.totalSettlement = 0
-                this.checkAllStatus = false
+                this.price = 0;
+                this.totalSettlement = 0;
+                this.checkAllStatus = false;
             });
         }
     }
-}
+};
 </script>
 <style lang="less" scoped>
 /deep/ .van-dialog__header {
@@ -314,7 +360,7 @@ export default {
         position: relative;
         font-size: 16px;
         font-weight: bold;
-        color: #FFFFFF;
+        color: #ffffff;
         line-height: 50px;
         text-align: center;
         background: #161414;
@@ -330,7 +376,7 @@ export default {
         .shopping_cart_top_one_btn {
             font-size: 14px;
             font-weight: 400;
-            color: #FFFFFF;
+            color: #ffffff;
             line-height: 24px;
             position: absolute;
             top: 13px;
@@ -340,7 +386,7 @@ export default {
         .shopping_cart_top_one_btns {
             font-size: 14px;
             font-weight: 400;
-            color: #00FE1E;
+            color: #00fe1e;
             line-height: 24px;
             position: absolute;
             top: 13px;
@@ -368,7 +414,7 @@ export default {
         .shopping_cart_top_two_con_one {
             width: 28px;
             height: 2px;
-            background: #00FE1E;
+            background: #00fe1e;
             border-radius: 2px;
             position: absolute;
             left: 12px;
@@ -378,7 +424,7 @@ export default {
         .shopping_cart_top_two_con_two {
             width: 28px;
             height: 2px;
-            background: #00FE1E;
+            background: #00fe1e;
             border-radius: 2px;
             position: absolute;
             left: 9px;
@@ -393,7 +439,7 @@ export default {
 
         .active {
             font-weight: 500;
-            color: #00FE1E;
+            color: #00fe1e;
         }
     }
 
@@ -445,7 +491,7 @@ export default {
                         width: calc(47vw);
                         font-size: 14px;
                         font-weight: bold;
-                        color: #FFFFFF;
+                        color: #ffffff;
                         line-height: 24px;
                         margin-bottom: 2px;
                         overflow: hidden;
@@ -460,7 +506,7 @@ export default {
                     .box-list_con_right_top_title_time {
                         max-width: 114px;
                         height: 17px;
-                        background: #1E1E1E;
+                        background: #1e1e1e;
                         border-radius: 2px;
                         text-align: center;
                         font-size: 10px;
@@ -478,7 +524,7 @@ export default {
                     width: calc(52vw);
                     font-size: 14px;
                     font-weight: bold;
-                    color: #FFFFFF;
+                    color: #ffffff;
                     line-height: 24px;
                     margin-bottom: 4px;
                     overflow: hidden;
@@ -519,7 +565,7 @@ export default {
                     font-size: 20px;
                     font-family: OSP-DIN, OSP;
                     font-weight: normal;
-                    color: #00FE1E;
+                    color: #00fe1e;
                     line-height: 14px;
                 }
             }
@@ -566,7 +612,7 @@ export default {
             .shopping_cart_btn_right_one {
                 font-size: 14px;
                 font-weight: bold;
-                color: #FFFFFF;
+                color: #ffffff;
                 margin-right: 5px;
             }
 
@@ -574,7 +620,7 @@ export default {
                 font-size: 32px;
                 font-family: OSP-DIN, OSP;
                 font-weight: normal;
-                color: #00FE1E;
+                color: #00fe1e;
                 display: flex;
                 margin-right: 11px;
 
@@ -588,11 +634,11 @@ export default {
             .shopping_cart_btn_right_three {
                 width: 120px;
                 height: 38px;
-                background: #00FE1E;
+                background: #00fe1e;
                 border-radius: 22px;
                 font-size: 16px;
                 font-weight: bold;
-                color: #0B0B0B;
+                color: #0b0b0b;
                 line-height: 38px;
                 text-align: center;
 
@@ -604,4 +650,4 @@ export default {
         }
     }
 }
-</style>
+</style>

src/views/user/ShoppingCartSubmit.vue

@@ -8,7 +8,8 @@
                     <van-image width="80" height="80" :radius="8" :src="item.img" fit="cover" />
                     <div class="collection_information_right">
                         <div class="collection_information_right_name">{{ item.name }}</div>
-                        <div class="collection_information_right_no" v-if="item.type == 'DOMAIN'">剩余时长：{{ item.endTime }}
+                        <div class="collection_information_right_no" v-if="item.type == 'DOMAIN'">
+                            剩余时长：{{ item.endTime }}
                         </div>
                         <div class="collection_information_right_no" v-else>{{ item.number }}</div>
                         <div class="collection_information_right_price_one">¥{{ item.price }}</div>
@@ -28,7 +29,7 @@
         <div class="page_btn van-safe-area-bottom">
             <div class="page_btn_left">
                 <div class="page_btn_left_amount">总计</div>
-                <img :src="require('@assets/icon_jiagecat@3x.png')" alt="" class="page_btn_left_img">
+                <img :src="require('@assets/icon_jiagecat@3x.png')" alt="" class="page_btn_left_img" />
                 <div class="page_btn_left_price">2000</div>
             </div>
             <div class="page_btn_right" @click="submit">
@@ -37,11 +38,22 @@
             </div>
         </div>
         <van-number-keyboard v-model="tradeCode" :show="showKeyboard" @blur="showKeyboard = false" />
-        <van-dialog v-model:show="showPwdDialog" title="请输入支付密码" confirmButtonText="立即支付" show-cancel-button
-            confirmButtonColor="#3ab200" @cancel="((showPwdDialog = false), (payName = '1')), $toast.clear()"
-            @confirm="pay">
+        <van-dialog
+            v-model:show="showPwdDialog"
+            title="请输入支付密码"
+            confirmButtonText="立即支付"
+            show-cancel-button
+            confirmButtonColor="#3ab200"
+            @cancel="((showPwdDialog = false), (payName = '1')), $toast.clear()"
+            @confirm="pay"
+        >
             <div style="padding: 20px 0">
-                <van-password-input :value="tradeCode" :focused="showKeyboard" @focus="showKeyboard = true" gutter="4px" />
+                <van-password-input
+                    :value="tradeCode"
+                    :focused="showKeyboard"
+                    @focus="showKeyboard = true"
+                    gutter="4px"
+                />
             </div>
         </van-dialog>
     </div>
@@ -80,9 +92,9 @@ export default {
                     endTime: '188天7时13分',
                     price: 199,
                     number: 7
-                },
-            ],
-        }
+                }
+            ]
+        };
     },
     methods: {
         getOrder(next = false) {
@@ -200,7 +212,8 @@ export default {
                         if (this.payType != 'BALANCE') {
                             this.pay();
                         }
-                    }).catch(e => {
+                    })
+                    .catch(e => {
                         if (e) {
                             this.showPwdDialog = false;
                             this.$toast.clear();
@@ -293,7 +306,7 @@ export default {
             }
         }
     }
-}
+};
 </script>
 <style lang="less" scoped>
 .page {
@@ -303,7 +316,7 @@ export default {
     .page_top_con {
         padding: 10px 16px 13px;
         box-sizing: border-box;
-        background: #FFFFFF;
+        background: #ffffff;
         margin-bottom: 9px;
 
         .pageTitle {
@@ -350,7 +363,7 @@ export default {
             height: 49px;
             display: flex;
             align-items: center;
-            border-top: 1px solid #F5F7FA;
+            border-top: 1px solid #f5f7fa;
             justify-content: space-between;
 
             .collection_price_left {
@@ -362,7 +375,7 @@ export default {
             .collection_price_right {
                 font-size: 14px;
                 font-weight: 500;
-                color: #3AB200;
+                color: #3ab200;
             }
         }
     }
@@ -387,7 +400,7 @@ export default {
     align-items: center;
     padding: 0px 16px;
     box-sizing: border-box;
-    background: #FFFFFF;
+    background: #ffffff;
 
     .page_btn_left {
         display: flex;
@@ -411,7 +424,7 @@ export default {
             font-size: 32px;
             font-family: OSP-DIN, OSP;
             font-weight: normal;
-            color: #3AB200;
+            color: #3ab200;
             line-height: 24px;
         }
     }
@@ -419,23 +432,23 @@ export default {
     .page_btn_right {
         width: 132px;
         height: 38px;
-        background: #3AB200;
+        background: #3ab200;
         border-radius: 22px;
         text-align: center;
 
         .page_btn_right_one {
             font-size: 16px;
             font-weight: bold;
-            color: #FFFFFF;
+            color: #ffffff;
             line-height: 24px;
         }
 
         .page_btn_right_two {
             font-size: 10px;
             font-weight: 400;
-            color: #FFFFFF;
+            color: #ffffff;
             line-height: 10px;
         }
     }
 }
-</style>
+</style>