审核中

src/components/order/DomainInfo.vue

@@ -2,7 +2,8 @@
     <div class="orderInfo" @click="pay(info.orderStatus)">
         <div class="order-top">
             <span>{{ info.domainName }}</span>
-            <span class="status">{{ getLabelName(info.orderStatus, statusDomain) }}</span>
+            <span v-if="info.status != 'PENDING'" class="status">{{ getLabelName(info.orderStatus, statusDomain) }}</span>
+            <span v-else 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/components/product/ProductTitle.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="product-title" :class="{ isSmall }">
-        <span><slot></slot></span>
+        <slot></slot>
         <img class="img1" src="@assets/png-biaokuag-01.png" alt="" />
         <img class="img2" src="@assets/png-biaokuag-02.png" alt="" />
     </div>

src/mixins/order.js

@@ -25,8 +25,8 @@ export default {
                     value: 'NOT_PAID'
                 },
                 {
-                    label: '交易中',
-                    value: 'PROCESSING'
+                    label: '审核中',
+                    value: 'PENDING'
                 },
                 {
                     label: '已完成',

src/views/Store.vue

@@ -444,7 +444,9 @@ export default {
             if (this.active === 'explore') {
                 if (this.type === 'paimai') {
                     return 'AUCTIONING';
-                } else {
+                } else if(this.type === 'metadomainName') {
+                    return 'NORMAL,TRADING,GIFTING,MINTING,AUCTIONING,PENDING';
+                }else{
                     return 'NORMAL,TRADING,GIFTING,MINTING,AUCTIONING';
                 }
             } else if (this.active === 'creator') {

src/views/asset/Detail.vue

@@ -1,49 +1,39 @@
 /* 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="" /> 
                     <img src="@assets/svgs/png-biaotikuang-03.svg" alt="" /> 
                     <img src="@assets/svgs/png-biaotikuang-04.svg" alt="" /> 
-                    </div> -->
-                <product-title :isSmall="info.name && info.name.length > 16">{{ info.name }} </product-title>
+                                                        </div> -->
+                <product-title :isSmall="info.name && info.name.length > 16">
+                    <div>
+                        <div>{{ info.name }} </div>
+                        <div v-if="info.type == 'DOMAIN' && info.status != 'PENDING'" class="remaining_time">剩余时长&nbsp;{{ info.endTime }}</div>
+                    </div>
+                </product-title>
             </div>
             <div class="types" v-if="info.type === 'PICTURE'">
                 <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>
@@ -93,7 +83,7 @@
             </div>
             <!-- <div class="title"> {{ info.name }} </div> -->
             <div class="info-bottom">
-                <!-- <van-button
+            <!-- <van-button
           type="primary"
           plain
           size="mini"
@@ -101,39 +91,28 @@
         >
         <like-button :isLike="info.liked" @click="likeProduct"> 
           {{ info.likes }}
-            </like-button> -->
+                                                </like-button> -->
             </div>
         </div>
 
         <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>
@@ -142,14 +121,9 @@
                         </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>
@@ -165,11 +139,8 @@
                     </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>
@@ -266,21 +237,19 @@
                 </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'
-                "
-            >
+                                                    </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'
+            ">
                 <van-button @click="delCollection" block round color="#1C1C1C">
                     <div class="del-icon">
                         <img src="@assets/icon-del.png" alt="" />
@@ -290,11 +259,11 @@
             </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>
-            </div> -->
+                                                </div> -->
         <div class="btn van-safe-area-bottom" ref="btn" v-if="info.status === 'NORMAL' && !isLock">
             <template v-if="info.type === 'PICTURE'">
                 <div class="btn2" v-if="startTime && !$store.state.reviewPay">
@@ -309,14 +278,11 @@
                         <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">
@@ -326,10 +292,10 @@
                 </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> -->
+                                                        </div> -->
                 <van-button v-if="!$store.state.reviewPay" class="btn1" type="primary" block round @click="Exhibition">
                     {{ info.publicShow ? '取消展示' : '公开展示' }}
                 </van-button>
@@ -342,9 +308,16 @@
                     流转操作
                     <!-- {{ 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> -->
+                                                        </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>
             </div>
         </div>
         <div class="btn van-safe-area-bottom" ref="btn" v-else-if="isLock">
@@ -356,11 +329,8 @@
                 </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">
@@ -413,12 +383,9 @@
                         <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>
@@ -438,14 +405,8 @@
                 <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>
         <!-- 悄悄话 -->
@@ -453,19 +414,13 @@
             <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>
@@ -478,12 +433,7 @@
         <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>
@@ -869,6 +819,17 @@ export default {
                     this.emitter.emit('refreash');
                 }
                 // res.source = 'GIFT';
+                if (res.endTime) {
+                    res.endTime = this.dayjs(res.endTime).diff(this.dayjs(), 'second');
+                    res.endTime =
+                        Math.floor(res.endTime / 24 / 3600) +
+                        '天' +
+                        this.pad(parseInt(res.endTime / 3600) % 24, 2) +
+                        '时' +
+                        this.pad(parseInt(res.endTime / 60) % 60, 2) +
+                        '分';
+                }
+                console.log("dfjsdhasdfg", res)
                 this.info = res;
                 //锁单
                 this.$nextTick(() => {
@@ -1693,6 +1654,7 @@ export default {
 }
 
 .goods {
+
     // padding: 20px 16px;
     .top1 {
         display: flex;
@@ -1956,7 +1918,7 @@ export default {
             }
         }
 
-        .btns2-item + .btns2-item {
+        .btns2-item+.btns2-item {
             &::after {
                 content: '';
                 width: 1px;
@@ -2271,6 +2233,7 @@ export default {
 
 /deep/.goods-info {
     .van-cell {
+
         // padding: 0 0;
         &::after {
             content: none;
@@ -2348,7 +2311,7 @@ export default {
         color: @text3;
     }
 
-    & + & {
+    &+& {
         border-top: 1px solid #202122;
     }
 }
@@ -2388,7 +2351,7 @@ export default {
         padding: 20px 48px;
         .bottom(20px);
 
-        .van-button + .van-button {
+        .van-button+.van-button {
             margin-top: 20px;
         }
     }
@@ -2600,4 +2563,9 @@ export default {
         padding-right: 16px;
     }
 }
+.remaining_time{
+    font-size: 12px;
+    color: #939599;
+    line-height: 24px;
+}
 </style>

src/views/order/Orders.vue

@@ -1,13 +1,6 @@
 <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">
@@ -23,116 +16,45 @@
                 <!-- <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="list.length == 0"
-                description="你还没有订单哦~"
-                :image="require('@assets/kong_png_wudingdan.png')"
-            />
+            <van-empty v-if="empty" description="你还没有订单哦~" :image="require('@assets/kong_png_wudingdan.png')" />
         </van-list>
     </van-pull-refresh>
 </template>
@@ -179,10 +101,10 @@ export default {
                     status: 'FINISH,NOT_PAID',
                     name: '全部'
                 },
-                // {
-                //     status: 'NOT_PAID',
-                //     name: '审核中'
-                // },
+                {
+                    status: 'PENDING',
+                    name: '审核中'
+                },
                 {
                     status: 'NOT_PAID',
                     name: '待支付'
@@ -244,12 +166,30 @@ export default {
     methods: {
         beforeData() {
             if (this.type == 'METANAME') {
-                return {
-                    query: {
-                        userId: this.$store.state.userInfo.id,
-                        orderStatus: this.status
+                if (this.status == 'PENDING') {
+                    return {
+                        query: {
+                            userId: this.$store.state.userInfo.id,
+                            orderStatus: 'FINISH',
+                            status: 'PENDING'
+                        }
                     }
-                };
+                } else if (this.status == 'FINISH') {
+                    return {
+                        query: {
+                            userId: this.$store.state.userInfo.id,
+                            orderStatus: this.status,
+                            status: 'SUCCESS'
+                        }
+                    }
+                } else {
+                    return {
+                        query: {
+                            userId: this.$store.state.userInfo.id,
+                            orderStatus: this.status
+                        }
+                    }
+                }
             } else if (this.type == 'BLI') {
                 return {
                     query: {
@@ -321,14 +261,17 @@ export default {
     padding: 10px 16px;
     background-color: @bg;
     align-items: center;
+
     .top_img {
         width: 24px;
         height: 24px;
     }
+
     .top-btn {
         overflow-x: auto;
         flex-grow: 1;
         .flex();
+
         .btn {
             font-size: 16px;
             font-family: PingFangSC-Regular, PingFang SC;
@@ -338,6 +281,7 @@ export default {
             display: inline-block;
             vertical-align: text-bottom;
             flex-shrink: 0;
+
             &.active {
                 color: #000000;
                 font-weight: bold;
@@ -345,7 +289,7 @@ export default {
             }
         }
 
-        .btn + .btn {
+        .btn+.btn {
             margin-left: 30px;
         }
     }
@@ -364,15 +308,19 @@ export default {
 /deep/.van-tabs__nav--line.van-tabs__nav--complete {
     border-color: @tabBorder;
 }
+
 .grid-img {
     display: block;
 }
+
 .van-grid {
     margin-top: 12px;
 }
+
 /deep/ .van-grid-item__content {
     padding: 14px 20px 16px;
 }
+
 /deep/ .van-grid-item__text {
     color: #fff;
     font-size: 13px;
@@ -396,6 +344,7 @@ export default {
 .discover {
     padding-bottom: 50px;
 }
+
 .van-tabs {
     background-color: @bg;
 }