开箱详情

project.config.json

@@ -1,217 +1,223 @@
 {
-  "description": "项目配置文件",
-  "packOptions": {
-    "ignore": []
-  },
-  "setting": {
-    "urlCheck": false,
-    "es6": true,
-    "enhance": false,
-    "postcss": true,
-    "preloadBackgroundData": false,
-    "minified": true,
-    "newFeature": true,
-    "coverView": true,
-    "nodeModules": false,
-    "autoAudits": false,
-    "showShadowRootInWxmlPanel": true,
-    "scopeDataCheck": false,
-    "uglifyFileName": false,
-    "checkInvalidKey": true,
-    "checkSiteMap": true,
-    "uploadWithSourceMap": true,
-    "compileHotReLoad": false,
-    "useMultiFrameRuntime": true,
-    "useApiHook": true,
-    "useApiHostProcess": true,
-    "babelSetting": {
-      "ignore": [],
-      "disablePlugins": [],
-      "outputPath": ""
+    "description": "项目配置文件",
+    "packOptions": {
+        "ignore": []
     },
-    "enableEngineNative": false,
-    "bundle": false,
-    "useIsolateContext": true,
-    "useCompilerModule": true,
-    "userConfirmedUseCompilerModuleSwitch": false,
-    "userConfirmedBundleSwitch": false,
-    "packNpmManually": false,
-    "packNpmRelationList": [],
-    "minifyWXSS": true
-  },
-  "compileType": "miniprogram",
-  "libVersion": "2.17.0",
-  "appid": "wxf3120271892d4f18",
-  "projectname": "%E5%8D%A1%E7%89%8C%E5%B0%8F%E7%A8%8B%E5%BA%8F",
-  "cloudfunctionTemplateRoot": "",
-  "watchOptions": {
-    "ignore": []
-  },
-  "debugOptions": {
-    "hidedInDevtools": []
-  },
-  "scripts": {},
-  "simulatorType": "wechat",
-  "simulatorPluginLibVersion": {},
-  "miniprogramRoot": "dist-wechat/",
-  "condition": {
-    "search": {
-      "list": []
+    "setting": {
+        "urlCheck": false,
+        "es6": true,
+        "enhance": false,
+        "postcss": true,
+        "preloadBackgroundData": false,
+        "minified": true,
+        "newFeature": true,
+        "coverView": true,
+        "nodeModules": false,
+        "autoAudits": false,
+        "showShadowRootInWxmlPanel": true,
+        "scopeDataCheck": false,
+        "uglifyFileName": false,
+        "checkInvalidKey": true,
+        "checkSiteMap": true,
+        "uploadWithSourceMap": true,
+        "compileHotReLoad": false,
+        "useMultiFrameRuntime": true,
+        "useApiHook": true,
+        "useApiHostProcess": true,
+        "babelSetting": {
+            "ignore": [],
+            "disablePlugins": [],
+            "outputPath": ""
+        },
+        "enableEngineNative": false,
+        "bundle": false,
+        "useIsolateContext": true,
+        "useCompilerModule": true,
+        "userConfirmedUseCompilerModuleSwitch": false,
+        "userConfirmedBundleSwitch": false,
+        "packNpmManually": false,
+        "packNpmRelationList": [],
+        "minifyWXSS": true
     },
-    "conversation": {
-      "list": []
+    "compileType": "miniprogram",
+    "libVersion": "2.17.0",
+    "appid": "wxf3120271892d4f18",
+    "projectname": "%E5%8D%A1%E7%89%8C%E5%B0%8F%E7%A8%8B%E5%BA%8F",
+    "cloudfunctionTemplateRoot": "",
+    "watchOptions": {
+        "ignore": []
     },
-    "plugin": {
-      "list": []
+    "debugOptions": {
+        "hidedInDevtools": []
     },
-    "game": {
-      "list": []
-    },
-    "gamePlugin": {
-      "list": []
-    },
-    "miniprogram": {
-      "list": [
-        {
-          "id": -1,
-          "name": "消息",
-          "pathName": "/pages/news",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "聊天页面",
-          "pathName": "/pages/chat",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "我的",
-          "pathName": "/pages/mine",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "我的收藏",
-          "pathName": "/pages/mineFollow",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "个人设置",
-          "pathName": "/pages/setting",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "我的钱包",
-          "pathName": "/pages/wallet",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "授权登陆",
-          "pathName": "/pages/authorized",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "常见问题",
-          "pathName": "/pages/questions",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "选择地址",
-          "pathName": "/pages/chooseAddress",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "订单详情",
-          "pathName": "/pages/orderdetails",
-          "query": "id=779"
-        },
-        {
-          "id": -1,
-          "name": "新增地址",
-          "pathName": "/pages/receiving",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "首页",
-          "pathName": "/pages/Home",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "拼箱详情",
-          "pathName": "/pages/details",
-          "query": "id=2353"
-        },
-        {
-          "id": -1,
-          "name": "收货地址",
-          "pathName": "/pages/address",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "确认订单",
-          "pathName": "/pages/confirmorder",
-          "query": "caseId=2248&boxIds=2251%2C2257%2C2275%2C2281",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "我买到的",
-          "pathName": "/pages/allorder",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "店铺申请",
-          "pathName": "/pages/store/apply",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "认证审核进度",
-          "pathName": "/pages/store/review",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "店铺首页",
-          "pathName": "/pages/store/homePage",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "新增商品",
-          "pathName": "/pages/store/productEdit",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "申请退款",
-          "pathName": "/pages/Apply",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "退款详情",
-          "pathName": "/pages/Applydetails",
-          "scene": null
-        },
-        {
-          "id": -1,
-          "name": "我卖出的",
-          "pathName": "/pages/allsellout",
-          "scene": null
+    "scripts": {},
+    "simulatorType": "wechat",
+    "simulatorPluginLibVersion": {},
+    "miniprogramRoot": "dist-wechat/",
+    "condition": {
+        "search": {
+            "list": []
+        },
+        "conversation": {
+            "list": []
+        },
+        "plugin": {
+            "list": []
+        },
+        "game": {
+            "list": []
+        },
+        "gamePlugin": {
+            "list": []
+        },
+        "miniprogram": {
+            "list": [
+                {
+                    "id": -1,
+                    "name": "消息",
+                    "pathName": "/pages/news",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "聊天页面",
+                    "pathName": "/pages/chat",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "我的",
+                    "pathName": "/pages/mine",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "我的收藏",
+                    "pathName": "/pages/mineFollow",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "个人设置",
+                    "pathName": "/pages/setting",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "我的钱包",
+                    "pathName": "/pages/wallet",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "授权登陆",
+                    "pathName": "/pages/authorized",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "常见问题",
+                    "pathName": "/pages/questions",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "选择地址",
+                    "pathName": "/pages/chooseAddress",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "订单详情",
+                    "pathName": "/pages/orderdetails",
+                    "query": "id=779"
+                },
+                {
+                    "id": -1,
+                    "name": "新增地址",
+                    "pathName": "/pages/receiving",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "首页",
+                    "pathName": "/pages/Home",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "拼箱详情",
+                    "pathName": "/pages/details",
+                    "query": "id=2353"
+                },
+                {
+                    "id": -1,
+                    "name": "开箱详情",
+                    "pathName": "/pages/unpacking",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "收货地址",
+                    "pathName": "/pages/address",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "确认订单",
+                    "pathName": "/pages/confirmorder",
+                    "query": "caseId=2248&boxIds=2251%2C2257%2C2275%2C2281",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "我买到的",
+                    "pathName": "/pages/allorder",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "店铺申请",
+                    "pathName": "/pages/store/apply",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "认证审核进度",
+                    "pathName": "/pages/store/review",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "店铺首页",
+                    "pathName": "/pages/store/homePage",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "新增商品",
+                    "pathName": "/pages/store/productEdit",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "申请退款",
+                    "pathName": "/pages/Apply",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "退款详情",
+                    "pathName": "/pages/Applydetails",
+                    "scene": null
+                },
+                {
+                    "id": -1,
+                    "name": "我卖出的",
+                    "pathName": "/pages/allsellout",
+                    "scene": null
+                }
+            ]
         }
-      ]
     }
-  }
-}
+}

project.private.config.json

@@ -179,6 +179,12 @@
           "pathName": "pages/walletdetails",
           "query": "null",
           "scene": null
+        },
+        {
+          "name": "/pages/unpacking",
+          "pathName": "/pages/unpacking",
+          "query": "null",
+          "scene": null
         }
       ]
     }

src/components/AllselloutInfo.vue

@@ -88,14 +88,21 @@
         </van-popup>
         <van-action-sheet
             :show="newShow"
-            description="选着物流类型"
+            description="物流类型"
             cancel-text="取消"
             :actions="actions"
             @close="onClose"
             @select="select"
             @cancel="cancels"
         >
-            <van-field required="true" border="true" label="物流单号" :value="order" @input="order = $event.detail">
+            <van-field
+                required="true"
+                border="true"
+                placeholder="请输入物流单号"
+                label="物流单号"
+                :value="order"
+                @input="order = $event.detail"
+            >
             </van-field>
         </van-action-sheet>
     </div>

src/components/CardCase.vue

@@ -142,8 +142,6 @@ export default {
             this.nowChoose = list;
         },
         submit() {
-            console.log(this.cardCaseInfo);
-            // console.log(this.cardList);
             if (this.nowChoose.length === 0) {
                 this.toast('请选择卡牌');
                 return;

src/main.js

@@ -37,6 +37,7 @@ export default {
             'pages/receiving',
             'pages/address',
             'pages/details',
+            'pages/unpacking',
             'pages/news',
             'pages/orderdetails',
             'pages/chat',

src/pages/allselldetails.vue

@@ -237,14 +237,21 @@
 
         <van-action-sheet
             :show="newShow"
-            description="选着物流类型"
+            description="物流类型"
             cancel-text="取消"
             :actions="actions"
             @close="onClose"
             @select="select"
             @cancel="cancels"
         >
-            <van-field required="true" border="true" label="物流单号" :value="order" @input="order = $event.detail">
+            <van-field
+                required="true"
+                border="true"
+                placeholder="请输入物流单号"
+                label="物流单号"
+                :value="order"
+                @input="order = $event.detail"
+            >
             </van-field>
         </van-action-sheet>
     </div>

src/pages/details.vue

@@ -56,6 +56,12 @@
         <div class="box-details">
             {{ cardCaseInfo.description }}
         </div>
+        <h3>卡箱稀有卡</h3>
+        <div class="boxImg">
+            <div v-for="(item, index) in img" :key="index">
+                <img :src="item" alt="" />
+            </div>
+        </div>
         <h3>拼箱规则</h3>
         <div class="box-details">
             1.拼箱是一种类似拼团的玩法，用户选号后支付，当箱中的全部号码都被购买完毕，才算拼箱成功。如果在有限时间内拼箱没有成团，系统会把钱退回给买家<br />
@@ -87,7 +93,12 @@
                     </div>
                 </div>
                 <div class="box-footer-right">
-                    <van-button type="warning" @click="purchase">立即购买</van-button>
+                    <van-button v-if="cardCaseInfo.caseStatus !== 'FINISH'" type="warning" @click="purchase"
+                        >立即购买</van-button
+                    >
+                    <van-button v-if="cardCaseInfo.caseStatus == 'FINISH'" type="warning" @click="result"
+                        >查看结果</van-button
+                    >
                 </div>
             </div>
         </div>
@@ -114,6 +125,20 @@ export default {
         };
     },
     computed: {
+        img() {
+            const imgs = [
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-04-40tPoNRlQq.jpg',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-05-07NiBLdSgT.jpg',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-04-40tPoNRlQq.jpg',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-05-07NiBLdSgT.jpg',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-04-40tPoNRlQq.jpg',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-05-07NiBLdSgT.jpg',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-04-40tPoNRlQq.jpg',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-05-07NiBLdSgT.jpg',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-05-28LCsyYvYX.jpg'
+            ];
+            return imgs;
+        },
         time() {
             if (this.cardCaseInfo.endTime) {
                 let date = dayjs(this.cardCaseInfo.endTime, 'YYYY-MM-DD HH:mm:ss');
@@ -151,7 +176,7 @@ export default {
                 .then(res => {
                     console.log(res);
                     this.storeInfo = res;
-                    console.log(this.storeInfo.id);
+                    // console.log(this.storeInfo.id);
                 })
                 .catch(e => {
                     this.hideLoading();
@@ -160,6 +185,10 @@ export default {
                     }
                 });
         },
+        result() {
+            this.navigateTo('/pages/unpacking?id=' + this.cardCaseInfo.cardCaseId);
+            // this.navigateTo('/pages/unpacking');
+        },
         // 确认订单
         purchase() {
             if (this.chooseIds.length === 0) {
@@ -382,8 +411,6 @@ export default {
         }
     }
     h3 {
-        width: 72px;
-        height: 28px;
         font-size: 18px;
         font-weight: bold;
         color: #000000;
@@ -397,10 +424,22 @@ export default {
         line-height: 28px;
         margin: 10px 0 15px 0;
     }
-    .container-img {
-        width: 335px;
-        height: 193px;
-        border-radius: 12px;
+    .boxImg {
+        // /deep/ ._swiper {
+        //     ._swiper-item {
+        //         width: 110px !important;
+        //     }
+        // }
+        .flex();
+        overflow: hidden;
+        overflow-x: auto;
+        margin-top: 15px;
+        img {
+            width: 110px;
+            height: 150px;
+            margin-right: 2px;
+            border-radius: 8px;
+        }
     }
     .box-footer {
         right: 0;

src/pages/store/productEdit.vue

@@ -189,10 +189,10 @@ export default {
             showId: false,
             id: 0,
             // images: [],
-            cardList: [],
+            // cardList: [],
             // imagesList: [],
             // imageUrls: [],
-            nowChooseId: [],
+            // nowChooseId: [],
             sotrId: [],
             list: [],
             actions: [],
@@ -310,9 +310,9 @@ export default {
         //     return info.sold;
         // },
         cartBox() {
-            console.log(this.form.caseStatus);
+            // console.log(this.form.caseStatus);
             this.$http.get('/cardCase/getCardCase', { id: this.$mp.query.id }).then(res => {
-                console.log(res);
+                // console.log(res);
                 this.soldStatus = res.soldStatus;
                 this.showId = res.id;
                 this.form = {

src/pages/unpacking.vue

@@ -0,0 +1,274 @@
+<config>
+{
+    "navigationBarTitleText": "开箱详情",
+    "navigationBarBackgroundColor": "#ffffff",
+}
+</config>
+<template>
+    <div>
+        <div class="product-card" v-for="(item, index) in cardList" :key="index.id">
+            <van-image width="90" height="130" :src="item.avatar" fit="cover" radius="6" />
+            <div class="product-content">
+                <!-- <div class="text1">{{ info.name }}</div> -->
+                <div class="text1">精灵三弹</div>
+                <div class="text2">
+                    <span>已结束</span>
+                </div>
+                <div class="text2">
+                    <span>拼箱已完成</span>
+                </div>
+                <div class="flex1"></div>
+                <div class="price">
+                    <van-icon size="10" :color="$colors.red" name="jiage" class-prefix="iconfont" />
+                    <!-- <span>{{ info.price }}</span> -->
+                    <span>10</span>
+                </div>
+                <div class="button">
+                    <van-button type="info" size="small">已开箱</van-button>
+                </div>
+            </div>
+        </div>
+        <div class="border"></div>
+        <h3>购买记录</h3>
+        <div class="box" v-for="(item, index) in list" :key="index">
+            <div class="box-tit">
+                <van-image width="30" height="30" :src="item.avatar" fit="cover" radius="16" />
+                <p>{{ item.userNickName }}</p>
+            </div>
+            <div class="border"></div>
+            <div class="box-con-Cards">
+                <van-image width="60" height="90" :src="item.image" fit="cover" radius="6" />
+                <div class="box-con-right">
+                    <p class="box-con-tit">{{ item.cardName }}</p>
+                    <div class="box-con-today">
+                        <p>卡盒选号:{{ item.boxName }}</p>
+                    </div>
+                    <div class="box-con-money">
+                        <div class="box-con-num">
+                            <p>¥{{ item.money }}</p>
+                        </div>
+                        <p>×1</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            list: [
+                {
+                    cardName: '精灵一弹',
+                    boxName: '1组1号',
+                    money: '1',
+                    image: 'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-04-40tPoNRlQq.jpg',
+                    avatar:
+                        'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/avatar/2021-05-27-19-56-49LesdfsPu.jpg',
+                    userNickName: 'Augenstern'
+                },
+                {
+                    cardName: '精灵二弹',
+                    boxName: '6组6号',
+                    money: '10',
+                    image: 'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-05-07NiBLdSgT.jpg',
+                    avatar:
+                        'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/avatar/2021-05-18-13-40-27QsoTBswx.jpg',
+                    userNickName: '群马'
+                },
+                {
+                    cardName: '精灵三弹',
+                    boxName: '8组8号',
+                    money: '100',
+                    image: 'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2021-06-08-15-05-28LCsyYvYX.jpg',
+                    avatar:
+                        'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/avatar/2021-05-14-16-36-59ouaBmhON.jpg',
+                    userNickName: '奶盖'
+                }
+            ],
+            cardList: [
+                {
+                    avatar:
+                        'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/avatar/2021-05-27-19-56-49LesdfsPu.jpg'
+                }
+            ]
+        };
+    },
+    methods: {
+        // getFn() {
+        // this.showLoading();
+        // this.$http
+        //     .get('' + this.$mp.options.id)
+        //     .then(res => {
+        //         this.hideLoading();
+        //         this.list = res;
+        //         console.log(res);
+        //     })
+        //     .catch(e => {
+        //         this.hideLoading();
+        //         if (e.error) {
+        //             this.toast(e.error);
+        //         }
+        //     });
+        // }
+    }
+    // created() {
+    //     this.getFn();
+    // }
+};
+</script>
+<style lang="less" scoped>
+.product-card {
+    padding: 20px 20px;
+    .flex();
+}
+h3 {
+    font-size: 14px;
+    font-weight: bold;
+    color: #000000;
+    line-height: 24px;
+    padding: 0 0 16px 20px;
+}
+.border {
+    height: 1px;
+    background: #f5f7fa;
+    margin: 16px 20px;
+}
+.box {
+    width: 335px;
+    height: 170px;
+    background: #f5f7fa;
+    border-radius: 6px;
+    margin: 0 0 16px 20px;
+    .border {
+        height: 1px;
+        background: rgba(200, 201, 204, 0.15);
+        margin: 8px 16px;
+    }
+    .box-tit {
+        .flex();
+        padding: 16px 11px 0px 20px;
+        p {
+            height: 22px;
+            font-size: 14px;
+            font-weight: bold;
+            color: #000000;
+            line-height: 22px;
+            margin-left: 9px;
+        }
+        span {
+            height: 22px;
+            font-size: 14px;
+            font-weight: bold;
+            line-height: 22px;
+            color: #ff6c00;
+        }
+    }
+    .box-con-Cards {
+        margin-left: 20px;
+        display: flex;
+        .box-con-right {
+            width: 237px;
+            margin-left: 8px;
+            .box-con-tit {
+                font-size: 16px;
+                font-weight: bold;
+                color: #000000;
+                line-height: 24px;
+                overflow: hidden;
+            }
+        }
+        .box-con-today {
+            .flex();
+            height: 30px;
+            background: #f5f7fa;
+            border-radius: 6px;
+            width: 142px;
+            margin: 4px 0 8px 0;
+            p {
+                font-size: 14px;
+                font-weight: 400;
+                color: #303133;
+                line-height: 24px;
+            }
+        }
+        .box-con-money {
+            .flex();
+            justify-content: space-between;
+            .box-con-num {
+                .flex();
+                p {
+                    font-size: 14px;
+                    font-weight: normal;
+                    color: #c8c9cc;
+                    line-height: 22px;
+                }
+            }
+            p {
+                font-size: 14px;
+                font-weight: 400;
+                color: #c8c9cc;
+                line-height: 24px;
+            }
+        }
+    }
+}
+.product-content {
+    flex-grow: 1;
+    margin-left: 10px;
+    align-self: stretch;
+    .flex-col();
+    position: relative;
+    overflow: hidden;
+    .text1 {
+        font-size: 16px;
+        font-weight: bold;
+        color: #000000;
+        line-height: 24px;
+        .ellipsis();
+        margin-bottom: 6px;
+    }
+
+    .text2 {
+        padding: 2px 0;
+        .flex();
+        span {
+            font-size: 14px;
+            color: #c8c9cc;
+            line-height: 24px;
+
+            &.val {
+                font-size: 14px;
+                color: @prim;
+            }
+        }
+
+        /deep/ .val {
+            .van-count-down {
+                --count-down-text-color: @prim;
+            }
+        }
+    }
+
+    .flex1 {
+        flex-grow: 1;
+    }
+
+    .price {
+        .flex();
+        font-size: 24px;
+        font-family: 'OSP';
+        font-weight: normal;
+        color: #f42202;
+        line-height: 22px;
+    }
+}
+
+.button {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    color: #c8c9cc;
+}
+</style>