diff --git a/src/views/components/v-header/index.vue b/src/views/components/v-header/index.vue
index 3f8aaae..fcb9790 100644
--- a/src/views/components/v-header/index.vue
+++ b/src/views/components/v-header/index.vue
@@ -139,7 +139,7 @@
       async infoPages() {
         this.queryParams.type = 5
         let res = await Api.getColumnInfoList(this.queryParams)
-        this.case_list = res.data.list.filter(item => item.recommend == 1)
+        this.case_list = res.data.list.filter(item => item.recommend == 1).slice(0,4)
       },
       hoverItem(val) {
         this.activeIndex = val
@@ -347,7 +347,7 @@
         scrollbar-width: none;
 
         .list-item-i {
-          width: 300px;
+          width: 24%;
           height: fit-content;
           height: 250px;