列表

src/main/nine-space/src/components/product/productInfo.vue

@@ -8,19 +8,29 @@
         }"
         class="product"
     >
-        <van-image width="100%" height="calc(45vw - 21.6px)" :src="getImg(changeImgs(info.pic, 600))" fit="cover" />
+        <van-image width="100%" height="calc(50vw - 24px)" :src="getImg(changeImgs(info.pic, 600))" fit="cover" />
 
         <div class="content">
             <div class="name van-ellipsis">
                 {{ info.name }}
             </div>
-            <div class="price" v-if="info.salable"><i class="font_family icon-icon_jiage"></i>{{ info.price }}</div>
-            <div class="status" v-else>仅展示</div>
-            <div class="text">
-                <div class="text1" v-if="info.salable">
+            <div class="price-content" v-if="info.salable">
+                <div class="price">
+                    <img src="../../assets/jiage_huang.png" alt="" />
+                    <span>{{ info.price }}</span>
+                </div>
+                <div class="flex1"></div>
+                <div class="text1">
                     <span>{{ info.sale }}/</span>
                     <span>{{ info.total }}</span>
                 </div>
+            </div>
+            <div class="status" v-else>仅展示</div>
+            <div class="text">
+                <div class="minter">
+                    <van-image width="18" height="18" radius="18" :src="info.minterAvatar" fit="cover" />
+                    <span>{{ info.minter }}</span>
+                </div>
                 <div class="flex1"></div>
                 <like-button :isLike="info.liked" @click="likeProduct">
                     {{ info.likes }}
@@ -82,7 +92,7 @@ export default {
         display: block;
     }
     .content {
-        padding: 10px;
+        padding: 6px 10px 8px;
 
         .name {
             font-size: @font2;
@@ -92,20 +102,20 @@ export default {
         }
 
         .price {
-            font-size: 24px;
+            font-size: @font4;
             font-family: OSP;
             color: @prim;
-            line-height: 22px;
-            padding: 7px 0;
+            line-height: 18px;
+            padding: 12px 0;
 
-            i {
-                vertical-align: text-bottom;
-                font-size: 10px;
+            img {
+                display: inline-block;
+                width: 8px;
             }
         }
         .status {
             line-height: 22px;
-            padding: 7px 0;
+            padding: 10px 0 8px;
             color: @text3;
             font-size: @font1;
         }
@@ -128,4 +138,24 @@ export default {
         }
     }
 }
+.price-content {
+    display: flex;
+    align-items: center;
+    .text1 {
+        font-size: @font1;
+        color: @text3;
+        line-height: 12px;
+    }
+}
+
+.minter {
+    display: flex;
+    font-size: @font1;
+    color: @text3;
+    line-height: 22px;
+    align-items: center;
+    span {
+        margin-left: 4px;
+    }
+}
 </style>

src/main/nine-space/src/router/index.js

@@ -186,6 +186,16 @@ const routes = [
         name: 'security',
         component: () => import('../views/account/Security.vue')
     },
+    {
+        path: '/about',
+        name: 'about',
+        component: () => import('../views/account/About.vue')
+    },
+    {
+        path: '/connect',
+        name: 'connect',
+        component: () => import('../views/account/Connect.vue')
+    },
     {
         path: '/tradingPassword',
         name: 'tradingPassword',

src/main/nine-space/src/views/About.vue

@@ -1,5 +0,0 @@
-<template>
-    <div class="about">
-        <h1>This is an about page</h1>
-    </div>
-</template>

src/main/nine-space/src/views/Mine.vue

@@ -152,7 +152,7 @@
                     <van-icon :name="require('../assets/icon_liaojiegengduo.png')" class="search-icon" />
                 </template>
             </van-cell>
-            <van-cell title="关于我们" is-link @click="wait">
+            <van-cell title="关于我们" is-link :to="{ path: '/about' }">
                 <template #icon>
                     <van-icon :name="require('../assets/icon-guanyuwomen.png')" class="search-icon" />
                 </template>

src/main/nine-space/src/views/account/About.vue

@@ -0,0 +1,60 @@
+<template>
+    <div class="page">
+        <div class="title">关于我们</div>
+        <van-cell-group>
+            <van-cell title="联系客服" @click="show = true" is-link />
+        </van-cell-group>
+
+        <van-overlay :show="show" @click="show = false">
+            <div class="code-img" @click.stop>
+                <van-image class="code" width="70vw" :src="codeImg" fit="scale-down" />
+            </div>
+        </van-overlay>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            codeImg: '',
+            show: false
+        };
+    },
+    mounted() {
+        this.$http.get('/sysConfig/get/customer_group').then(res => {
+            this.codeImg = res.value;
+        });
+    }
+};
+</script>
+
+<style lang="less" scoped>
+.title {
+    background-color: #181818;
+    padding: 10px 16px;
+    font-size: 20px;
+    font-weight: bold;
+    color: #ffffff;
+    line-height: 30px;
+}
+.page {
+    background-color: #0f0f0f;
+}
+
+.van-cell-group {
+    background-color: #181818;
+}
+.van-cell {
+    padding: 23px 16px;
+}
+.logout {
+    padding: 50px 30px 50px;
+}
+.code-img {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+}
+</style>

src/main/nine-space/src/views/account/Connect.vue

@@ -0,0 +1,49 @@
+<template>
+    <div class="page">
+        <div class="title">联系客服</div>
+
+        <van-image class="code" width="calc(100vw - 32px)" :src="codeImg" fit="scale-down" />
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            codeImg: ''
+        };
+    },
+    mounted() {
+        this.$http.get('/sysConfig/get/customer_group').then(res => {
+            this.codeImg = res.value;
+        });
+    }
+};
+</script>
+
+<style lang="less" scoped>
+.title {
+    background-color: #181818;
+    padding: 10px 16px;
+    font-size: 20px;
+    font-weight: bold;
+    color: #ffffff;
+    line-height: 30px;
+}
+.page {
+    background-color: #0f0f0f;
+}
+
+.van-cell-group {
+    background-color: #181818;
+}
+.van-cell {
+    padding: 23px 16px;
+}
+.logout {
+    padding: 50px 30px 50px;
+}
+.code {
+    margin: 16px 16px;
+}
+</style>