英文首页banner-liwj

src/assets/css/english.scss

@@ -464,19 +464,28 @@ small,
 }
 
 .toolkit .bg-peach {
-  background-color: #fbb034 !important;
+  background: url("~@/assets/image/home/peachImg.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .toolkit .bg-purple {
-  background-color: #bf83b9 !important;
+  background: url("~@/assets/image/home/purpleImg.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .toolkit .bg-lime {
-  background-color: #c1d82f !important;
+  background: url("~@/assets/image/home/limeImg.png") no-repeat;
+  background-size: 100% 100%;
 }
 
 .toolkit .bg-sky {
-  background-color: #00b6de !important;
+  background: url("~@/assets/image/home/skyImg.png") no-repeat;
+  background-size: 100% 100%;
+}
+
+.width450 {
+  width: 450px !important;
+  height: 400px !important;
 }
 
 .toolkit a.btn-primary,

src/views/English/Home/index.vue

@@ -6,8 +6,9 @@
         <div class="carousel-inner">
           <div class="item bg-peach next left">
             <div class="container">
-              <img class="pull-right carousel-glyph" src="@/assets/image/english/GS1-China.jpg" style="margin-top:-40px"
-                alt="Placeholder" />
+              <!-- <img class="pull-right carousel-glyph" src="@/assets/image/english/GS1-China.jpg" style="margin-top:-40px"
+                alt="Placeholder" /> -->
+              <div class="pull-right carousel-glyph width450" style="width:450px;height:400px">&nbsp;</div>
               <h1>About GS1 China</h1>
               <p class="large">
                 GS1 China, founded in 1988 under the authorization of the State
@@ -28,8 +29,9 @@
         <div class="carousel-inner">
           <div class="item bg-purple">
             <div class="container">
-              <img class="pull-right carousel-glyph" src="@/assets/image/english/carousel-1.jpg"
-                style="margin-top:-40px" alt="Placeholder" />
+              <!-- <img class="pull-right carousel-glyph" src="@/assets/image/english/carousel-1.jpg"
+                style="margin-top:-40px" alt="Placeholder" /> -->
+              <div class="pull-right carousel-glyph width450" style="width:450px;height:400px">&nbsp;</div>
               <h1>About GS1</h1>
               <p class="large">
                 GS1 believes in the power of standards to transform the way we
@@ -47,8 +49,9 @@
         <div class="carousel-inner">
           <div class="item bg-lime">
             <div class="container">
-              <img class="pull-right carousel-glyph" src="@/assets/image/english/training.jpg" style="margin-top:-40px"
-                alt="Placeholder" />
+              <!-- <img class="pull-right carousel-glyph" src="@/assets/image/english/training.jpg" style="margin-top:-40px"
+                alt="Placeholder" /> -->
+              <div class="pull-right carousel-glyph width450" style="width:450px;height:400px">&nbsp;</div>
               <h1>Training</h1>
               <p class="large">
                 GS1 offers a wide range of training courses to help you use our
@@ -73,8 +76,9 @@
         <div class="carousel-inner">
           <div class="item bg-sky left">
             <div class="container">
-              <img class="pull-right carousel-glyph" src="@/assets/image/english/local.jpg" style="margin-top:-40px"
-                alt="Placeholder" />
+              <!-- <img class="pull-right carousel-glyph" src="@/assets/image/english/local.jpg" style="margin-top:-40px"
+                alt="Placeholder" /> -->
+              <div class="pull-right carousel-glyph width450" style="width:450px;height:400px">&nbsp;</div>
               <h1>Contact GS1 local offices</h1>
               <p class="large">
                 GS1 has local offices in over 100 countries. Our local offices