examples/vue-ts-example
1
0
Fork 0
Code Issues Pull Requests 5 Actions Packages Projects Releases Wiki Activity

chore: Add loading indicator to index.html
All checks were successful
CI / cache-and-install (push) Successful in 1m33s
Details

Browse Source
This commit is contained in:
严浩
2024-08-29 14:29:46 +08:00
parent 25d60c68a9
commit e491219375
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -13,7 +13,9 @@
</head> </head>
<body ontouchstart ontouchend> <body ontouchstart ontouchend>
<div id="app"></div> <div id="app">
<div style="display: flex; justify-content: center; align-items: center; height: 100vh">Loading...</div>
</div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
<script src="https://fastly.jsdelivr.net/npm/@vant/touch-emulator/dist/index.min.js"></script> <script src="https://fastly.jsdelivr.net/npm/@vant/touch-emulator/dist/index.min.js"></script>
<link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/nprogress/nprogress.css" /> <link rel="stylesheet" href="https://fastly.jsdelivr.net/npm/nprogress/nprogress.css" />

1
src/pages/index-page.vue
View File

@ -17,6 +17,7 @@ definePage({
import type { FunctionalComponent } from 'vue'; import type { FunctionalComponent } from 'vue';
// https://cn.vuejs.org/guide/extras/render-function#typing-functional-components // https://cn.vuejs.org/guide/extras/render-function#typing-functional-components
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const FComponent: FunctionalComponent<{ prop: string }> = (props, context) => ( const FComponent: FunctionalComponent<{ prop: string }> = (props, context) => (
<> <>
<div border="1 solid pink" text="pink"> <div border="1 solid pink" text="pink">