|
|
@@ -1,9 +1,15 @@
|
|
|
<template>
|
|
|
<van-overlay :show="show" @click="show = false">
|
|
|
<div class="wrapper">
|
|
|
- <!-- <img :src="img" @click.stop class="wrapper-img" v-if="img" alt="" /> -->
|
|
|
- <div class="wrapper-box" ref="post" @click.stop>
|
|
|
- <van-image width="100%" height="480px" radius="20px" src="https://nanjingnft.oss-cn-hangzhou.aliyuncs.com/nft/2022-05-05-17-00-11AgYKwDZt.jpg" fit="cover"/>
|
|
|
+ <img :src="img" @click.stop class="wrapper-img" v-if="img" alt="" />
|
|
|
+ <div class="wrapper-box" ref="post" v-else @click.stop>
|
|
|
+ <van-image
|
|
|
+ width="100%"
|
|
|
+ height="480px"
|
|
|
+ radius="20px"
|
|
|
+ src="https://nanjingnft.oss-cn-hangzhou.aliyuncs.com/nft/2022-05-05-17-00-11AgYKwDZt.jpg"
|
|
|
+ fit="cover"
|
|
|
+ />
|
|
|
<vue-qrcode :value="url" :options="{ width: 88, margin: 1 }" class="share-code"></vue-qrcode>
|
|
|
<!-- <img alt="" style="width:100%;height:75px"> -->
|
|
|
<!-- <div class="wrapper-top">
|
|
|
@@ -137,7 +143,7 @@ export default {
|
|
|
margin-top: 12px;
|
|
|
}
|
|
|
}
|
|
|
-.share-code{
|
|
|
+.share-code {
|
|
|
position: absolute;
|
|
|
bottom: 85px;
|
|
|
right: 15px;
|
|
|
@@ -165,8 +171,8 @@ export default {
|
|
|
}
|
|
|
.wrapper-img {
|
|
|
display: block;
|
|
|
- width: 240px;
|
|
|
- height: auto;
|
|
|
+ width: 340px;
|
|
|
+ height: 480px;
|
|
|
}
|
|
|
.tips {
|
|
|
font-size: 12px;
|
