分享展示

src/components/Post.vue

@@ -3,12 +3,12 @@
         <van-overlay :show="show" @click="show = false" z-index="99">
             <div class="wrapper">
                 <div class="img" ref="wrap" v-if="img" @click.stop="">
-                    <img :src="img" />
+                    <img :src="img"/>
                 </div>
                 <div class="content" v-if="!img" ref="post">
                     <!-- @load="loadImg" -->
                     <!-- <img crossOrigin="anonymous" :src="banners" class="detailImg" /> -->
-                    <van-image :src="detailImg" class="detailImg" fit="cover" />
+                    <van-image @load="loaderImg" :src="detailImg" class="detailImg" fit="cover" />
                     <div class="info">
                         <div class="name van-multi-ellipsis--l2">
                             {{ info.name }}
@@ -17,18 +17,32 @@
                             <span v-if="info.category">{{ info.category }}</span>
                             <span v-if="info.number">编号{{ info.number }}</span>
                         </div>
-                        <div class="text" v-if="isBuy">
-                            <div class="price">
-                                <img src="@assets/jiage_huang.png" alt="" />
-                                <span>{{ info.price }}</span>
+                        <template v-if="pageUrl !== 'assetDetail'">
+                            <div class="text" v-if="isBuy">
+                                <div class="price">
+                                    <img src="@assets/jiage_huang.png" alt="" />
+                                    <span>{{ info.price }}</span>
+                                </div>
+                                <div class="text1" v-if="info.stock && !time">
+                                    <span>已售 {{ Math.max(Math.min(info.sale, info.total), 0) }}</span>
+                                    <span>剩余 {{ Math.min(Math.max(info.stock, 0), info.total) }}</span>
+                                </div>
                             </div>
-                            <div class="text1" v-if="info.stock && !time">
-                                <span>已售 {{ Math.max(Math.min(info.sale, info.total), 0) }}</span>
-                                <span>剩余 {{ Math.min(Math.max(info.stock, 0), info.total) }}</span>
+
+                            <div class="status" v-if="!info.salable">仅展示</div>
+                        </template>
+                        <template v-else>
+                            <div class="text" v-if="info.consignment">
+                                <div class="price">
+                                    <img src="@assets/jiage_huang.png" alt="" />
+                                    <span>{{ info.sellPrice || 0 }}</span>
+                                </div>
                             </div>
-                        </div>
 
-                        <div class="status" v-if="!info.salable">仅展示</div>
+                            <div class="status" v-else-if="info.status == 'NORMAL'">
+                                {{ info.publicShow ? '仅展示' : '未展示' }}
+                            </div>
+                        </template>
                     </div>
                     <div class="minter">
                         <div class="minter-content">
@@ -131,14 +145,6 @@ export default {
     components: {
         vueQrcode
     },
-    watch: {
-        info() {
-            this.$nextTick(() => {
-                this.getImgBase64(this.banners, 'detailImg');
-                this.getImgBase64(this.info.minterAvatar, 'userImg');
-            });
-        }
-    },
     methods: {
         init() {
             this.show = true;