search修改

pages/search.vue

@@ -4,7 +4,7 @@
       <div class="search-box">
         <input type="text">
         <div class="bottom">
-          <bottom><yun-icon name="search" color="#ccc"></yun-icon></bottom>
+          <bottom><yun-icon name="search" color="white"></yun-icon></bottom>
         </div>
       </div>
     </div>
@@ -17,8 +17,10 @@
           style="padding-bottom: 0px"
         ></nav-wrap>
       </div>
-      <div class="search-center__content">
+      <div class="search-center__content" style="padding-bottom: 60px">
+        <transition name="fade-transform" mode="out-in">
         <nuxt-child></nuxt-child>
+        </transition>
       </div>
       <div class="search-center__right">
         <card-container
@@ -106,6 +108,7 @@
   .search-container {
     .search-header{
       width: 100%;
+      background:url("../assets/img/search_bg.png") ;
       height: 160*$length;
       display: flex;
       align-items: center;
@@ -118,6 +121,7 @@
           @include border-radius(4*$length 0 0 4*$length);
           width: 318*$length;
           height: 40*$length;
+          padding-left: 10*$length;
         }
         .bottom{
           @include border-radius(0 4*$length 4*$length 0);