From fcd9788f561b8b81bf5aa45bbc3db035b9786f2c Mon Sep 17 00:00:00 2001
From: feige <feige@qq.com>
Date: 星期五, 08 十一月 2024 11:10:00 +0800
Subject: [PATCH] 修改图像bug
---
ruoyi-ui/src/views/login.vue | 72 ++++++++++++++++++-----------------
1 files changed, 37 insertions(+), 35 deletions(-)
diff --git a/ruoyi-ui/src/views/login.vue b/ruoyi-ui/src/views/login.vue
index e1fb05a..16e5d83 100644
--- a/ruoyi-ui/src/views/login.vue
+++ b/ruoyi-ui/src/views/login.vue
@@ -1,18 +1,18 @@
<template>
<div>
-
+
<div class="login Group_132">
<div class="navbar topHeight">
<!-- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
-
+
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
<top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
-->
<div class="right-menu">
-
-
-
+
+
+
<div class="avatar-wrapper">
<el-button @click="login">
<img :src="avatar" class="user-avatar">
@@ -20,14 +20,14 @@
<span>鐧诲綍</span>
</el-button>
<el-button @click="openReg">
-
+
<span>娉ㄥ唽</span>
</el-button>
</div>
-
+
</div>
</div>
-
+
<el-dialog :visible.sync="open" style="margin: 0px;" customClass="customWidth" width="620px">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" style="margin: 0px;">
<h3 class="title">鐧诲綍鏈兘閮藉缃�</h3>
@@ -107,7 +107,7 @@
</div>
<div class="code" @click="getCode" style="width: 24px;
-
+
height: 16px;
font-size: 12px;
font-family: Microsoft YaHei-Regular, Microsoft YaHei;
@@ -134,18 +134,18 @@
<span v-if="!loading" style="width: 97px;height: 62px;">鐧诲綍</span>
<span v-else>鐧� 褰� 涓�...</span>
</el-button>
-
+
</el-form-item>
<el-form-item>
<a href="https://www.bendudu.com:8080/profile/upload/2023/10/10/Bendudu20231010_20231010203358A033.apk">鐐瑰嚮姝ゅ涓嬭浇搴旂敤绋嬪簭</a>
-
+
</el-form-item>
</el-form>
</el-dialog>
-
-
-
-
+
+
+
+
<el-dialog :visible.sync="openRegister" customClass="customWidth" width="450px">
<div class="register">
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
@@ -202,11 +202,11 @@
<span v-if="!loading">娉� 鍐�</span>
<span v-else>娉� 鍐� 涓�...</span>
</el-button>
-
+
</el-form-item>
</el-form>
<!-- 搴曢儴 -->
-
+
</div>
</el-dialog>
<!-- 搴曢儴 -->
@@ -215,7 +215,7 @@
<a href="https://beian.miit.gov.cn/" target="_blank" style="color: black; ">绮CP澶�2023050334鍙�<span v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></span>鍏畨澶囨鍙�44010402003045</a>
</div>
</div>
-
+
<div class="gpr">
<!-- <img :key="url" :src="url" style="width:100%;height:30%"></img> -->
</div>
@@ -235,11 +235,13 @@
callback(new Error("涓ゆ杈撳叆鐨勫瘑鐮佷笉涓�鑷�"));
} else {
callback();
+
}
};
return {
url: require('../assets/images/index.png'),
openRegister: false,
+ avatar: undefined,
open: false,
codeUrl: "",
loginForm: {
@@ -266,9 +268,9 @@
// 娉ㄥ唽寮�鍏�
// register: true,
redirect: undefined,
-
-
-
+
+
+
registerForm: {
nickname: "",
@@ -320,7 +322,7 @@
dangerouslyUseHTMLString: true,
type: 'success'
}).then(() => {
- this.openRegister = false;
+ this.openRegister = false;
// this.$router.push("/login");
}).catch(() => {});
}).catch(() => {
@@ -333,7 +335,7 @@
});
},
openReg(){
- this.openRegister = true;
+ this.openRegister = true;
},
login(){
this.open = true;
@@ -341,7 +343,7 @@
getCode() {
getCodeImg().then(res => {
-
+
this.captchaEnabled = res.data.captchaEnabled === undefined ? true : res.captchaEnabled;
if (this.captchaEnabled) {
this.codeUrl = "data:image/gif;base64," + res.data.img;
@@ -393,7 +395,7 @@
.gpr{
width:100%;
// height:1000px;
-
+
//background: no-repeat center/100% url("../assets/images/index.png");
}
.customWidth{
@@ -401,22 +403,22 @@
}
.topHeight{
height: 40px;
-
+
margin-right: 20px;
- top:5px;
+ top:5px;
position: absolute;
}
.Group_132{
// background-image: url("../assets/images/index.png");
-
+
// background: no-repeat center/40% url("../assets/images/Group 132.png");
// height: 1200px;
min-width: 1300px;
width: 100vw;
height: 100vh;
-
+
background-color: #FEF7FC;
//background-position: 49.5% 16.2% ;
// background-position: 81.7px 71.3px;
@@ -433,12 +435,12 @@
background: no-repeat center/100% url("../assets/images/index.png");
background-color: #FEF7FC;
-
+
//background-image: url("../assets/images/login-background.jpg");
//background-size: cover;
}
.title {
-
+
width:355px;
height: 58px;
font-size: 44px;
@@ -534,7 +536,7 @@
width: 108px;
height: 48px;
float: right;
-
+
img {
@@ -562,7 +564,7 @@
}
.code {
-
+
}
.register {
@@ -571,10 +573,10 @@
align-items: center;
height: 100%;
//background-image: url("../assets/images/login-background.jpg");
-
+
width:400px;
background-color: #FEF7FC;
-
+
//background-size: cover;
}
.title {
--
Gitblit v1.9.1