diff --git a/assets/css/v12-style.less b/assets/css/v12-style.less
index 5fdf542..f737c69 100644
--- a/assets/css/v12-style.less
+++ b/assets/css/v12-style.less
@@ -28,6 +28,53 @@ each(@colors, {
 
 .generateFontSize(20);
 
+.generateMarginAndPadding(@n, @i:0) when (@i<= @n)  {
+  @baseNum: @i * 8rpx;
+  .v12-mt-@{i} {
+    margin-top: @baseNum;
+  }
+  .v12-ml-@{i} {
+    margin-left: @baseNum;
+  }
+  .v12-mr-@{i} {
+    margin-right: @baseNum;
+  }
+  .v12-mb-@{i} {
+    margin-bottom: @baseNum;
+  }
+  .v12-ma-@{i} {
+    margin: @baseNum;
+  }
+  .v12-mx-@{i} {
+    margin: 0 @baseNum;
+  }
+  .v12-my-@{i} {
+    margin:  @baseNum 0;
+  }
+  .v12-pt-@{i} {
+    padding-top: @baseNum;
+  }
+  .v12-pl-@{i} {
+    padding-left: @baseNum;
+  }
+  .v12-pr-@{i} {
+    padding-right: @baseNum;
+  }
+  .v12-pb-@{i} {
+    padding-bottom: @baseNum;
+  }
+  .v12-pa-@{i} {
+    padding: @baseNum;
+  }
+  .v12-px-@{i} {
+    padding: 0 @baseNum
+  }
+  .v12-py-@{i} {
+    padding: @baseNum 0
+  }
+  .generateMarginAndPadding(@n, (@i + 1))
+}
+.generateMarginAndPadding(40);
 .v12-font-bold{
   font-weight: bold !important;
 }
diff --git a/pkg_product/views/famousQianxianInvestment.vue b/pkg_product/views/famousQianxianInvestment.vue
index 4167dc6..f2cc496 100644
--- a/pkg_product/views/famousQianxianInvestment.vue
+++ b/pkg_product/views/famousQianxianInvestment.vue
@@ -1,8 +1,19 @@
 <template>
   <view class="list-page">
+    <view class="v12-mb-3">
+      <u-search 
+        placeholder="请输入关键词查询" 
+        v-model="keyword" 
+        shape="round" 
+        :show-action="false" 
+        height="72rpx"
+        @search="handleSearch"
+        bg-color="#fff">
+      </u-search>
+    </view>
     <view v-if="isLoad" class="file-list">
       <view
-        v-for="(file, fileIndex) in list"
+        v-for="(file, fileIndex) in currentList"
         :key="fileIndex"
         class="file-item"
         @click="fileItemClick(file)"
@@ -15,11 +26,11 @@
           class="icon"
         />
       </view>
-      <image
+      <!-- <image
         :src="webUrl + '/home/no-data-bg.png'"
         mode="widthFix"
         class="loadend"
-      />
+      /> -->
     </view>
     <goo-skeleton v-else />
   </view>
@@ -37,7 +48,9 @@ export default {
       webUrl: this.$VUE_APP_RESOURCES_URL,
       isLoad: false,
       pageKeyId: '',
-      list: []
+      list: [],
+      keyword: '',
+      currentList: []
     }
   },
   onLoad(options) {
@@ -45,6 +58,9 @@ export default {
     this.getListReq(id)
   },
   methods: {
+    handleSearch() {
+      this.currentList = this.list.filter(item => item.title.indexOf(this.keyword) > -1)
+    },
     getListReq(id) {
       getCountyFamousInvestmentFile({
         countyFamousDataId: id,
@@ -55,6 +71,7 @@ export default {
         if (success) {
           this.isLoad = true
           this.list = data.records || []
+          this.currentList = [...this.list]
         }
       })
     },