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>
|
||||
import { useRouter} from 'vue-router'
|
||||
import Footer from '@/components/Footer.vue'
|
||||
|
||||
import { useRouter} from 'vue-router'
|
||||
const router = useRouter()
|
||||
|
||||
import Footer from '@/components/Footer.vue'
|
||||
</script>
|
||||
|
||||
const router = useRouter()
|
||||
|
||||
</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>
|
||||
.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>
|
||||
Loading…
Reference in new issue