|
|
@@ -9,7 +9,7 @@
|
|
|
v-if="isVideo(item)"
|
|
|
:src="item.url"
|
|
|
:poster="getImg(changeImgs([item]), '', 1800)"
|
|
|
- style="width: 100%; height: 520px;"
|
|
|
+ style="width: 100%; height: 520px"
|
|
|
controls="controls"
|
|
|
>
|
|
|
您的浏览器不支持 video 标签。
|
|
|
@@ -18,7 +18,7 @@
|
|
|
v-else
|
|
|
:src="getImg(item.url, '', 1800)"
|
|
|
:preview-src-list="bannerList"
|
|
|
- style="width: 100%; height: 520px;"
|
|
|
+ style="width: 100%; height: 520px"
|
|
|
fit="scale-down"
|
|
|
/>
|
|
|
</swiper-slide>
|
|
|
@@ -27,7 +27,7 @@
|
|
|
<img class="works1" src="../assets/img/icon-quanyibaohu@3x.png" alt="" />
|
|
|
<div class="works2">该作品已在保存至区块链并进行权益保护</div>
|
|
|
</div>
|
|
|
- <div style="width: 520px;" class="content">
|
|
|
+ <div style="width: 520px" class="content">
|
|
|
<el-collapse v-model="activeNames" :accordion="false">
|
|
|
<el-collapse-item name="1" v-if="info.tokenId">
|
|
|
<template slot="title">
|
|
|
@@ -111,7 +111,7 @@
|
|
|
</template>
|
|
|
<div class="info5">
|
|
|
<div class="page-detail" v-if="info.detail" v-html="info.detail"></div>
|
|
|
- <div style="padding-left: 0;" v-else class="del">铸造者未设置描述</div>
|
|
|
+ <div style="padding-left: 0" v-else class="del">铸造者未设置描述</div>
|
|
|
</div>
|
|
|
</el-collapse-item>
|
|
|
</el-collapse>
|
|
|
@@ -140,7 +140,7 @@
|
|
|
<div class="status" v-else>
|
|
|
{{ getLabelName(info.status, assetStatusOptions) }}
|
|
|
</div>
|
|
|
- <div style="margin-top: 3px;" class="price1 num" v-if="info.salable">
|
|
|
+ <div style="margin-top: 3px" class="price1 num" v-if="info.salable">
|
|
|
<div class="price2 num2">单次限购 1 件</div>
|
|
|
<div class="price2 num2">已售 {{ info.sale }} / 剩余 {{ info.stock }}</div>
|
|
|
</div>
|
|
|
@@ -167,6 +167,11 @@
|
|
|
<i class="font_family icon-icon-zengsong"></i>
|
|
|
<span>赠送</span>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- <div class="btn-item" @click="send">
|
|
|
+ <i class="font_family icon-icon-zengsong"></i>
|
|
|
+ <span>邮寄</span>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-collapse-item>
|
|
|
@@ -180,14 +185,14 @@
|
|
|
<img class="imgs" src="../assets/detail/icon-leixing@3x.png" alt="" />
|
|
|
<span>类型</span>
|
|
|
<img
|
|
|
- style="margin-left: 47px;"
|
|
|
+ style="margin-left: 47px"
|
|
|
class="imgs"
|
|
|
src="../assets/detail/icon-qiaoqiaohua@3x.png"
|
|
|
alt=""
|
|
|
/>
|
|
|
<span>悄悄话<span class="span-detail">（灰色表示已使用）</span></span>
|
|
|
<img
|
|
|
- style="margin-left: 37px;"
|
|
|
+ style="margin-left: 37px"
|
|
|
class="imgs"
|
|
|
src="../assets/detail/icon-tequan@3x.png"
|
|
|
alt=""
|
|
|
@@ -198,13 +203,13 @@
|
|
|
<div class="name-store" v-if="info.category">{{ info.category }}</div>
|
|
|
<div class="Notset" v-else>铸造者未设置</div>
|
|
|
<div class="bor"></div>
|
|
|
- <div style="width: 220px;">
|
|
|
+ <div style="width: 220px">
|
|
|
<div class="box" v-if="init2 != ''">
|
|
|
<div
|
|
|
v-if="init2"
|
|
|
@mouseenter="isShowPopover(init2.name, true)"
|
|
|
@mouseleave="isShowPopover(init2.name, false)"
|
|
|
- style="position: relative; width: 24px; margin-left: 16px;"
|
|
|
+ style="position: relative; width: 24px; margin-left: 16px"
|
|
|
>
|
|
|
<img
|
|
|
@click="Whisper"
|
|
|
@@ -226,7 +231,7 @@
|
|
|
<div class="iconBox" v-if="init.length > 0">
|
|
|
<div v-for="(item, index) in init" :key="index">
|
|
|
<div
|
|
|
- style="position: relative;"
|
|
|
+ style="position: relative"
|
|
|
@mouseenter="isShowPopover(item.name, true)"
|
|
|
@mouseleave="isShowPopover(item.name, false)"
|
|
|
>
|
|
|
@@ -306,17 +311,17 @@
|
|
|
<img class="imgs" src="../assets/info_icon_jiaoyijilu.png" alt="" />
|
|
|
<span>交易历史</span>
|
|
|
</template>
|
|
|
- <el-table :data="tableData" stripe style="width: 100%; background: #ffffff;">
|
|
|
+ <el-table :data="tableData" stripe style="width: 100%; background: #ffffff">
|
|
|
<el-table-column prop="fromUser" label="卖方" width="355">
|
|
|
<template slot-scope="scope">
|
|
|
- <div style="color: #9971EE; font-size: 14px;">
|
|
|
+ <div style="color: #9971ee; font-size: 14px">
|
|
|
{{ scope.row.fromUser }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="operation" label="操作" width="305">
|
|
|
<template slot-scope="scope">
|
|
|
- <div style="font-size: 14px; color: #939599;">
|
|
|
+ <div style="font-size: 14px; color: #939599">
|
|
|
{{ scope.row.operation }}
|
|
|
<span v-if="scope.row.price">{{ scope.row.price }}</span>
|
|
|
</div>
|
|
|
@@ -325,14 +330,14 @@
|
|
|
<el-table-column prop="nickname" label="持有方" width="305">
|
|
|
<!-- toUser -->
|
|
|
<template slot-scope="scope">
|
|
|
- <div style="color: #9971EE; font-size: 14px;">
|
|
|
+ <div style="color: #9971ee; font-size: 14px">
|
|
|
{{ scope.row.toUser }}
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="createdAt" label="时间">
|
|
|
<template slot-scope="scope">
|
|
|
- <div style="font-size: 14px; color: #939599;">
|
|
|
+ <div style="font-size: 14px; color: #939599">
|
|
|
{{ scope.row.createdAt }}
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -1310,7 +1315,7 @@ export default {
|
|
|
.title1 {
|
|
|
font-size: 26px;
|
|
|
font-weight: bold;
|
|
|
- color: #ffffff;
|
|
|
+ color: @text0;
|
|
|
.ellipsis();
|
|
|
}
|
|
|
.text {
|
|
|
@@ -1657,7 +1662,7 @@ export default {
|
|
|
margin-right: 30px;
|
|
|
.flex();
|
|
|
justify-content: center;
|
|
|
- img{
|
|
|
+ img {
|
|
|
display: block;
|
|
|
}
|
|
|
&:hover {
|
|
|
@@ -1788,7 +1793,9 @@ export default {
|
|
|
|
|
|
.btn-list {
|
|
|
.flex();
|
|
|
-
|
|
|
+ .btn-item + .btn-item {
|
|
|
+ margin-left: 30px;
|
|
|
+ }
|
|
|
.btn-item {
|
|
|
width: 98px;
|
|
|
height: 48px;
|
panhui