|
|
@@ -31,21 +31,16 @@
|
|
|
</div>
|
|
|
<div class="article" v-html="content1"></div>
|
|
|
<div class="article" v-html="content2" id="contact"></div>
|
|
|
- <div style="height: 50px"></div>
|
|
|
- <van-popup v-model="showDialog" class="promote-dialog">
|
|
|
- <div class="title">您的专属推广链接</div>
|
|
|
- <qrcode class="qrcode" value="Hello, World!" :options="{ width: 200, margin: 2 }"></qrcode>
|
|
|
- <div class="desc">
|
|
|
- 长按保存二维码或<span v-clipboard:copy="'asdfasdfasdf'" v-clipboard:success="onCopy">一键复制链接</span>
|
|
|
- </div>
|
|
|
- </van-popup>
|
|
|
+ <div style="height: calc(50px + max(env(safe-area-inset-bottom), 0px))"></div>
|
|
|
+ <promote-dialog :visible.sync="showDialog"></promote-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
import { mapState } from 'vuex';
|
|
|
import qrcode from '@chenfengyuan/vue-qrcode';
|
|
|
+import promoteDialog from '../components/promoteDialog';
|
|
|
export default {
|
|
|
- components: { qrcode },
|
|
|
+ components: { promoteDialog },
|
|
|
data() {
|
|
|
return {
|
|
|
banners: [],
|
|
|
@@ -97,7 +92,6 @@ export default {
|
|
|
if (this.end) {
|
|
|
let x = this.end.startOf('day');
|
|
|
let y = this.$dayjs().startOf('day');
|
|
|
- console.log(x, y);
|
|
|
return this.$dayjs.duration(x.diff(y)).asDays();
|
|
|
}
|
|
|
return 0;
|
|
|
@@ -134,9 +128,6 @@ export default {
|
|
|
} else {
|
|
|
return true;
|
|
|
}
|
|
|
- },
|
|
|
- onCopy() {
|
|
|
- this.$notify({ message: '已复制专属推广链接', background: this.$theme.prim });
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
@@ -223,37 +214,4 @@ export default {
|
|
|
padding: 0 16px;
|
|
|
margin-top: 20px;
|
|
|
}
|
|
|
-.promote-dialog {
|
|
|
- background: transparent !important;
|
|
|
- .flex-col();
|
|
|
- align-items: center;
|
|
|
- color: white;
|
|
|
- font-size: 14px;
|
|
|
- .title {
|
|
|
- }
|
|
|
- .url {
|
|
|
- width: 200px;
|
|
|
- word-break: break-word;
|
|
|
- margin-top: 8px;
|
|
|
- line-height: 20px;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .btn-copy {
|
|
|
- line-height: 24px;
|
|
|
- vertical-align: middle;
|
|
|
- margin-top: 8px;
|
|
|
- }
|
|
|
- .qrcode {
|
|
|
- margin-top: 15px;
|
|
|
- }
|
|
|
- .desc {
|
|
|
- font-size: 14px;
|
|
|
- margin-top: 15px;
|
|
|
- span {
|
|
|
- color: @prim;
|
|
|
- text-decoration: underline;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
</style>
|