From cd24c776d772c7ad797891afd779b3b072293ec2 Mon Sep 17 00:00:00 2001
From: zrlibs <jesting_rr@163.com>
Date: 星期五, 21 三月 2025 17:35:07 +0800
Subject: [PATCH] fixed
---
src/views/account/login.vue | 56 ++++++++++++++++++++++++++++++++------------------------
1 files changed, 32 insertions(+), 24 deletions(-)
diff --git a/src/views/account/login.vue b/src/views/account/login.vue
index e126806..a59d7eb 100644
--- a/src/views/account/login.vue
+++ b/src/views/account/login.vue
@@ -5,13 +5,6 @@
<div class="account-logo">
<img src="http://115.29.185.26:5101/userphoto?login=sa" />
</div>
- <article class="ivu-typography ivu-text-center ivu-mt">
- <h1 class="ivu-typography">Vue Template<!----></h1>
- <div class="ivu-typography">
- 鍩轰簬 Vue3.0銆乂ueRouter 鍜孷iewUIPlus鐨勭鐞嗙郴缁熸ā鏉挎紨绀�- <!---->
- </div>
- </article>
<Form
class="account-form"
:model="form"
@@ -19,12 +12,12 @@
label-position="top"
ref="refFormInline"
>
+ <div class="title">Vue浠撳簱绠＄悊绯荤粺</div>
<div class="ivu-login">
<FormItem prop="user">
<Input
type="text"
v-model="form.user"
- size="large"
prefix="ios-person-outline"
>
</Input>
@@ -33,15 +26,12 @@
<Input
type="password"
v-model="form.password"
- size="large"
prefix="ios-lock-outline"
>
</Input>
</FormItem>
<FormItem>
- <Button type="primary" @click="onSignIn" size="large" long
- >鐧诲綍</Button
- >
+ <Button type="primary" @click="onSignIn" long>鐧诲綍</Button>
</FormItem>
</div>
</Form>
@@ -130,23 +120,13 @@
background-image: url("../../assets/login_bg.png");
background-attachment: fixed;
.login-wrap {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
height: 100vh;
overflow: auto;
}
.login-account {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
+ width: 280px;
padding: 16px 0 0;
- max-width: 420px;
- margin: 0 auto;
+ margin: 0 300px 0 auto;
margin-top: 100px;
}
.account-logo {
@@ -165,10 +145,38 @@
.account-form {
margin-top: 32px;
}
+ .title {
+ font-size: 30px;
+ text-align: center;
+ margin-bottom: 18px;
+ letter-spacing: 3px;
+
+ font-weight: bold;
+ background: -webkit-linear-gradient(#009df4, #00e9cf);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ color: transparent;
+ }
+ .ivu-login {
+ padding: 60px 30px 3px;
+ background-image: url("../../assets/account_bg.png");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ background-position: right bottom;
+ }
.ivu-form-item {
margin-bottom: 24px;
vertical-align: top;
zoom: 1;
+ .ivu-icon {
+ color: #0ba1f8;
+ }
+ .ivu-input {
+ border: 2px solid #0ba1f8;
+ background-color: transparent;
+ color: #fff;
+ }
}
.ivu-form-item-content {
position: relative;
--
Gitblit v1.9.1