3321

src/components/common/Icon.vue

 <template>
-  
-      <a-icon v-if="!customize" :type="type"  :class="color" />
+      <div>
+        <a-icon v-if="!customize" :type="type"  :class="color" />
+        <app-icon v-else  :type="type"  class="color" :style='{fontSize:size,lineHeight:size,color:"#ffffff"}'></app-icon>
+      </div>
 
-      <app-icon v-else  :type="type"  class="color" :style='{fontSize:size,lineHeight:size,color:color}'></app-icon>
  
 </template>
 

src/components/home/Banner.vue

@@ -21,7 +21,7 @@
     <div v-if="showBtn" class="mt-3 w-full px-6">
       <Input class="xs-input" placeholder="请输入社区名称/ID" @pressEnter="search">
         <div slot="addonAfter" @click="search">
-          <app-icon customize size="20px" type='icon-sousuo'></app-icon>
+          <app-icon customize size="20px" color="#ffffff" type='icon-sousuo'></app-icon>
         </div>
       </Input>
     </div>

src/views/Square.vue

@@ -3,8 +3,15 @@
     <div class=" h-260px bg-demo bg-center bg-cover bg-transparent  bg-opacity-10 relative" ref="topBox">
       头部图片/可以用背景图片
       <div class='w-full  absolute bottom-1 '>
-          <div class=' w-11/12 mx-auto h-10 bg-blue-900 text-white'>
-            搜索input
+          <div class=' w-11/12 mx-auto h-10  text-white'>
+              <div class='search flex items-center'>
+                <div class='search-input'>
+                  <input type="text" class="">
+                </div>
+                <div class='search-icon self-center'>
+                   <app-icon customize size="18px" color=" text-white" type='icon-sousuo'></app-icon>
+                </div>
+              </div>
           </div>
       </div>
     </div>
@@ -53,13 +60,17 @@ export default Vue.extend({
   components:{
     'app-icon':()=>import('@/components/common/Icon.vue'),
     'app-card':()=>import('@/components/Card.vue'),
-    'app-card2':()=>import('@/components/Card_two.vue')
+    'app-card2':()=>import('@/components/Card_two.vue'),
+  
   },
   methods:{
     doFilter(){
       console.log(123);
       
     },
+     search() {
+      console.log('run')
+    },
     scrollStart(e:any){
       let poisition = e.target.scrollTop
       this.scrollArr.push(poisition)