banner样式改为背景图

about/index.html

@@ -162,8 +162,7 @@
         <!--====== HEADER END ======-->
 
         <!--====== COMMON BREADCRUMB START ======-->
-        <section class="common-bradcrumb-section inner-banner">
-            <img :src="columnImage?columnImage:'/assets/img/bg.jpg'" alt="">
+        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">
         </section>
         <!--====== COMMON BREADCRUMB END ======-->
 

assets/css/home.css

@@ -194,13 +194,14 @@
         margin-top: 0px;
     }
     .common-bradcrumb-section {
-        padding-top: 89px;
+        margin-top: 89px;
+        height:300px
     }
 }
 
 @media (max-width: 414px) {
     .common-bradcrumb-section {
-        padding-top: 69px;
+        margin-top: 69px;
     }
 }
 

assets/css/style.css

@@ -4105,6 +4105,12 @@
                 background-position: center center;
                 background-repeat: no-repeat;
                 background-size: cover;
+                height:600px
+            }
+            @media (max-width: 1200px) {
+                .common-bradcrumb-section {
+                    height:450px
+                }
             }
             /*===========================
 	Product Grid

news/index.html

@@ -156,8 +156,7 @@
         <!--====== HEADER END ======-->
 
         <!--====== NEWS BREADCRUMB START ======-->
-        <section class="common-bradcrumb-section">
-            <img :src="columnImage?columnImage:'/assets/img/bg.jpg'" alt="">
+        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">
         </section>
         <!--====== NEWS BREADCRUMB END ======-->
 

news/read.html

@@ -156,8 +156,7 @@
         <!--====== HEADER END ======-->
 
         <!--====== NEWS BREADCRUMB START ======-->
-        <section class="common-bradcrumb-section">
-            <img :src="columnImage?columnImage:'/assets/img/bg.jpg'" alt="">
+        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">
         </section>
         <!--====== NEWS BREADCRUMB END ======-->
 

product/index.html

@@ -162,8 +162,7 @@
         <!--====== HEADER END ======-->
 
         <!--====== COMMON BREADCRUMB START ======-->
-        <section class="common-bradcrumb-section" v-if="columnTypes.length>1">
-            <img :src="columnImage?columnImage:'/assets/img/bg.jpg'" alt="">
+        <section class="common-bradcrumb-section" style="background-color:#aaa" v-if="columnTypes.length>1"  v-bind:style="{backgroundImage:'url('+columnImage+')'}">
             <section class="product-grid-section " style="text-align: center;position:absolute;bottom:0"    :style="{'width': '100%'}" >
                 <ul class="cannot_selected tabs_selected" >
                     <a v-for="(item,i) in columnTypes" :class="item.id == requestParams.categoryid ? 'active' : ''"

product/read.html

@@ -157,8 +157,7 @@
         <!--====== HEADER END ======-->
 
         <!--====== PRODUCT BREADCRUMB START ======-->
-        <section class="common-bradcrumb-section">
-            <img :src="columnImage?columnImage:'/assets/img/bg.jpg'" alt="">
+        <section class="common-bradcrumb-section" style="background-color:#aaa"  v-bind:style="{backgroundImage:'url('+columnImage+')'}">
         </section>
         
 

solution/index.html

@@ -159,9 +159,7 @@
         <!--====== HEADER END ======-->
 
         <!--====== COMMON BREADCRUMB START ======-->
-        <section class="common-bradcrumb-section inner-banner">
-            <!-- <div style="position:absolute;top:0; right:0; bottom:0;left:0;background:rgba(0,0,0,.3)"></div> -->
-            <img :src="columnImage?columnImage:'/assets/img/bg.jpg'" alt="">
+        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">
         </section>
         <!--====== COMMON BREADCRUMB END ======-->
 

solution/read.html

@@ -157,8 +157,7 @@
         <!--====== HEADER END ======-->
 
         <!--====== PRODUCT BREADCRUMB START ======-->
-        <section class="common-bradcrumb-section">
-            <img :src="columnImage?columnImage:'/assets/img/bg.jpg'" alt="">
+        <section class="common-bradcrumb-section" style="background-color:#aaa"   v-bind:style="{backgroundImage:'url('+columnImage+')'}">
         </section>
 
         <!--====== PRODUCT CONTENT START ======-->