DESKTOP-8UQ1PPR\09158
3 years ago
parent
672ca8652f
commit
d3176e17c4
File diff suppressed because it is too large
Load Diff
@ -1,73 +1,38 @@
|
|||||||
<template>
|
|
||||||
<div>
|
|
||||||
<van-nav-bar
|
|
||||||
title="自製名片"
|
|
||||||
right-text="關閉"
|
|
||||||
@click-right="$router.push('/')"
|
|
||||||
/>
|
|
||||||
<div class="recommend">
|
|
||||||
<div style="text-align: center; line-height: 24px; font-weight: bold;">
|
|
||||||
<br />
|
|
||||||
<span style="font-size: 19px; color: #cc0000;">
|
|
||||||
您沒有設定自製名片權限<br />
|
|
||||||
請點選下方立即購買按鈕<br />
|
|
||||||
開通自製名片相關服務<br />
|
|
||||||
</span>
|
|
||||||
<br />
|
|
||||||
<ul>
|
|
||||||
<li><img src="./images/0001.png" width="100%"></li>
|
|
||||||
<li><img src="./images/0002.png" width="100%"></li>
|
|
||||||
<li><img src="./images/0003.png" width="100%"></li>
|
|
||||||
<li><img src="./images/0004.png" width="100%"></li>
|
|
||||||
</ul>
|
|
||||||
<form name="" class="fbqs" style="text-align: center;">
|
|
||||||
<input type="button" value="立即購買" class="submit" style="padding: 3%; width: 50%; margin-left: auto; margin-right: auto;"
|
|
||||||
@click="router.push('/shop')"
|
|
||||||
>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<Footer/>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|
||||||
import { useRouter} from 'vue-router'
|
import { useRouter} from 'vue-router'
|
||||||
|
|
||||||
import Footer from '@/components/Footer.vue'
|
import Footer from '@/components/Footer.vue'
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="level page">
|
||||||
|
|
||||||
|
<van-nav-bar class="bg-skyBlue py-1" left-arrow @click-left="$router.push('/')">
|
||||||
|
<template #title>
|
||||||
|
<h5 class="text-white mb-1"><strong>自製名片</strong></h5>
|
||||||
|
</template>
|
||||||
|
<template #left>
|
||||||
|
<h4><i class="fa-solid fa-angle-left text-white" :style="{opacity:0.5}"></i></h4>
|
||||||
|
</template>
|
||||||
|
</van-nav-bar>
|
||||||
|
|
||||||
|
<van-cell-group inset class="mt-3">
|
||||||
|
<div class="text-darkBlue text-center py-5">
|
||||||
|
<div class="text-tomatoRed text-center mb-4"><i class="fa-solid fa-triangle-exclamation fa-5x"></i></div>
|
||||||
|
<h5 class="text-darkBlue text-center mb-2"><strong>您沒有設定自製名片權限</strong></h5>
|
||||||
|
<h6 class="text-darkBlue text-center mb-5">請點選下方立即購買按鈕<br />開通自製名片相關服務</h6>
|
||||||
|
|
||||||
|
<van-button class="btn-darkBlue px-5" icon="balance-o" size="normal" @click="router.push('/shop')">立即購買</van-button>
|
||||||
|
</div>
|
||||||
|
</van-cell-group>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style src="@/assets/css/main.css"></style>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<style lang="less" scoped>
|
||||||
.recommend {
|
|
||||||
width: 100%;
|
|
||||||
padding-top: 2%;
|
|
||||||
}
|
|
||||||
.recommend ul {
|
|
||||||
width: 80%;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between;
|
|
||||||
margin: 0 auto 5% auto;
|
|
||||||
}
|
|
||||||
.recommend ul li {
|
|
||||||
width: 21%;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
margin: 1%;
|
|
||||||
}
|
|
||||||
.recommend ul li p {
|
|
||||||
margin-top: 2%;
|
|
||||||
font-size: 15px;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
.recommend ul li span {
|
|
||||||
font-size: 0.24rem;
|
|
||||||
color: #999;
|
|
||||||
padding-top: 0.15rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
Loading…
Reference in new issue