From b012ab3a1e5495be068c543eb8f0482124db13b5 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期六, 31 十二月 2022 16:48:22 +0800
Subject: [PATCH] 1.登录页文字跟随系统变化
---
src/views/login/index.vue | 50 ++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 42 insertions(+), 8 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 0bf205c..094e3e5 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -11,21 +11,21 @@
<el-carousel-item>
<img src="@/assets/images/img1.png" style="margin-top: -30px">
<div class="itemLabel">
- <p class="title">鏅烘収鐗╄仈</p>
+ <p class="title" :style="{color:$store.state.settings.theme}">鏅烘収鐗╄仈</p>
<p class="content">鐢熶骇鐜板満鏁版嵁瀹炴椂閲囬泦銆� 浼犻�掋�佸缁村害鍙鍖栧憟鐜�</p>
</div>
</el-carousel-item>
<el-carousel-item>
<img src="@/assets/images/img2.png" style="margin-top: -30px">
<div class="itemLabel">
- <p class="title">绮剧泭鎬濈淮</p>
+ <p class="title" :style="{color:$store.state.settings.theme}">绮剧泭鎬濈淮</p>
<p class="content">杩愮敤绮剧泭鎬濇兂鍜孖T绯荤粺鎶� 鏈墦閫犲伐鍘傚埗閫犲崗鍚屽钩鍙�</p>
</div>
</el-carousel-item>
<el-carousel-item>
<img src="@/assets/images/img3.png" style="margin-top: -30px">
<div class="itemLabel">
- <p class="title">琛屼笟缁勪欢</p>
+ <p class="title" :style="{color:$store.state.settings.theme}">琛屼笟缁勪欢</p>
<p class="content">鍩轰簬鍒堕�犳ā鍨嬪揩閫熺伒娲诲湴 閰嶇疆瀹㈡埛涓撳睘鐨勫簲鐢ㄥ満鏅�</p>
</div>
</el-carousel-item>
@@ -103,7 +103,7 @@
<el-button
:loading="loading"
type="primary"
- style="width:100%;margin-top:20px;"
+ style="width:100%;margin-top:20px;letter-spacing: 10px"
@click.native.prevent="handleLogin"
>鐧诲綍
</el-button>
@@ -123,12 +123,14 @@
:close-on-click-modal="false"
:show-close="false"
top="5vh"
+ class="dialogVisible"
>
- <div style="font-size:20px;">
+ <div style="font-size:18px;">
<!-- <i class="el-icon-warning-outline" style="color: #ffef00" />-->
褰撳墠璐﹀彿宸茬櫥褰曪紝鏄惁寮哄埗涓嬬嚎!
</div>
<span slot="footer" class="dialog-footer">
+
<div class="footerButton">
<el-button @click="dialogVisibleCancel">鍚�</el-button>
<el-button type="primary" @click="dialogVisibleConfirm">鏄�</el-button>
@@ -215,7 +217,7 @@
if (valid) {
this.loading = true
this.$store.dispatch('user/login', this.loginForm).then(() => {
- console.log(getCookie('code') === '302')
+ console.log(getCookie('code') === '302', 9999)
if (getCookie('code') === '302') {
this.dialogVisible = true
} else {
@@ -250,13 +252,15 @@
usercode,
username,
usertype,
- userid
+ userid,
+ rid: ''
}
const res = await ForcedOffline(data)
if (res.code === '200') {
this.$message.success('寮哄埗涓嬬嚎鎴愬姛锛�')
this.dialogVisible = false
- this.$router.push({ path: this.redirect || '/' })
+ // this.$router.push({ path: this.redirect || '/' })
+ await this.handleLogin()
}
}
}
@@ -451,4 +455,34 @@
::v-deep .el-dialog__title{
color: red;
}
+
+::v-deep .el-dialog__body {
+ padding: 20px 20px !important;
+}
+
+::v-deep .el-dialog__footer {
+ display: flex;
+ justify-content: flex-end;
+}
+
+.footerButton {
+ display: flex;
+ justify-content: end;
+}
+::v-deep .dialogVisible .el-button--primary {
+ background-color: #42b983 !important;
+ height: 30px;
+ display: flex;
+ align-items: center;
+ //border: 1px solid $main_color;
+ border: none;
+ padding: 0 20px;
+}
+::v-deep .dialogVisible .el-button--default {
+ height: 30px;
+ display: flex;
+ align-items: center;
+ padding: 0 20px;
+}
+
</style>
--
Gitblit v1.9.3