snsd0805/Credit-Card-System-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: SBT frontpage

Browse Source
This commit is contained in:
snsd0805 2023-06-08 05:09:09 +08:00
parent 7c4c1760bc
commit 46c62eb255
Signed by: snsd0805
GPG Key ID: 569349933C77A854
3 changed files with 98 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/assets/ghost-blog.css
View File

@ -39,6 +39,11 @@ hr {
background: #060606;
color: white;
} */
.box.is-fullwidth h1.title.is-4{
color: #060606;
}
.footer {
background: #060606;
color: white;
@ -111,3 +116,4 @@ hr {
height: 380px;
}
::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}

4
src/views/HomeView.vue
View File

@ -32,12 +32,12 @@
<p class="post-excerpt">在區塊鏈世代中使用最方便的支付方式，透過具有公信力的 Soulbound Token
(SBT)進行信用認證、方便信用評分，直接透過區塊鏈銀行進行消費，QRcode掃完就走</p>
<br>
<a href="#" class="button is-info">
<RouterLink to="/signup" class="button is-info">
<p>馬上申辦</p>
<span class="icon">
<i class="fas fa-arrow-right"></i>
</span>
</a>
</RouterLink>
</div>
</div>

94
src/views/LinkSBTView.vue
View File

@ -1,10 +1,96 @@
<script>
export default {
name: 'PageFooter'
}
import PageTitle from '../components/PageTitle.vue'
// import detectEthereumProvider from '@metamask/detect-provider'
import WarningModal from '../components/WarningModal.vue'
import SuccessModal from '../components/SuccessModal.vue'
// import { useClientStore } from '../stores/Client.js'
export default {
components: { PageTitle, WarningModal, SuccessModal },
}
</script>
<template>
SBT
<section class="blog-posts">
<div class="container">
<div class="block">
<PageTitle title="Set up Soulbound Token(SBT)" subtitle="Mint SBT 紀錄個人信用並作為身份驗證憑證"></PageTitle>
</div>
<div class="block">
<div class="columns">
<div class="column is-6">
<div class="box is-fullwidth">
<div class="block">
<h1 class="title is-4">您已經擁有 SBT</h1>
</div>
<div class="block">
請輸入您的 SBT 相關資訊
</div>
<div class="block">
<div class="field">
<label class="label">SBT address</label>
<div class="control">
<input class="input is-info is-rounded" type="text" value="0x92E72Cc93e465810814F60957e08a8C8D1762Eb6" disabled>
</div>
</div>
<div class="field">
<label class="label">Username</label>
<div class="control has-icons-left has-icons-right">
<input class="input is-info is-rounded" type="text" placeholder="Text input" value="bulma">
<span class="icon is-small is-left">
<i class="fas fa-user"></i>
</span>
<span class="icon is-small is-right">
<i class="fas fa-check"></i>
</span>
</div>
<!-- <p class="help is-success">This username is available</p> -->
</div>
<div class="column is-2 is-offset-5">
<button class="button is-info is-outlined">驗證</button>
</div>
</div>
</div>
</div>
<div class="column is-6">
<div class="box is-fullwidth">
<div class="block">
<h1 class="title is-4">您還沒有 SBT</h1>
</div>
<div class="block">
確認後會向下方 SBT 智能合約地址請求 Mint 一個 Soulbound Token 到你的地址
</div>
<div class="block">
<div class="field">
<label class="label">SBT address</label>
<div class="control">
<input class="input is-info is-rounded" type="text" value="0x92E72Cc93e465810814F60957e08a8C8D1762Eb6" disabled>
</div>
</div>
<div class="column is-2 is-offset-5">
<button class="button is-info is-outlined">MINT</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="block">
<div class="columns">
<div class="column is-2 is-offset-4">
<button @click="detect" class="button is-primary is-fullwidth is-medium is-outlined">Link to MetaMask</button>
</div>
<div class="column is-2">
<RouterLink to="/" class="button is-danger is-fullwidth is-medium is-outlined">Cancel</RouterLink>
</div>
</div>
</div> -->
</div>
</section>
<WarningModal :active="warningModalStatus" :errorMsg="msg" @closeModal="warningModalStatus = false"></WarningModal>
<SuccessModal :active="successModalStatus" :successMsg="msg" @closeModal="successModalStatus = false"
link="/signup/linksbt" btnName="繼續"></SuccessModal>
</template>