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

style: modify login page

Browse Source
This commit is contained in:
张传龙 2022-07-23 22:17:23 +08:00
parent 7ee613d8cf
commit e5768fa1e3
2 changed files with 4 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/AppFooter.vue
View File

@ -2,7 +2,7 @@
<footer text-14 f-c-c flex-col color="#6a6a6a"> <footer text-14 f-c-c flex-col color="#6a6a6a">
<p> <p>
Copyright©2022 Copyright©2022
<a href="https://github.com/zclzone" target="__blank" hover="decoration-underline color-primary">大脸怪</a> <a href="https://github.com/zclzone" target="__blank" hover="decoration-underline color-primary"> 大脸怪</a>
</p> </p>
<p> <p>
<a href="http://beian.miit.gov.cn/" target="__blank" hover="decoration-underline color-primary"> <a href="http://beian.miit.gov.cn/" target="__blank" hover="decoration-underline color-primary">

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

@ -1,6 +1,6 @@
<template> <template>
<div class="login-bg cus-scroll" h-full flex-col overflow-auto> <div class="cus-scroll h-full py-15 flex-col overflow-auto bg-cover" :style="{ backgroundImage: `url(${bgImg})` }">
<div class="login-wrapper" m-auto p-15 f-c-c min-w-345 rounded-10> <div m-auto p-15 f-c-c min-w-345 rounded-10 card-shadow bg-white bg-opacity-60>
<div w-380 hidden md:block px-20 py-35> <div w-380 hidden md:block px-20 py-35>
<img src="@/assets/images/login_banner.png" w-full alt="login_banner" /> <img src="@/assets/images/login_banner.png" w-full alt="login_banner" />
</div> </div>
@ -47,6 +47,7 @@ import { login } from '@/api/auth'
import { lStorage } from '@/utils/cache' import { lStorage } from '@/utils/cache'
import { setToken } from '@/utils/token' import { setToken } from '@/utils/token'
import { useStorage } from '@vueuse/core' import { useStorage } from '@vueuse/core'
import bgImg from '@/assets/images/login_bg.jpg'
const title = import.meta.env.VITE_APP_TITLE const title = import.meta.env.VITE_APP_TITLE
@ -104,15 +105,3 @@ async function handleLogin() {
loging.value = false loging.value = false
} }
</script> </script>
<style lang="scss" scoped>
.login-bg {
background-image: url(@/assets/images/login_bg.jpg);
background-size: cover;
}
.login-wrapper {
box-shadow: 1.5px 3.99px 27px 0px rgb(0 0 0 / 10%);
background-color: rgba(255, 255, 255, 0.6);
}
</style>