|
|
@@ -91,10 +91,12 @@
|
|
|
<div class="status" v-else>
|
|
|
{{ getLabelName(info.status, assetStatusOptions) }}
|
|
|
</div>
|
|
|
+ <div class="flex1"></div>
|
|
|
+
|
|
|
+ <span class="text1" v-if="info.number"> 编号 {{ info.number }} </span>
|
|
|
</div>
|
|
|
<!-- <div class="title">{{ info.name }}</div> -->
|
|
|
<div class="info-bottom">
|
|
|
- <span class="text1" v-if="info.number"> 编号 {{ info.number }} </span>
|
|
|
<!-- <van-button
|
|
|
type="primary"
|
|
|
plain
|
|
|
@@ -107,87 +109,99 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <driver />
|
|
|
- <div class="user">
|
|
|
- <van-cell class="creator">
|
|
|
- <template #icon>
|
|
|
- <van-image
|
|
|
- width="40"
|
|
|
- height="40"
|
|
|
- class="user-img"
|
|
|
- :src="info.minterAvatar"
|
|
|
- fit="cover"
|
|
|
- radius="100"
|
|
|
- />
|
|
|
- </template>
|
|
|
- <template #title>
|
|
|
- <div class="text1 van-ellipsis">{{ info.minter }}</div>
|
|
|
- <div class="text2">铸造者</div>
|
|
|
- </template>
|
|
|
- </van-cell>
|
|
|
- <van-cell class="creator">
|
|
|
- <template #icon>
|
|
|
- <van-image
|
|
|
- width="40"
|
|
|
- height="40"
|
|
|
- class="user-img"
|
|
|
- :src="userInfo.avatar || require('../../assets/svgs/img_default_photo.svg')"
|
|
|
- fit="cover"
|
|
|
- radius="100"
|
|
|
- />
|
|
|
- </template>
|
|
|
- <template #title>
|
|
|
- <div class="text1 van-ellipsis">{{ userInfo.nickname }}</div>
|
|
|
- <div class="text2">持有者</div>
|
|
|
- </template>
|
|
|
- </van-cell>
|
|
|
- </div>
|
|
|
- <driver />
|
|
|
-
|
|
|
<div class="goods">
|
|
|
- <div class="top">
|
|
|
- <div class="top1">
|
|
|
- <div class="text1">类型</div>
|
|
|
- <div v-if="info.category" class="text2">
|
|
|
- <span>{{ info.category }}</span>
|
|
|
+ <van-collapse v-model="activeNames">
|
|
|
+ <van-collapse-item name="01" class="goods-info">
|
|
|
+ <template #title>
|
|
|
+ <div class="page-title"><img src="../../assets/fenxiang-icon.png" alt="" />用户信息</div>
|
|
|
+ </template>
|
|
|
+ <div class="user">
|
|
|
+ <van-cell class="creator">
|
|
|
+ <template #icon>
|
|
|
+ <van-image
|
|
|
+ width="40"
|
|
|
+ height="40"
|
|
|
+ class="user-img"
|
|
|
+ :src="info.minterAvatar"
|
|
|
+ fit="cover"
|
|
|
+ radius="100"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ <template #title>
|
|
|
+ <div class="text1 van-ellipsis">{{ info.minter }}</div>
|
|
|
+ <div class="text2">铸造者</div>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ <van-cell class="creator">
|
|
|
+ <template #icon>
|
|
|
+ <van-image
|
|
|
+ width="40"
|
|
|
+ height="40"
|
|
|
+ class="user-img"
|
|
|
+ :src="userInfo.avatar || require('../../assets/svgs/img_default_photo.svg')"
|
|
|
+ fit="cover"
|
|
|
+ radius="100"
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ <template #title>
|
|
|
+ <div class="text1 van-ellipsis">{{ userInfo.nickname }}</div>
|
|
|
+ <div class="text2">持有者</div>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
</div>
|
|
|
- <div v-else class="text5">铸造者未设置</div>
|
|
|
- </div>
|
|
|
- <div class="top1" @click="Whisper">
|
|
|
- <div class="text1">悄悄话</div>
|
|
|
- <div class="text2 text3" v-if="init2" :class="{ prim: init2.opened }">
|
|
|
- <img v-if="!init2.opened" class="img" :src="init2.icon[0]" alt="" />
|
|
|
- <img v-if="init2.opened" class="img" :src="init2.icon[2]" alt="" />
|
|
|
- <div class="text4" :class="{ prim: init2.opened }">
|
|
|
- {{ init2.opened ? '已打开' : '未打开' }}
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item name="002" class="goods-info">
|
|
|
+ <template #title>
|
|
|
+ <div class="page-title"><img src="../../assets/icon-lianshangxinxi.png" alt="" />类型</div>
|
|
|
+ </template>
|
|
|
+ <div class="top1">
|
|
|
+ <div v-if="info.category" class="text2">
|
|
|
+ <span>{{ info.category }}</span>
|
|
|
</div>
|
|
|
+ <div v-else class="text5">铸造者未设置</div>
|
|
|
</div>
|
|
|
- <div class="text5" v-else>铸造者未设置</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="page-title">持有特权<span>(灰色表示已使用)</span></div>
|
|
|
- <div class="prive" v-if="privileges.length > 0">
|
|
|
- <div v-for="(item, index) in init" :key="index">
|
|
|
- <div class="prive1" :class="{ prim: item.opened }">
|
|
|
- <img v-if="!item.opened" class="img" :src="item.icon[0]" alt="" />
|
|
|
- <div v-if="item.icon[2]">
|
|
|
- <img v-if="item.opened" class="img" :src="item.icon[2]" alt="" />
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item name="00" class="goods-info init">
|
|
|
+ <template #title>
|
|
|
+ <div class="page-title">
|
|
|
+ <img src="../../assets/qiaoqiaohua-icon-weidakai.png" alt="" /> 悄悄话
|
|
|
</div>
|
|
|
- <!-- <img class="img" v-else :src="item.icon[0]" alt="" /> -->
|
|
|
-
|
|
|
- <div v-if="item.once" @click="privilegeFn2(item)" class="prive2">
|
|
|
- {{ item.name }}
|
|
|
+ </template>
|
|
|
+ <div class="top1">
|
|
|
+ <div class="text2 text3" @click="Whisper" v-if="init2" :class="{ prim: init2.opened }">
|
|
|
+ <img v-if="!init2.opened" class="img" :src="init2.icon[0]" alt="" />
|
|
|
+ <img v-if="init2.opened" class="img" :src="init2.icon[2]" alt="" />
|
|
|
+ <div class="text4" :class="{ prim: init2.opened }">
|
|
|
+ {{ init2.opened ? '已打开' : '未打开' }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div v-else @click="privilegeFn(item)" class="prive2">
|
|
|
- {{ item.name }}
|
|
|
+ <div class="text5" v-else>铸造者未设置</div>
|
|
|
+ </div>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item name="0" class="goods-info">
|
|
|
+ <template #title>
|
|
|
+ <div class="titleIcon page-title">
|
|
|
+ <img src="../../assets/icon-lianshangxinxi.png" alt="" />持有特权<span
|
|
|
+ >(灰色表示已使用)</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="prive" v-if="init.length > 0">
|
|
|
+ <div v-for="(item, index) in init" :key="index">
|
|
|
+ <div class="prive1">
|
|
|
+ <img class="img" :src="item.icon[0]" alt="" />
|
|
|
+ <div class="prive2">{{ item.name }}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-if="privileges.length === 0" class="conName">铸造者未设置</div>
|
|
|
- <div class="goods">
|
|
|
- <div class="goods-info">
|
|
|
- <div class="page-title">商品特性</div>
|
|
|
+ <div v-if="init.length === 0" class="tips">铸造者未设置</div>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item name="1" class="goods-info">
|
|
|
+ <template #title>
|
|
|
+ <div class="page-title">
|
|
|
+ <img src="../../assets/icon-lianshangxinxi(2).png" alt="" />商品特性
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
<div class="specific-list" v-if="properties.length > 0">
|
|
|
<div class="specific-item" v-for="(item, index) in properties" :key="index">
|
|
|
<div class="text1">{{ item.name }}</div>
|
|
|
@@ -195,22 +209,50 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-else class="textName">铸造者未设置</div>
|
|
|
- </div>
|
|
|
- <div class="goods-info">
|
|
|
- <div class="page-title">链上信息</div>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item name="2" class="goods-info">
|
|
|
+ <template #title>
|
|
|
+ <div class="page-title">
|
|
|
+ <img src="../../assets/icon-lianshangxinxi(2).png" alt="" />链上信息
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
<div class="page-text" v-if="info.txHash || info.blockNumber || info.tokenId">
|
|
|
Hash地址:{{ info.txHash }}<br />
|
|
|
区块高度: {{ info.blockNumber }}<br />
|
|
|
令牌ID: {{ info.tokenId }}
|
|
|
</div>
|
|
|
<div v-else class="textName">铸造者未设置</div>
|
|
|
- </div>
|
|
|
- <div class="goods-info">
|
|
|
- <div class="page-title">作品描述</div>
|
|
|
- <div v-if="info.detail" class="page-text" v-html="info.detail"></div>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item name="4" class="goods-info">
|
|
|
+ <template #title>
|
|
|
+ <div class="page-title">
|
|
|
+ <img src="../../assets/icon-lianshangxinxi(2).png" alt="" />作品描述
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div v-if="info.detail" class="page-text page-detail" v-html="info.detail"></div>
|
|
|
<div v-else class="textName">铸造者未设置</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </van-collapse-item>
|
|
|
+ <van-collapse-item name="5" class="goods-info">
|
|
|
+ <template #title>
|
|
|
+ <div class="page-title"><img src="../../assets/info_icon_jiaoyijilu.png" alt="" />交易记录</div>
|
|
|
+ </template>
|
|
|
+ <div v-if="list.length > 0">
|
|
|
+ <div class="content" v-for="item in list" :key="item.id">
|
|
|
+ <!-- <img class="img" :src="list.avatar" alt="" /> -->
|
|
|
+ <div class="init">
|
|
|
+ <div style="width: 100%">
|
|
|
+ <div class="text1">{{ item.fromUser || '保密' }}</div>
|
|
|
+ <div class="text2">
|
|
|
+ <div class="text3">{{ item.operation }}{{ item.price }}</div>
|
|
|
+ <div class="text4">{{ item.createdAt }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div v-else style="display: flex; justify-content: center; margin-top: 10px">暂无购买记录</div>
|
|
|
+ </van-collapse-item>
|
|
|
+ </van-collapse>
|
|
|
|
|
|
<!-- <template v-if="info.detail">
|
|
|
<div class="page-title">作品描述</div>
|
|
|
@@ -241,44 +283,6 @@
|
|
|
}}</van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div > -->
|
|
|
- <!-- <div class="goods">
|
|
|
- <div style="padding-left: 16px" class="page-title">交易历史</div>
|
|
|
- <div class="content" v-for="item in list" :key="item.id">
|
|
|
- <div class="init">
|
|
|
- <div style="width: 100%">
|
|
|
- <div class="text1">{{ item.fromUser || '保密' }}</div>
|
|
|
- <div class="text2">
|
|
|
- <div class="text3">{{ item.operation }}{{ item.price }}</div>
|
|
|
- <div class="text4">{{ item.createdAt }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
- <van-collapse v-model="activeName" accordion>
|
|
|
- <van-collapse-item class="activeName" title="交易记录" name="1">
|
|
|
- <div v-if="list.length > 0">
|
|
|
- <div class="content" v-for="item in list" :key="item.id">
|
|
|
- <!-- <img class="img" :src="list.avatar" alt="" /> -->
|
|
|
- <div class="init">
|
|
|
- <div style="width: 100%">
|
|
|
- <div class="text1">{{ item.fromUser || '保密' }}</div>
|
|
|
- <div class="text2">
|
|
|
- <div class="text3">{{ item.operation }}{{ item.price }}</div>
|
|
|
- <div class="text4">{{ item.createdAt }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div v-else style="display: flex; justify-content: center; margin-top: 10px">暂无购买记录</div>
|
|
|
- </van-collapse-item>
|
|
|
- </van-collapse>
|
|
|
- <!-- </div> -->
|
|
|
-
|
|
|
- <driver />
|
|
|
- <!-- 其他三个 -->
|
|
|
<van-popup v-model:show="show">
|
|
|
<div class="title2">
|
|
|
<div class="top">
|
|
|
@@ -295,15 +299,23 @@
|
|
|
</div>
|
|
|
<div class="border"></div>
|
|
|
<div class="name">{{ list2.description }}</div>
|
|
|
- <div class="name1" v-if="list2.type != 'code' && list2.name != '版权权利'">
|
|
|
- <img class="qrcodeImg" v-if="list2.type == 'qrcode'" :src="list2.detail" alt="" />
|
|
|
- <div class="qrcode1" v-if="list2.type == 'qrcode'">扫描二维码进行票务核销</div>
|
|
|
- 说明:<span>{{ list2.remark || '暂无' }}</span>
|
|
|
+ <div class="name1" v-if="list2.type === 'text'">
|
|
|
+ <!-- <div>{{ list2.detail }}</div> -->
|
|
|
+ <span>{{ list2.detail || '暂无' }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="name1" v-if="list2.type === 'exchange'">
|
|
|
+ <span>{{ list2.detail }}</span>
|
|
|
+ </div>
|
|
|
+ <div class="name1" v-if="list2.type == 'qrcode'">
|
|
|
+ <img class="qrcodeImg" :src="list2.detail" alt="" />
|
|
|
+ <div class="qrcode1">扫描二维码进行票务核销</div>
|
|
|
+ <span>{{ list2.remark || '暂无' }}</span>
|
|
|
</div>
|
|
|
- <div v-if="list2.type == 'code'">
|
|
|
+ <div v-if="list2.type === 'code'">
|
|
|
<div class="copy">
|
|
|
<div class="id">
|
|
|
- {{ list2.id }}
|
|
|
+ <!-- {{ list2.detail }} -->
|
|
|
+ yshsbn
|
|
|
</div>
|
|
|
<img class="copyImg" @click="copy" src="../../assets/svgs/copy_icon.svg" alt="" />
|
|
|
</div>
|
|
|
@@ -335,7 +347,7 @@
|
|
|
<div class="border"></div>
|
|
|
<div class="name">{{ init2.description }}</div>
|
|
|
<div class="name1">
|
|
|
- 说明:<span>{{ init2.remark || '暂无' }}</span>
|
|
|
+ <span>{{ init2.detail || '暂无' }}</span>
|
|
|
</div>
|
|
|
<div v-if="init2.openTime" class="timename"><span class="time">开启时间:</span>{{ init2.openTime }}</div>
|
|
|
</van-popup>
|
|
|
@@ -392,7 +404,7 @@ export default {
|
|
|
mixins: [asset, product],
|
|
|
data() {
|
|
|
return {
|
|
|
- activeName: '1',
|
|
|
+ activeNames: [],
|
|
|
info: {},
|
|
|
liked: false,
|
|
|
show2: false,
|
|
|
@@ -682,7 +694,13 @@ export default {
|
|
|
background: #181818 !important;
|
|
|
padding: 0 !important;
|
|
|
}
|
|
|
+/deep/ .van-collapse {
|
|
|
+ border: 0 !important;
|
|
|
+}
|
|
|
.activeName {
|
|
|
+ /deep/ .van-collapse {
|
|
|
+ border: 0 !important;
|
|
|
+ }
|
|
|
/deep/ .van-cell__title {
|
|
|
font-size: @font2;
|
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
|
@@ -702,15 +720,15 @@ export default {
|
|
|
padding: 10px 0 16px 16px;
|
|
|
}
|
|
|
.content {
|
|
|
- padding: 0px 16px;
|
|
|
+ // padding: 0px 16px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 343px;
|
|
|
height: 68px;
|
|
|
border-radius: 12px;
|
|
|
.img {
|
|
|
- width: 40px;
|
|
|
- height: 40px;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
border-radius: 50%;
|
|
|
margin-right: 10px;
|
|
|
}
|
|
|
@@ -720,7 +738,7 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
width: 100%;
|
|
|
.text1 {
|
|
|
- font-size: @font2;
|
|
|
+ font-size: @font1;
|
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
|
line-height: 24px;
|
|
|
@@ -804,8 +822,6 @@ export default {
|
|
|
.info-bottom {
|
|
|
display: flex;
|
|
|
position: relative;
|
|
|
- margin-top: 4px;
|
|
|
- height: 24px;
|
|
|
.text1 {
|
|
|
font-size: @font2;
|
|
|
color: #949699;
|
|
|
@@ -1033,96 +1049,87 @@ export default {
|
|
|
}
|
|
|
.goods {
|
|
|
// padding: 20px 16px;
|
|
|
-
|
|
|
- .page-title {
|
|
|
- font-size: @font2;
|
|
|
- font-weight: bold;
|
|
|
- color: #ffffff;
|
|
|
- line-height: 24px;
|
|
|
- margin-top: 14px;
|
|
|
- &:not(:first-child) {
|
|
|
- padding-top: 16px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- span {
|
|
|
- font-size: @font2;
|
|
|
- font-weight: 400;
|
|
|
- color: @text3;
|
|
|
- line-height: 24px;
|
|
|
- }
|
|
|
- .top {
|
|
|
- padding: 20px 16px 0;
|
|
|
+ .top1 {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- .top1 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- .text1 {
|
|
|
- font-size: @font2;
|
|
|
- font-weight: bold;
|
|
|
- color: #ffffff;
|
|
|
- line-height: 28px;
|
|
|
- }
|
|
|
- .text2 {
|
|
|
- width: 94px;
|
|
|
- height: 32px;
|
|
|
- background: linear-gradient(135deg, @prim, @warn);
|
|
|
- border-radius: 4px;
|
|
|
- margin-left: 14px;
|
|
|
- line-height: 30px;
|
|
|
- text-align: center;
|
|
|
- color: #ffffff;
|
|
|
+ margin-top: 12px;
|
|
|
+ .text1 {
|
|
|
+ font-size: @font2;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 28px;
|
|
|
+ }
|
|
|
+ .text2 {
|
|
|
+ width: 94px;
|
|
|
+ height: 32px;
|
|
|
+ background: linear-gradient(135deg, @prim, @warn);
|
|
|
+ border-radius: 4px;
|
|
|
+ margin-left: 14px;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ color: #ffffff;
|
|
|
+ position: relative;
|
|
|
+ margin-left: 0;
|
|
|
+ * {
|
|
|
position: relative;
|
|
|
- * {
|
|
|
- position: relative;
|
|
|
- z-index: 2;
|
|
|
- }
|
|
|
+ z-index: 2;
|
|
|
+ }
|
|
|
|
|
|
- &::after {
|
|
|
- content: '';
|
|
|
- position: absolute;
|
|
|
- left: 1px;
|
|
|
- top: 1px;
|
|
|
- right: 1px;
|
|
|
- bottom: 1px;
|
|
|
- background-color: @bg;
|
|
|
- z-index: 0;
|
|
|
- border-radius: 4px;
|
|
|
- }
|
|
|
- &.text3 {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- }
|
|
|
- .img {
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- margin-right: 4px;
|
|
|
- }
|
|
|
- &.prim {
|
|
|
- color: @text3;
|
|
|
- border: 1px solid #303133;
|
|
|
- background: #202122;
|
|
|
- }
|
|
|
+ &::after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ left: 1px;
|
|
|
+ top: 1px;
|
|
|
+ right: 1px;
|
|
|
+ bottom: 1px;
|
|
|
+ background-color: @bg;
|
|
|
+ z-index: 0;
|
|
|
+ border-radius: 4px;
|
|
|
}
|
|
|
- .text4 {
|
|
|
- color: #fdfb60;
|
|
|
- &.prim {
|
|
|
- color: @text3;
|
|
|
- }
|
|
|
+ &.text3 {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
- .text5 {
|
|
|
- font-size: @font2;
|
|
|
- font-family: PingFangSC-Regular, PingFang SC;
|
|
|
- font-weight: 400;
|
|
|
- color: #939599;
|
|
|
- line-height: 24px;
|
|
|
- padding-left: 10px;
|
|
|
+ .img {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ margin-right: 4px;
|
|
|
+ }
|
|
|
+ &.prim {
|
|
|
+ color: @text3;
|
|
|
+ border: 1px solid #303133;
|
|
|
+ background: #202122;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .text4 {
|
|
|
+ color: #fdfb60;
|
|
|
+ &.prim {
|
|
|
+ color: @text3;
|
|
|
}
|
|
|
}
|
|
|
+ .text5 {
|
|
|
+ font-size: @font2;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #939599;
|
|
|
+ line-height: 24px;
|
|
|
+ padding-left: 10px;
|
|
|
+ }
|
|
|
}
|
|
|
+}
|
|
|
+span {
|
|
|
+ font-size: @font1;
|
|
|
+ font-weight: 400;
|
|
|
+ color: @text3;
|
|
|
+ line-height: 24px;
|
|
|
+}
|
|
|
+.top {
|
|
|
+ padding: 20px 16px 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
.prive {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
@@ -1156,43 +1163,56 @@ export default {
|
|
|
}
|
|
|
|
|
|
.page-title {
|
|
|
- padding: 0 16px;
|
|
|
+ // padding: 0 16px;
|
|
|
font-size: @font2;
|
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
|
line-height: 28px;
|
|
|
}
|
|
|
.specific-list {
|
|
|
- padding: 16px 0;
|
|
|
+ padding: 10px 0 0;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
+ overflow-x: auto;
|
|
|
}
|
|
|
.specific-item {
|
|
|
- width: 94px;
|
|
|
- height: 62px;
|
|
|
border-radius: 4px;
|
|
|
- border: solid 0px transparent;
|
|
|
- padding: 1px;
|
|
|
- background-image: linear-gradient(@bg, @bg), linear-gradient(135deg, #fdfb60, #ff8f3e);
|
|
|
- background-origin: border-box;
|
|
|
- box-sizing: border-box;
|
|
|
- background-clip: content-box, border-box;
|
|
|
+ padding: 8px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
flex-direction: column;
|
|
|
- margin: 0 16px;
|
|
|
+ position: relative;
|
|
|
+ background: linear-gradient(135deg, @prim, @warn);
|
|
|
+ margin-right: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ min-width: 94px;
|
|
|
+
|
|
|
+ &::after {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 1px;
|
|
|
+ left: 1px;
|
|
|
+ right: 1px;
|
|
|
+ bottom: 1px;
|
|
|
+ background-color: @bg;
|
|
|
+ border-radius: 4px;
|
|
|
+ z-index: 0;
|
|
|
+ }
|
|
|
.text1 {
|
|
|
- font-size: @font2;
|
|
|
+ font-size: @font1;
|
|
|
color: @text3;
|
|
|
- line-height: 24px;
|
|
|
+ line-height: 18px;
|
|
|
+ z-index: 1;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
|
|
|
.text2 {
|
|
|
- font-size: @font2;
|
|
|
+ font-size: @font1;
|
|
|
color: #ffffff;
|
|
|
- line-height: 24px;
|
|
|
+ line-height: 18px;
|
|
|
+ z-index: 1;
|
|
|
+ white-space: nowrap;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -1201,8 +1221,6 @@ export default {
|
|
|
color: #ffffff;
|
|
|
line-height: 28px;
|
|
|
margin-top: 10px;
|
|
|
- word-break: break-all;
|
|
|
- padding: 0 16px 14px 16px;
|
|
|
// p {
|
|
|
// font-size: @font2;
|
|
|
// color: #ffffff;
|
|
|
@@ -1261,6 +1279,7 @@ export default {
|
|
|
|
|
|
.user {
|
|
|
display: flex;
|
|
|
+ padding-top: 12px;
|
|
|
.creator {
|
|
|
width: 50%;
|
|
|
}
|
|
|
@@ -1424,6 +1443,40 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.goods {
|
|
|
+ padding: 0 16px 0px;
|
|
|
+
|
|
|
+ .page-title {
|
|
|
+ font-size: @font2;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 24px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ &:not(:first-child) {
|
|
|
+ padding-top: 16px;
|
|
|
+ }
|
|
|
+ img {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ margin-right: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.goods-info {
|
|
|
+ padding: 0 0 30px;
|
|
|
+}
|
|
|
+/deep/.goods-info {
|
|
|
+ .van-cell {
|
|
|
+ padding: 0 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.page-title {
|
|
|
+ span {
|
|
|
+ font-size: @font1;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
.status-text {
|
|
|
font-size: @font4;
|
|
|
@@ -1433,4 +1486,9 @@ export default {
|
|
|
padding: 14px 50px !important;
|
|
|
border-top: 1px solid #313233;
|
|
|
}
|
|
|
+
|
|
|
+.tips {
|
|
|
+ font-size: @font1;
|
|
|
+ margin-top: 12px;
|
|
|
+}
|
|
|
</style>
|