Преглед на файлове

标题修改,登录页面修改

gcz преди 1 година
родител
ревизия
b20c77d462

+ 1 - 1
.env.development

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 景区营销管理系统
+VUE_APP_TITLE = 景区一码游管理系统(测试)
 
 # 开发环境配置
 ENV = 'development'

+ 1 - 1
.env.production

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 景区营销管理系统
+VUE_APP_TITLE = 景区一码游管理系统
 
 # 生产环境配置
 ENV = 'production'

+ 1 - 1
.env.staging

@@ -1,5 +1,5 @@
 # 页面标题
-VUE_APP_TITLE = 景区营销管理系统
+VUE_APP_TITLE = 景区一码游管理系统
 
 NODE_ENV = production
 

+ 1 - 1
package.json

@@ -1,7 +1,7 @@
 {
   "name": "ruoyi",
   "version": "3.8.7",
-  "description": "景区营销管理系统",
+  "description": "景区一码游管理系统",
   "author": "若依",
   "license": "MIT",
   "scripts": {

Файловите разлики са ограничени, защото са твърде много
+ 7 - 0
src/assets/icons/svg/code-new.svg


+ 16 - 0
src/assets/icons/svg/password-new.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="26px" viewBox="0 0 22 26" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组备份</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="总后台" transform="translate(-1281.000000, -506.000000)" fill="#B7B7B7" fill-rule="nonzero">
+            <g id="编组-3" transform="translate(1139.000000, 211.000000)">
+                <g id="编组备份" transform="translate(142.000000, 295.000000)">
+                    <g id="编组-5" transform="translate(0.000000, -0.000000)">
+                        <path d="M18.8955556,9.1254884 L4.49777778,9.1254884 L4.49777778,6.66282512 C4.69070705,3.68972585 7.15525844,1.32325481 10.2399127,1.14920666 C13.324567,0.975158504 16.0586385,3.04830309 16.61,5.97940659 C16.6544363,6.29759924 16.9504665,6.52591437 17.2822222,6.49786203 C17.6156695,6.46087376 17.8557647,6.17153804 17.82,5.84979275 C17.1774335,2.31441136 13.888989,-0.19575892 10.1722195,0.0120079662 C6.45544995,0.219774853 3.48997565,3.0795383 3.27555555,6.66282512 L3.27555555,9.1254884 L3.06777777,9.1254884 C2.25415251,9.1254884 1.47385123,9.4370868 0.898531295,9.9917355 C0.323211362,10.5463842 0,11.2986493 0,12.083041 L0,22.970605 C0,23.7549967 0.323211372,24.5072618 0.898531304,25.0619105 C1.47385124,25.6165592 2.25415252,25.9283691 3.06777777,25.9283691 L18.8955556,25.9283691 C19.7155152,25.9376064 20.5052693,25.6301844 21.088544,25.0745082 C21.6718188,24.5188321 22,23.76116 22,22.970605 L22,12.083041 C22,11.292486 21.6718188,10.5348139 21.088544,9.97913776 C20.5052693,9.42346163 19.7155152,9.11603953 18.8955556,9.1254884 Z M20.7777778,22.970605 C20.7777778,23.9532548 19.9514944,24.7498498 18.9322222,24.7498498 L3.06777777,24.7498498 C2.04850559,24.7498498 1.22222223,23.9532548 1.22222223,22.970605 L1.22222223,12.083041 C1.22222223,11.1003912 2.04850558,10.3037962 3.06777777,10.3037962 L18.8955556,10.3037962 C19.3913491,10.294298 19.8702484,10.4775522 20.2243285,10.8122603 C20.5784085,11.1469684 20.7777778,11.6049669 20.7777778,12.083041 L20.7777778,22.970605 Z" id="形状"></path>
+                        <path d="M10.6071429,14.1428571 C10.5029507,14.1428571 10.4030259,14.2081684 10.3293509,14.3244233 C10.2556759,14.4406782 10.2142857,14.5983536 10.2142857,14.7627628 L10.2142857,19.8087952 C10.214331,20.1511091 10.3902059,20.4285714 10.6071429,20.4285714 C10.8240798,20.4285714 10.9999547,20.1511091 11,19.8087952 L11,14.7627628 C11,14.4203984 10.8241119,14.1428571 10.6071429,14.1428571 L10.6071429,14.1428571 Z" id="路径"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

+ 13 - 0
src/assets/icons/svg/user-new.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="22px" height="25px" viewBox="0 0 22 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="总后台" transform="translate(-1281.000000, -423.000000)" fill="#B7B7B7" fill-rule="nonzero">
+            <g id="编组-3" transform="translate(1139.000000, 211.000000)">
+                <g id="编组" transform="translate(142.000000, 212.000000)">
+                    <path d="M10.5924234,14.5165041 C6.76657895,14.5165041 3.76966703,11.298012 3.76966703,7.18903894 C3.76966703,3.22519884 6.98838642,0 10.9446554,0 C14.9003691,0 18.1180033,3.22465922 18.1180033,7.18903894 C18.1180033,9.06924003 17.3975139,10.8474524 16.0897862,12.196947 C15.8751207,12.4171903 15.52728,12.4188605 15.3115294,12.2019835 C15.0946684,11.984541 15.093028,11.6298031 15.3060277,11.4095598 C16.4095887,10.2719315 17.0166633,8.77280707 17.0166633,7.18960426 C17.0166633,3.84391528 14.2927393,1.12138821 10.9441002,1.12138821 C7.59490581,1.12138821 4.86989669,3.84332427 4.86989669,7.18960426 C4.86989669,10.6698136 7.38301646,13.3962208 10.591843,13.3962208 C10.8956453,13.3962208 11.1422354,13.6467344 11.1422354,13.9566322 C11.1422354,14.2665301 10.8962005,14.5165041 10.5923982,14.5165041 L10.5924234,14.5165041 Z M21.4495823,24.5384615 C21.1451996,24.5384615 20.8991899,24.2879479 20.8991899,23.9780501 C20.8991899,18.7482285 16.4585736,14.4935315 11.0002524,14.4935315 C5.54195641,14.4935315 1.10078487,18.7482285 1.10078487,23.9780501 C1.10078487,24.2879736 0.854194724,24.5384615 0.550392434,24.5384615 C0.246590145,24.5384615 0,24.2879479 0,23.9780501 C0,18.1300774 4.93488181,13.3727086 11.0002776,13.3727086 C17.0656734,13.3727086 22,18.1300774 22,23.9780501 C22,24.2873826 21.7539651,24.5384615 21.4496076,24.5384615 L21.4495823,24.5384615 Z" id="形状备份"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

BIN
src/assets/images/login-bg-img.png


+ 43 - 21
src/views/login.vue

@@ -7,9 +7,9 @@
           v-model="loginForm.username"
           type="text"
           auto-complete="off"
-          placeholder="账号"
+          placeholder="请输入账号"
         >
-          <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
+          <svg-icon slot="prefix" icon-class="user-new" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
       <el-form-item prop="password">
@@ -17,17 +17,17 @@
           v-model="loginForm.password"
           type="password"
           auto-complete="off"
-          placeholder="密码"
+          placeholder="请输入密码"
           @keyup.enter.native="handleLogin"
         >
-          <svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
+          <svg-icon slot="prefix" icon-class="password-new" class="el-input__icon input-icon" />
         </el-input>
       </el-form-item>
-      <el-form-item prop="code" v-if="captchaEnabled">
+      <el-form-item prop="code-new" v-if="captchaEnabled">
         <el-input
           v-model="loginForm.code"
           auto-complete="off"
-          placeholder="验证码"
+          placeholder="请输入验证码"
           style="width: 63%"
           @keyup.enter.native="handleLogin"
         >
@@ -37,13 +37,13 @@
           <img :src="codeUrl" @click="getCode" class="login-code-img"/>
         </div>
       </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
+      <!-- <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox> -->
       <el-form-item style="width:100%;">
         <el-button
           :loading="loading"
           size="medium"
           type="primary"
-          style="width:100%;"
+          style="width:100%;height: 64px;background: #5680FF;border-radius: 32px;font-size: 22px;"
           @click.native.prevent="handleLogin"
         >
           <span v-if="!loading">登 录</span>
@@ -55,9 +55,9 @@
       </el-form-item>
     </el-form>
     <!--  底部  -->
-    <div class="el-login-footer">
+    <!-- <div class="el-login-footer">
       <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
-    </div>
+    </div> -->
   </div>
 </template>
 
@@ -174,7 +174,7 @@ export default {
 <style rel="stylesheet/scss" lang="scss">
 .login {
   display: flex;
-  justify-content: center;
+  justify-content: flex-end;
   align-items: center;
   height: 100%;
   background-size: cover;
@@ -195,21 +195,33 @@ export default {
 }
 
 .login-form {
-  border-radius: 6px;
-  background: rgba(255,255,255,0.62);
-  backdrop-filter: blur(5px);
-  width: 400px;
-  padding: 25px 25px 5px 25px;
+  .el-form-item--mini.el-form-item{
+    margin-bottom: 28px;
+  }
+  margin-right: 152px;
+  border-radius: 15px;
+  background: rgba(255,255,255,1);
+  // width: 400px;
+  padding: 93px 113px 90px 116px;
   .el-input {
-    height: 38px;
+    height: 58px;
     input {
-      height: 38px;
+      height: 58px;
+      border-radius: 29px;
+      padding-left: 65px;
+      font-size: 14px;
+      border-color: #DCE9FD;
+      background-color: #F6F9FF;
     }
   }
   .input-icon {
-    height: 39px;
-    width: 14px;
-    margin-left: 2px;
+    height: 25px;
+    width: 22px;
+  }
+  .el-input__prefix{
+    display: flex;
+    align-items: center;
+    left: 26px;
   }
 }
 .login-tip {
@@ -224,6 +236,7 @@ export default {
   img {
     cursor: pointer;
     vertical-align: middle;
+    margin-top: 10px;
   }
 }
 .el-login-footer {
@@ -241,4 +254,13 @@ export default {
 .login-code-img {
   height: 38px;
 }
+@media screen and (max-width: 1200px) {
+  .login{
+    justify-content: center;
+  }
+  .login-form{
+    margin-right: 0;
+    padding: 24px;
+  }
+}
 </style>

+ 1 - 1
src/views/register.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="register">
     <el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
-      <h3 class="title">景区营销管理系统</h3>
+      <h3 class="title">景区一码游管理系统</h3>
       <el-form-item prop="username">
         <el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
           <svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />

+ 1 - 1
vue.config.js

@@ -7,7 +7,7 @@ function resolve(dir) {
 
 const CompressionPlugin = require('compression-webpack-plugin')
 
-const name = process.env.VUE_APP_TITLE || '景区营销管理系统' // 网页标题
+const name = process.env.VUE_APP_TITLE || '景区一码游管理系统' // 网页标题
 
 const port = process.env.port || process.env.npm_config_port || 80 // 端口
 

Някои файлове не бяха показани, защото твърде много файлове са промени