diff --git a/src/views/portal/article/Detail.vue b/src/views/portal/article/Detail.vue
index 4cc1e673..f1a77440 100644
--- a/src/views/portal/article/Detail.vue
+++ b/src/views/portal/article/Detail.vue
@@ -1,6 +1,8 @@
 <template>
   <div id="article-index">
+    <div class="article-banner">
     <portal-header current="article" :goSearch="3"></portal-header>
+    </div>
     <div class="portal-content xcontent" style="margin-top: 30px;">
  
       <div class="xrow" style="display: flex;justify-content: space-between;">
@@ -280,6 +282,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  .article-banner{
+    height: 240px;
+    background: url('/images/article-banner.png');
+  }
 .course-resources{
   width: 410px;
   margin-top: 26px;
diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index 5d049209..343b39c7 100644
--- a/src/views/portal/case/Detail.vue
+++ b/src/views/portal/case/Detail.vue
@@ -1,6 +1,8 @@
 <template>
   <div id="case-list-content">
+     <div class="case-banner">
     <portal-header current="case" :goSearch="2"></portal-header>
+     </div>
     <div class="portal-content xcontent" style="margin-top: 30px;">
        <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb-nav">
         <el-breadcrumb-item :to="{ path: '/case' }">案例列表</el-breadcrumb-item>
@@ -516,6 +518,10 @@ export default {
 </script>
 
 <style scoped lang="scss">
+  .case-banner{
+    height: 240px;
+    background: url('/images/case-banner.png');
+  }
 .course-resources{
   width: 410px;
   margin-top: 26px;