|
|
@@ -13,101 +13,102 @@
|
|
|
@getProduct="getProduct"
|
|
|
></product-banner>
|
|
|
|
|
|
- <div class="auction-price-bar" v-if="info.salable">
|
|
|
- <div class="price-left">
|
|
|
- <div class="text1">一口价</div>
|
|
|
- <div class="text2">
|
|
|
- <img src="../../assets/icon_jiage_bai.png" alt="" />
|
|
|
- <span>{{ info.price }}</span>
|
|
|
- </div>
|
|
|
- <i class="font_family icon-sanjiao"></i>
|
|
|
- </div>
|
|
|
- <div class="price-right">
|
|
|
- <div class="text1">
|
|
|
- <!-- <img src="../../assets/icon-huachuyikouji.png" alt="" /> -->
|
|
|
- <span>华储拍卖</span>
|
|
|
+ <div class="info-box">
|
|
|
+ <div class="auction-price-bar" v-if="info.salable">
|
|
|
+ <div class="price-left">
|
|
|
+ <div class="text1">一口价</div>
|
|
|
+ <div class="text2">
|
|
|
+ <img src="../../assets/icon_jiage_bai.png" alt="" />
|
|
|
+ <span>{{ info.price }}</span>
|
|
|
+ </div>
|
|
|
+ <i class="font_family icon-sanjiao"></i>
|
|
|
</div>
|
|
|
- <div class="sub" v-if="info.royalties">
|
|
|
- (含 <span>{{ info.royalties }}%</span> 版税)
|
|
|
+ <div class="price-right">
|
|
|
+ <div class="text1">
|
|
|
+ <!-- <img src="../../assets/icon-huachuyikouji.png" alt="" /> -->
|
|
|
+ <span>华储拍卖</span>
|
|
|
+ </div>
|
|
|
+ <div class="sub" v-if="info.royalties">
|
|
|
+ (含 <span>{{ info.royalties }}%</span> 版税)
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
- <div class="info">
|
|
|
- <!-- <div class="info-name">
|
|
|
+ <div class="info">
|
|
|
+ <!-- <div class="info-name">
|
|
|
{{ info.name }}
|
|
|
</div> -->
|
|
|
- <div class="info-title">
|
|
|
- <product-title :isSmall="info.name && info.name.length > 16">{{ info.name }}</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"
|
|
|
- >
|
|
|
- <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"
|
|
|
- />
|
|
|
- </template>
|
|
|
- <template #title>
|
|
|
- <div class="text1 van-ellipsis">{{ info.minter }}</div>
|
|
|
- <div class="text2">铸造者</div>
|
|
|
- </template>
|
|
|
- </van-cell>
|
|
|
- <div class="userInfo-status-text">
|
|
|
- {{ info.publicShow ? '公开展示' : '未展示' }}
|
|
|
+ <div class="info-title">
|
|
|
+ <product-title :isSmall="info.name && info.name.length > 16">{{ info.name }}</product-title>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- <div class="name" v-if="info.salable && startTime">
|
|
|
+ <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"
|
|
|
+ >
|
|
|
+ <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"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ <template #title>
|
|
|
+ <div class="text1 van-ellipsis">{{ info.minter }}</div>
|
|
|
+ <div class="text2">铸造者</div>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ <div class="userInfo-status-text">
|
|
|
+ {{ info.publicShow ? '公开展示' : '未展示' }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="name" v-if="info.salable && startTime">
|
|
|
<div class="name1">首发抢购倒计时</div>
|
|
|
<div class="name2">{{ startTime }}</div>
|
|
|
</div> -->
|
|
|
|
|
|
- <div class="price-line">
|
|
|
- <div class="text" v-if="info.number">编号 {{ info.number }}</div>
|
|
|
- <div class="text total" v-if="info.salable && info.total > 1">
|
|
|
- <span>限量</span>
|
|
|
- <span>{{ info.total }}份</span>
|
|
|
- </div>
|
|
|
- <div class="text" v-if="info.salable && !isSold && info.total !== 1">
|
|
|
- <span>已售 {{ Math.max(Math.min(info.sale, info.total), 0) }}</span>
|
|
|
- <span>剩余 {{ Math.min(Math.max(info.stock, 0), info.total) }}</span>
|
|
|
+ <div class="price-line">
|
|
|
+ <div class="text" v-if="info.number">编号 {{ info.number }}</div>
|
|
|
+ <div class="text total" v-if="info.salable && info.total > 1">
|
|
|
+ <span>限量</span>
|
|
|
+ <span>{{ info.total }}份</span>
|
|
|
+ </div>
|
|
|
+ <div class="text" v-if="info.salable && !isSold && info.total !== 1">
|
|
|
+ <span>已售 {{ Math.max(Math.min(info.sale, info.total), 0) }}</span>
|
|
|
+ <span>剩余 {{ Math.min(Math.max(info.stock, 0), info.total) }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="text" v-if="info.couponPayment">优惠券藏品</div>
|
|
|
</div>
|
|
|
- <div class="text" v-if="info.couponPayment">优惠券藏品</div>
|
|
|
- </div>
|
|
|
|
|
|
- <sale-info ref="sale" v-if="canSale" :info="info" :blindBoxItems="blindBoxItems"></sale-info>
|
|
|
+ <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>
|
|
|
- <!-- <div class="title">{{ info.name }}</div> -->
|
|
|
- <!-- <span class="text1" v-if="info.number"> 编号 {{ info.number }} </span> -->
|
|
|
- <!-- <van-button
|
|
|
+ <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
|
|
|
v-if="info.type !== 'DEFAULT'"
|
|
|
type="primary"
|
|
|
plain
|
|
|
size="mini"
|
|
|
>选择其他编号</van-button
|
|
|
> -->
|
|
|
- <!-- <like-button :isLike="info.liked" @click="likeProduct">
|
|
|
+ <!-- <like-button :isLike="info.liked" @click="likeProduct">
|
|
|
{{ info.likes }}
|
|
|
</like-button> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
-
|
|
|
<!-- </template> -->
|
|
|
<div class="goods">
|
|
|
<van-collapse v-model="activeNames">
|
|
|
@@ -1068,9 +1069,13 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.info-box {
|
|
|
+ background-color: #1c1c1c;
|
|
|
+}
|
|
|
.info {
|
|
|
// height: 164px;
|
|
|
- background-color: @bgProductDetail;
|
|
|
+ background-color: #1c1c1c;
|
|
|
// border-radius: 20px 20px 0 0;
|
|
|
// transform: translateY(-16px);
|
|
|
position: relative;
|
