瀏覽代碼

新闻资讯banner图改版

tanxue 5 年之前
父節點
當前提交
8ade9fd2a2

+ 4 - 1
assets/scss/cus-client/cus-client-page.scss

@@ -615,7 +615,10 @@
   /********  describe: 新闻资讯  author: TX  date:2020-08-10  ********/
   .client-newsInfor-page{
     // banner
-    .newsInfor-banner{width: 100%;height: 300px;background-image: url("~static/images/client/newsInfor/newsInfor-banner.png");background-position-x: center;}
+    .newsInfor-banner{
+      width: 100%;height: 305px;background-image: url("~static/images/client/newsInfor/newsInfor-banner-bg.png");
+      img{width: 1200px;overflow: hidden;margin: 0 auto;display: block}
+    }
 
     // 菜单 ul
     .newsInfor-menu-ul{

+ 5 - 1
pages/news/index.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="client-newsInfor-page">
     <!-- 新闻资讯banner栏 -->
-    <div class="newsInfor-banner"></div>
+    <div class="newsInfor-banner">
+        <img :src="newsInforBannerImg" alt="新闻资讯">
+    </div>
 
     <!-- 新闻资讯 -->
     <ul class="newsInfor-menu-ul">
@@ -90,6 +92,8 @@
         // 新闻数据
         newsList:         [],
         activeIndex:      0,
+        // banner图
+        newsInforBannerImg: require(`~/static/images/client/newsInfor/newsInfor-banner-img.png`),
       };
     },
     head(){

二進制
static/images/client/newsInfor/newsInfor-banner-bg.png


二進制
static/images/client/newsInfor/newsInfor-banner-img.png


二進制
static/images/client/newsInfor/newsInfor-banner.png