go-pkg/wireguard-dashboard-admin
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 5 Wiki Activity

feat: login page compatible mobile

Browse Source
This commit is contained in:
张传龙 2022-07-20 18:26:38 +08:00
parent 789231a7f4
commit eb160731da
2 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/common/AppFooter.vue Normal file
View File

@ -0,0 +1,10 @@
<template>
<footer text-16 h-60 f-c-c flex-col color="#6a6a6a">
<p>Copyright © 2022 <span hover:color-primary cursor-pointer>大脸怪</span></p>
<p>
<a href="http://beian.miit.gov.cn/" hover="decoration-underline color-primary">赣ICP备2020015008号-1</a>
</p>
</footer>
</template>
<script setup></script>

24
src/views/login/index.vue
View File

@ -1,16 +1,13 @@
<template>
<div class="login-bg" f-c-c h-full>
<div class="login-wrapper" flex w-full max-w-1020>
<div p-40 border-r border-gray-200>
<img src="@/assets/images/login_banner.png" height="380" alt="login_banner" />
<div class="login-bg cur-scroll" h-full flex-col overflow-auto>
<div class="login-wrapper" m-auto p-15 f-c-c min-w-345 rounded-10>
<div w-380 hidden md:block px-20 py-35>
<img src="@/assets/images/login_banner.png" w-full alt="login_banner" />
</div>
<div w-full f-c-c flex-col>
<h5 f-c-c w-full p-15 text-24 font-normal color="#6a6a6a">
<icon-custom-logo mr30 text-50 />
{{ title }}
</h5>
<div mt-30 w-full max-w-360>
<div w-320 flex-col px-20 py-35>
<h5 f-c-c text-24 font-normal color="#6a6a6a"><icon-custom-logo mr-30 text-50 />{{ title }}</h5>
<div mt-30>
<n-input
v-model:value="loginInfo.name"
autofocus
@ -20,7 +17,7 @@
>
</n-input>
</div>
<div mt-30 w-full max-w-360>
<div mt-30>
<n-input
v-model:value="loginInfo.password"
class="text-16 items-center h-50 pl-10"
@ -32,15 +29,16 @@
/>
</div>
<div mt-20 w-full max-w-360>
<div mt-20>
<n-checkbox :checked="isRemember" label="记住我" :on-update:checked="(val) => (isRemember = val)" />
</div>
<div mt-20 w-full max-w-360>
<div mt-20>
<n-button w-full h-50 rounded-5 text-16 type="primary" :loading="loging" @click="handleLogin">登录</n-button>
</div>
</div>
</div>
<AppFooter />
</div>
</template>