登录页调整，移除swiper，相关图片替换

package.json

@@ -21,10 +21,8 @@
         "hotkeys-js": "^3.8.1",
         "nprogress": "^0.2.0",
         "screenfull": "^5.0.2",
-        "swiper": "6.3.5",
         "tinymce": "^5.5.1",
         "vue": "^2.6.12",
-        "vue-awesome-swiper": "^4.1.1",
         "vue-clipboard2": "^0.3.1",
         "vue-cookies": "^1.7.4",
         "vue-meta": "^2.4.0",

src/views/login.vue

@@ -1,18 +1,8 @@
 <template>
     <div>
-        <swiper :options="bgSwiperOption" class="swiper-no-swiping bg-banner">
-            <swiper-slide class="item item1" />
-            <swiper-slide class="item item2" />
-            <swiper-slide class="item item3" />
-        </swiper>
+        <div class="bg-banner" />
         <div id="login-box">
-            <div class="flex-container">
-                <swiper :options="swiperOption" class="banner">
-                    <swiper-slide v-for="(item, index) in banner" :key="index">
-                        <img class="item" :src="item">
-                    </swiper-slide>
-                </swiper>
-            </div>
+            <div class="login-banner" />
             <el-form ref="form" :model="form" :rules="rules" class="flex-container login-form" auto-complete="on" label-position="left">
                 <div class="title-container">
                     <h3 class="title">{{ title }}管理后台</h3>
@@ -42,45 +32,11 @@
 </template>
 
 <script>
-import Vue from 'vue'
-import { Swiper as SwiperClass, Pagination, Mousewheel, Autoplay, EffectFade } from 'swiper/swiper.esm'
-import getAwesomeSwiper from 'vue-awesome-swiper/dist/exporter'
-SwiperClass.use([Pagination, Mousewheel, Autoplay, EffectFade])
-Vue.use(getAwesomeSwiper(SwiperClass))
-const { Swiper, SwiperSlide } = getAwesomeSwiper(SwiperClass)
-import 'swiper/swiper-bundle.css'
-
 export default {
     name: 'Login',
-    components: {
-        Swiper,
-        SwiperSlide
-    },
     data() {
         return {
             title: process.env.VUE_APP_TITLE,
-            bgSwiperOption: {
-                init: true,
-                autoplay: {
-                    delay: 5000,
-                    disableOnInteraction: false
-                },
-                loop: true,
-                effect: 'fade'
-            },
-            swiperOption: {
-                init: true,
-                autoplay: {
-                    delay: 3000,
-                    disableOnInteraction: false
-                },
-                loop: true
-            },
-            banner: [
-                'https://i.loli.net/2020/04/21/B2ThI5N6UZlxMwr.png',
-                'https://i.loli.net/2020/04/21/A1cvYsQeXfTDoJx.png',
-                'https://i.loli.net/2020/04/21/5URp2Ge6YVEcfS1.png'
-            ],
             form: {
                 account: localStorage.login_account || '',
                 password: '',
@@ -142,7 +98,7 @@ export default {
 [data-mode=mobile] {
     #login-box {
         max-width: 80%;
-        .flex-container:first-child {
+        .login-banner {
             display: none;
         }
     }
@@ -155,19 +111,8 @@ export default {
     z-index: 0;
     width: 100%;
     height: 100%;
-    background-color: #000;
-    .item {
-        background-size: cover;
-        &1 {
-            background-image: url(../assets/images/login/bg1.jpg);
-        }
-        &2 {
-            background-image: url(../assets/images/login/bg2.jpg);
-        }
-        &3 {
-            background-image: url(../assets/images/login/bg3.jpg);
-        }
-    }
+    background-size: cover;
+    background-image: url(../assets/images/login-bg.jpg);
 }
 #login-box {
     display: flex;
@@ -181,16 +126,15 @@ export default {
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 0 5px #999;
+    .login-banner {
+        width: 300px;
+        height: 400px;
+        background-image: url(../assets/images/login-banner.jpg);
+        background-size: cover;
+    }
     .flex-container {
         width: 400px;
     }
-    .banner {
-        opacity: 0.9;
-        .item {
-            width: 400px;
-            height: 400px;
-        }
-    }
     .login-form {
         width: 450px;
         padding: 50px 35px 0;

yarn.lock

@@ -3516,13 +3516,6 @@ dom-serializer@0:
     domelementtype "^2.0.1"
     entities "^2.0.0"
 
-dom7@^3.0.0-alpha.7:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/dom7/download/dom7-3.0.0.tgz#b861ce5d67a6becd7aaa3ad02942ff14b1240331"
-  integrity sha1-uGHOXWemvs16qjrQKUL/FLEkAzE=
-  dependencies:
-    ssr-window "^3.0.0-alpha.1"
-
 domain-browser@^1.1.1:
   version "1.2.0"
   resolved "https://registry.npm.taobao.org/domain-browser/download/domain-browser-1.2.0.tgz?cache=0&sync_timestamp=1604239998047&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdomain-browser%2Fdownload%2Fdomain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
@@ -8811,11 +8804,6 @@ sshpk@^1.7.0:
     safer-buffer "^2.0.2"
     tweetnacl "~0.14.0"
 
-ssr-window@^3.0.0-alpha.1, ssr-window@^3.0.0-alpha.4:
-  version "3.0.0"
-  resolved "https://registry.npm.taobao.org/ssr-window/download/ssr-window-3.0.0.tgz#fd5b82801638943e0cc704c4691801435af7ac37"
-  integrity sha1-/VuCgBY4lD4MxwTEaRgBQ1r3rDc=
-
 ssri@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npm.taobao.org/ssri/download/ssri-6.0.1.tgz#2a3c41b28dd45b62b63676ecb74001265ae9edd8"
@@ -9253,14 +9241,6 @@ svgo@^1.0.0, svgo@^1.3.0:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-swiper@6.3.5:
-  version "6.3.5"
-  resolved "https://registry.npm.taobao.org/swiper/download/swiper-6.3.5.tgz#7444b680d0fdafe84859825ac3559b5b01bd1916"
-  integrity sha1-dES2gND9r+hIWYJaw1WbWwG9GRY=
-  dependencies:
-    dom7 "^3.0.0-alpha.7"
-    ssr-window "^3.0.0-alpha.4"
-
 table@^5.2.3:
   version "5.4.6"
   resolved "https://registry.npm.taobao.org/table/download/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
@@ -9899,11 +9879,6 @@ vm-browserify@^1.0.1:
   resolved "https://registry.npm.taobao.org/vm-browserify/download/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
   integrity sha1-eGQcSIuObKkadfUR56OzKobl3aA=
 
-vue-awesome-swiper@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.npm.taobao.org/vue-awesome-swiper/download/vue-awesome-swiper-4.1.1.tgz#8f7ab221ad003021d756b86aa618f429924900fe"
-  integrity sha1-j3qyIa0AMCHXVrhqphj0KZJJAP4=
-
 vue-cli-plugin-mock@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npm.taobao.org/vue-cli-plugin-mock/download/vue-cli-plugin-mock-1.0.2.tgz#67520e43313baae9195c3399ba669232583621f8"