feat: 更新 index.html 和 App.vue,优化页面结构和样式
This commit is contained in:
27
src/App.vue
27
src/App.vue
@ -2,22 +2,25 @@
|
||||
import AllCustom from './all-custom/all-custom.vue';
|
||||
import TutorialForm from './tutorial-form/index.vue';
|
||||
import ZodForm from './zod-form/index.vue';
|
||||
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<ZodForm v-if="false" />
|
||||
<TutorialForm v-if="false" />
|
||||
<div class="page-wrapper">
|
||||
<ZodForm v-if="false" />
|
||||
<TutorialForm v-if="false" />
|
||||
|
||||
<!-- <div class="flex flex-col md:flex-row items-start p-4 gap-4"> -->
|
||||
<div class="p-4 w-full bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white">
|
||||
<AllCustom />
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
<!-- <div class="flex flex-col md:flex-row items-start p-4 gap-4"> -->
|
||||
<div class="p-4 w-full bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white">
|
||||
<AllCustom />
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
|
||||
<div class="p-4 w-full bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white mt-4">
|
||||
<FloatLabel>
|
||||
<label for="username">用户名</label>
|
||||
<InputText id="username"></InputText>
|
||||
</FloatLabel>
|
||||
<div class="p-4 w-full bg-white rounded-lg shadow-md dark:bg-gray-800 dark:text-white mt-4">
|
||||
<FloatLabel>
|
||||
<label for="username">用户名</label>
|
||||
<InputText id="username"></InputText>
|
||||
</FloatLabel>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
Reference in New Issue
Block a user