snsd0805/faucet_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: use bootstrap template

Browse Source
This commit is contained in:
Ting-Jun Wang 2023-02-25 22:51:46 +08:00
parent e2c752852b
commit 1ebb9668f7
Signed by: snsd0805
GPG Key ID: 8DB0D22BC1217D33
3 changed files with 11540 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@ -1,10 +1,20 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8" />
<link rel="icon" href="/favicon.ico"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="" />
<title>Vite App</title> <meta name="author" content="" />
<title>My Goerli Faucet</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

11509
public/css/styles.css Normal file
View File

File diff suppressed because it is too large Load Diff

20
src/views/FaucetView.vue
View File

@ -1,10 +1,24 @@
<template> <template>
<button class="btn btn-primary">Click me!</button> <section class="page-section portfolio" id="portfolio">
<div class="container">
<!-- Portfolio Section Heading-->
<h2 class="page-section-heading text-center text-uppercase text-secondary mb-0">My Goerli Faucet</h2>
<!-- Icon Divider-->
<div class="divider-custom">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon"><i class="fa-brands fa-ethereum"></i></div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Grid Items-->
<div class="row justify-content-center">
<button class='btn btn-primary'> Test </button>
</div>
</div>
</section>
</template> </template>
<script> <script>
import 'bootstrap/dist/css/bootstrap.css'; //导入Bootstrap样式表
import 'bootstrap'; //导入Bootstrap JavaScript组件
export default { export default {
name: 'MyComponent', name: 'MyComponent',