修改首页banner图展示问题

babel.config.js

 module.exports = {
-	"presets": [
-		"@vue/app"
+	presets: [
+		["@vue/app", {
+			"polyfills": [
+				"es6.promise",
+				"es6.symbol"
+			],
+			"useBuiltIns": "entry"
+		}]
 	],
-	"plugins": [
+	plugins: [
 		[
 			"component",
 			{

package.json

@@ -12,6 +12,7 @@
     "fix-memory-limit": "cross-env LIMIT=3072 increase-memory-limit"
   },
   "dependencies": {
+    "@babel/polyfill": "^7.12.1",
     "@popperjs/core": "^2.10.1",
     "@tweenjs/tween.js": "^18.5.0",
     "bootstrap": "^5.1.0",

src/main.js

 import Vue from "vue";
 import App from "./App.vue";
+import '@babel/polyfill';
 import router from "./router/index";
 import store from "./vuex/store";
 import $ from "jquery";

src/views/Home/index.vue

@@ -3,7 +3,7 @@
     <!-- Banner图 -->
     <div class="banner">
       <VueSlickCarousel v-bind="bannerSettings" v-if="banner.length > 0">
-        <div v-for="(el, i) in banner" :key="i">
+        <div v-for="(el, i) in banner" :key="i" >
           <div class="banner-item" :style="{background:el.colorBackground}">
             <div class="container">
               <div class="row">
@@ -22,9 +22,9 @@
                 </div>
               </div>
             </div>
-            <div class="d-none d-lg-block">
-              <img :src="el.picIndexPath" alt="" class="banner-tp"/>
-            </div>
+            <div class="d-none d-lg-block banner-tp">
+                <img :src="el.picIndexPath" alt="" class="container"/>
+              </div>
           </div>
         </div>
         <template #prevArrow>
@@ -598,7 +598,7 @@ export default {
       banner: [], // 首页大轮播图
       bannerSettings: {
         arrows: true,
-        autoplay: true,
+        autoplay: false,
         autoplaySpeed: 4000,
         dots: true,
         centerMode: true,
@@ -1419,8 +1419,8 @@ export default {
     width: auto;
   }
   .newsBanner {
-    width: 90.5%;
-    height: 431px !important;
+    width: 89.5%;
+    height: 427px !important;
     .newsBannerB {
       .newsBanner-title {
         font-size: 18px;
@@ -1510,11 +1510,12 @@ export default {
         height: 100%;
         position: absolute;
         top: 0;
+        left: 0;
         // transform: translateX(-50%);
         z-index: 1;
-        text-align: center;
-        display: flex !important;
-        justify-content: center;
+        // text-align: center;
+        // display: flex !important;
+        // justify-content: center;
       }
       .container,
       .row {
@@ -1904,12 +1905,14 @@ export default {
       > * {
         height: 300px;
       }
-      // .spqqsfz-cont-left {
-      //   img {
-      //     width: 100%;
-      //     height: 100%;
-      //   }
-      // }
+      .spqqsfz-cont-left {
+        .spqqsfz-cont-left-tp{
+          text-align: center;
+          img{
+            max-height: 100%;
+          }
+        }
+      }
       .spqqsfz-cont-right {
         position: relative;
         background: url("../../assets/image/home/spqqsfz-bj2.png") no-repeat;

src/views/Org/Leadership.vue

@@ -38,7 +38,7 @@ export default {
           photo: require("../../assets/image/org/ZhangChengHai.jpg"),
           name: "张成海同志",
           position: "主任、党委副书记",
-          work: "负责编码中心全面工作",
+          work: "负责编码中心全面工作。",
         },
         {
           photo: require("../../assets/image/org/luoqiuke.jpg"),
@@ -91,7 +91,6 @@ export default {
         font-size: 14px;
         .note {
           text-indent: 24px;
-          color: #999;
         }
         .name {
           line-height: 38px;