queen.bee
/
tansci-boot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新

master
tanyp 2023-08-18 16:54:48 +08:00
parent 2f4578b196
commit 0e21095dd3
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
tansci-boot-ui/src/assets/image/login-left.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

6
tansci-boot-ui/src/views/common/Login.vue
View File

@ -8,7 +8,7 @@
const loginFormRef = ref<FormInstance>() const loginFormRef = ref<FormInstance>()
const logo = new URL('../../assets/image/logo.png', import.meta.url).href const logo = new URL('../../assets/image/logo.png', import.meta.url).href
const loginLogo = new URL('../../assets/image/login-left.png', import.meta.url).href const loginLogo = new URL('../../assets/image/login-left.gif', import.meta.url).href
const codeImg = ref() const codeImg = ref()
const state = reactive({ const state = reactive({
@ -82,7 +82,7 @@
<div class="main-title">帐号登录</div> <div class="main-title">帐号登录</div>
<div class="main-container"> <div class="main-container">
<div class="logo"> <div class="logo">
<el-image :src="loginLogo" style="width: 100%; height: 80%;"></el-image> <el-image :src="loginLogo" fit="fit"></el-image>
</div> </div>
<div class="form"> <div class="form">
<el-form :model="state.loginForm" :rules="rules" size="large" ref="loginFormRef"> <el-form :model="state.loginForm" :rules="rules" size="large" ref="loginFormRef">
@ -125,7 +125,7 @@
</template> </template>
<style lang="scss" scoped="scoped"> <style lang="scss" scoped="scoped">
.login-container { .login-container {
background-image: radial-gradient( white 0%, #FAFDFE 10%, #ddf8e7 50%, #FAFDFE 90%, white 100%); // background-image: radial-gradient( white 0%, #FAFDFE 10%, #ddf8e7 50%, #FAFDFE 90%, white 100%);
// background-image: radial-gradient(#ddf8e7 00%, #FAFDFE 80%, white 100%); // background-image: radial-gradient(#ddf8e7 00%, #FAFDFE 80%, white 100%);
.login-header{ .login-header{
width: 100%; width: 100%;