From 02f138c2851caf5e8e6795a4d2ae01db23ae9966 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期四, 16 六月 2022 16:59:21 +0800
Subject: [PATCH] 1.修改登录页样式
---
src/views/login/index.vue | 58 +++++++++++++++++++++++++++++++++++++---------------------
1 files changed, 37 insertions(+), 21 deletions(-)
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index ceeb1f2..f94c563 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,24 +1,43 @@
<template>
<div class="login-container">
-
<div class="login-container-center">
-
<el-carousel
- :autoplay="false"
+ :autoplay="true"
indicator-position="outside"
height="580px"
:interval="3000"
style="width: 500px;margin-left: 20px"
>
- <el-carousel-item v-for="item in carouselArr" :key="item.title">
- <!-- <h3>{{ item }}</h3>-->
-
- <div :style="{ width:'200px',height:'300px' ,backgroundColor:item.color,margin:'95px 0px 35px 155px'}" />
+ <el-carousel-item>
+ <img src="@/assets/images/img1.png" style="margin-top: -30px">
<div class="itemLabel">
- <div class="title">{{ item.title }}</div>
- <div class="content">{{ item.content }}</div>
+ <p class="title">鏅烘収鐗╄仈</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="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="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
@@ -140,11 +159,11 @@
loading: false,
passwordType: 'password',
redirect: undefined,
- carouselArr: [
- { color: 'red', title: '鏅烘収鐗╄仈', content: '鐢熶骇鐜板満鏁版嵁瀹炴椂閲囬泦銆佷紶杈俱�佸缁村害鍙鍖栧憟鐜�' },
- { color: 'yellow', title: '鏅烘収鐗╄仈2', content: '鐢熶骇鐜板満鏁版嵁瀹炴椂閲囬泦銆佷紶杈俱�佸缁村害鍙鍖栧憟鐜�2' },
- { color: 'blue', title: '鏅烘収鐗╄仈3', content: '鐢熶骇鐜板満鏁版嵁瀹炴椂閲囬泦銆佷紶杈俱�佸缁村害鍙鍖栧憟鐜�3' }
- ],
+ // carouselArr: [
+ // { url: '@/assets/images/img1.png', title: '鏅烘収鐗╄仈', content: '鐢熶骇鐜板満鏁版嵁瀹炴椂閲囬泦銆佷紶杈俱�佸缁村害鍙鍖栧憟鐜�' }
+ // // { url: 'yellow', title: '鏅烘収鐗╄仈2', content: '鐢熶骇鐜板満鏁版嵁瀹炴椂閲囬泦銆佷紶杈俱�佸缁村害鍙鍖栧憟鐜�2' },
+ // // { url: 'blue', title: '鏅烘収鐗╄仈3', content: '鐢熶骇鐜板満鏁版嵁瀹炴椂閲囬泦銆佷紶杈俱�佸缁村害鍙鍖栧憟鐜�3' }
+ // ],
focus1: false,
focus2: false
}
@@ -240,19 +259,16 @@
$bg: #2d3a4b;
$dark_gray: #889aa4;
$light_gray: #eee;
-$main_color:#42b983;
+$main_color: #42b983;
.login-container {
min-height: 100%;
width: 100%;
- background-color: $bg;
+ //background-color: $bg;
overflow: hidden;
- background: url("../../assets/images/login_bg2.jpg") no-repeat;
+ background: url("../../assets/images/login_bg.png") no-repeat;
background-size: 100% 100%;
- opacity: 0.8;
- // ::v-deep input {
- // color: #000;
- //}
+ opacity: 1;
.login-container-center {
width: 1000px;
--
Gitblit v1.9.3