|
@@ -158,7 +158,25 @@
|
|
|
</van-cell>
|
|
</van-cell>
|
|
|
</div>
|
|
</div>
|
|
|
</van-collapse-item>
|
|
</van-collapse-item>
|
|
|
-
|
|
|
|
|
|
|
+ <van-collapse-item name="xiyoudu" class="goods-info" v-if="ssr || sr || u">
|
|
|
|
|
+ <template #title>
|
|
|
|
|
+ <div class="page-title"><img src="@assets/icon-xiyoudu.png" alt="" />实时稀有度</div>
|
|
|
|
|
+ </template>
|
|
|
|
|
+ <div class="rarity-list">
|
|
|
|
|
+ <div class="rarity-item ssr" v-if="ssr">
|
|
|
|
|
+ <img src="@assets/png-ssr.png" alt="" />
|
|
|
|
|
+ <span>{{ ssr }}</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="rarity-item sr" v-if="sr">
|
|
|
|
|
+ <img src="@assets/png-sr.png" alt="" />
|
|
|
|
|
+ <span> {{ sr }}</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="rarity-item u" v-if="u">
|
|
|
|
|
+ <img src="@assets/png-u.png" alt="" />
|
|
|
|
|
+ <span> {{ u }}</span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </van-collapse-item>
|
|
|
<van-collapse-item name="2" class="goods-info">
|
|
<van-collapse-item name="2" class="goods-info">
|
|
|
<template #title>
|
|
<template #title>
|
|
|
<div class="page-title"><img src="@assets/icon-miaoshu.png" alt="" />作品描述</div>
|
|
<div class="page-title"><img src="@assets/icon-miaoshu.png" alt="" />作品描述</div>
|
|
@@ -177,6 +195,7 @@
|
|
|
</swiper>
|
|
</swiper>
|
|
|
<div v-if="info.detail" class="page-text page-detail" v-html="info.detail"></div>
|
|
<div v-if="info.detail" class="page-text page-detail" v-html="info.detail"></div>
|
|
|
</van-collapse-item>
|
|
</van-collapse-item>
|
|
|
|
|
+
|
|
|
<van-collapse-item name="3" class="goods-info top1">
|
|
<van-collapse-item name="3" class="goods-info top1">
|
|
|
<template #title>
|
|
<template #title>
|
|
|
<div class="page-title"><img src="@assets/icon-lianshangxinxi.png" alt="" /> 类型</div>
|
|
<div class="page-title"><img src="@assets/icon-lianshangxinxi.png" alt="" /> 类型</div>
|
|
@@ -395,7 +414,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="btn van-safe-area-bottom" v-else-if="info.soldOut&&info.source === 'TRANSFER'">
|
|
|
|
|
|
|
+ <div class="btn van-safe-area-bottom" v-else-if="info.soldOut && info.source === 'TRANSFER'">
|
|
|
<div class="status-text">支付中</div>
|
|
<div class="status-text">支付中</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
@@ -461,7 +480,7 @@ export default {
|
|
|
init: [],
|
|
init: [],
|
|
|
init2: null,
|
|
init2: null,
|
|
|
list: [],
|
|
list: [],
|
|
|
- activeNames: ['1', 'auction', '2', '3', '4', '5', '6', 'hashCode', 'hchashCode', '8'],
|
|
|
|
|
|
|
+ activeNames: ['1', 'auction', '2', '3', '4', '5', '6', 'hashCode', 'hchashCode', '8', 'xiyoudu'],
|
|
|
inWeixin,
|
|
inWeixin,
|
|
|
limit: {},
|
|
limit: {},
|
|
|
couponList: [],
|
|
couponList: [],
|
|
@@ -470,7 +489,10 @@ export default {
|
|
|
collectionId: 0,
|
|
collectionId: 0,
|
|
|
createrId: 0,
|
|
createrId: 0,
|
|
|
type: '',
|
|
type: '',
|
|
|
- totalSales: 0
|
|
|
|
|
|
|
+ totalSales: 0,
|
|
|
|
|
+ ssr: '',
|
|
|
|
|
+ sr: '',
|
|
|
|
|
+ u: ''
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
computed: {
|
|
computed: {
|
|
@@ -634,6 +656,11 @@ export default {
|
|
|
this.$toast.clear();
|
|
this.$toast.clear();
|
|
|
|
|
|
|
|
if (res.type === 'BLIND_BOX') {
|
|
if (res.type === 'BLIND_BOX') {
|
|
|
|
|
+ this.$http.get('/blindBoxItem/rare/' + res.id).then(res => {
|
|
|
|
|
+ this.ssr = res.SSR || '';
|
|
|
|
|
+ this.sr = res.SR || '';
|
|
|
|
|
+ this.u = res.U || '';
|
|
|
|
|
+ });
|
|
|
return this.$http.post(
|
|
return this.$http.post(
|
|
|
'/blindBoxItem/all',
|
|
'/blindBoxItem/all',
|
|
|
{
|
|
{
|
|
@@ -1308,6 +1335,7 @@ export default {
|
|
|
margin-right: 20px;
|
|
margin-right: 20px;
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
min-width: 94px;
|
|
min-width: 94px;
|
|
|
|
|
+ flex-shrink: 0;
|
|
|
|
|
|
|
|
&::after {
|
|
&::after {
|
|
|
content: '';
|
|
content: '';
|
|
@@ -1648,4 +1676,44 @@ export default {
|
|
|
margin-top: 8px;
|
|
margin-top: 8px;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
+
|
|
|
|
|
+.rarity-list {
|
|
|
|
|
+ .flex();
|
|
|
|
|
+ .rarity-item {
|
|
|
|
|
+ width: 33%;
|
|
|
|
|
+ padding: 8px 10px;
|
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
|
+ .flex-col();
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ background: rgba(255, 255, 255, 0.1);
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
+ border: 1px solid #d8b7ff;
|
|
|
|
|
+ img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ }
|
|
|
|
|
+ span {
|
|
|
|
|
+ font-size: 12px;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ color: #d8b7ff;
|
|
|
|
|
+ line-height: 22px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ &.sr {
|
|
|
|
|
+ border-color: #ffe590;
|
|
|
|
|
+ span {
|
|
|
|
|
+ color: #ffe590;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ &.u {
|
|
|
|
|
+ border-color: #ffd7b4;
|
|
|
|
|
+ span {
|
|
|
|
|
+ color: #ffd7b4;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ .rarity-item + .rarity-item {
|
|
|
|
|
+ margin-left: 12px;
|
|
|
|
|
+ }
|
|
|
|
|
+}
|
|
|
</style>
|
|
</style>
|