From fdf0f9d0ae6659d4110aee59bcf9216f9e0fac7f Mon Sep 17 00:00:00 2001
From: 小小儁爺 <1694218219@qq.com>
Date: 星期一, 02 十二月 2024 15:25:19 +0800
Subject: [PATCH] 1.登录页样式替换
---
src/views/login/index.vue | 71 ++++++++++++-----------------------
1 files changed, 25 insertions(+), 46 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 0398046..395054e 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,44 +1,7 @@
<template>
<div class="login-container">
+ <div class="bg" />
<div class="login-container-center">
- <el-carousel
- :autoplay="true"
- indicator-position="outside"
- height="580px"
- :interval="3000"
- style="width: 500px;margin-left: 20px"
- >
- <el-carousel-item>
- <img src="@/assets/images/img1.png" style="margin-top: -30px">
- <div class="itemLabel">
- <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" :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" :style="{color:$store.state.settings.theme}">琛屼笟缁勪欢</p>
- <p class="content">鍩轰簬鍒堕�犳ā鍨嬪揩閫熺伒娲诲湴 閰嶇疆瀹㈡埛涓撳睘鐨勫簲鐢ㄥ満鏅�</p>
- </div>
- </el-carousel-item>
- <!-- <el-carousel-item v-for="item in carouselArr" :key="item.title">-->
- <!-- <div :style="{ width:'200px',height:'300px' ,margin:'95px 0px 35px 155px'}">-->
- <!-- <img :src="item.url" alt="" style="width: 200px;height: 300px">-->
- <!-- </div>-->
- <!-- <div class="itemLabel">-->
- <!-- <div class="title">{{ item.title }}</div>-->
- <!-- <div class="content">{{ item.content }}</div>-->
- <!-- </div>-->
- <!-- </el-carousel-item>-->
- </el-carousel>
<el-form
ref="loginForm"
@@ -105,7 +68,8 @@
<el-button
:loading="loading"
type="primary"
- style="width:100%;margin-top:30px;letter-spacing: 10px;height: 40px;"
+ style="width:100%;margin-top:30px;letter-spacing: 10px;height: 40px;
+ background: #6e67fe !important;"
@click.native.prevent="handleLogin"
>鐧诲綍
</el-button>
@@ -341,23 +305,38 @@
min-height: 100%;
width: 100%;
//background-color: $bg;
+ background-color: #6e67fe;
overflow: hidden;
- background: url("../../assets/images/login_bg.png") no-repeat;
- background-size: 100% 100%;
- opacity: 1;
+ //background: url("../../assets/images/login_bg.png") no-repeat;
+ //background: url("../../assets/images/bg3.webp") no-repeat;
+ //background-size: 100% 100%;
+ //opacity: 1;
+
+ .bg{
+ background: url("../../assets/images/bg3.webp") no-repeat;
+ background-size: 100% 100%;
+ width: 60vw;
+ height: 100vh;
+ //margin-top: 10vh;
+
+ }
.login-container-center {
- width: 1000px;
+ //width: 1000px;
+ width: 546px;
height: 600px;
background-color: #fff;
border-radius: 10px;
z-index: 0.5;
//浣跨洅瀛愬眳涓�
position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
+ right: 5vw;
+ top: calc(50vh - 300px);
+ //left: 50%;
+ //top: 50%;
+ //transform: translate(-50%, -50%);
+ //transform: scale(0.9);
.itemLabel {
display: flex;
justify-content: center;
--
Gitblit v1.9.3