improvement: 首页搜索

src/app.wpy

@@ -50,6 +50,7 @@ wepy.app({
       'pages/prize',
       'pages/myraffles',
       'pages/help',
+      'pages/search'
     ],
     window: {
       backgroundTextStyle: 'light',

src/pages/index.wpy

@@ -41,6 +41,19 @@
     height: 80rpx;
     border-radius: 50%;
   }
+  .search{
+    position: fixed;
+    z-index: 10;
+    top:100rpx;
+    left: 310rpx;
+    font-size: @font-middle;
+    color: @whitecolor;
+    .searchimg {
+      width: 34rpx;
+      height: 34rpx;
+      vertical-align: middle;
+    }
+  }
   @-webkit-keyframes fadeout {
     0% {
       opacity:1 ;
@@ -164,12 +177,16 @@
       <prize-list :videoList="videoList" :userAccount="mainInfo && mainInfo.account && mainInfo.account.quantity || 0" bindchange="changeVideo" @getAwardsInfo="getAwardsInfo">
       </prize-list>
     </view>
-    <view class="userInfo" style="{{safeAreaStyle}}">
+    <view class="userInfo" style="{{ safeAreaStyle }}">
       <button v-if="authmodal" open-type="getUserInfo" bindgetuserinfo="getUserInfo" class="userinfo-button">
         <image class="userinfo-image" :src="userInfo.avatarUrl"></image>
       </button>
       <image v-if="!authmodal" @tap="showMenu(!showModal)" :src="userInfo.avatarUrl" mode="cover" class="userimage"></image>
     </view>
+    <!--<view class="search"  style="{{ searchStyle }}" bindtap="toSearch">
+      <image src="/static/images/search.png" class="searchimg"></image>
+      搜索
+    </view>-->
     <view>
       <gold type="gold" :des="mainInfo && mainInfo.account && mainInfo.account.quantity || 0" :gold="sign" :isReceive="isReceive" @resetAddGold="resetAddGold" @showCorn="cornModalShow"></gold>
       <sign type="sign" des="签到" :sign="sign" @sign-in="signIn"></sign>
@@ -182,7 +199,7 @@
     <shared-popup v-if="showModal === 1" :inviteinfo="mainInfo && mainInfo.inviteRecord" @getSharedGold="getSharedGold"/>
     <popup @showMenu="showMenu" :showMenus="showModal === 3"/>
     <!--商品推荐列表-->
-    <goods-list></goods-list>
+    <!--<goods-list></goods-list>-->
     <van-dialog id="van-dialog"/>
     <van-notify id="van-notify"/>
     <van-popup show="{{ cornModal }}" bind:close="cornModalClose" custom-style="background-color:transparent">
@@ -222,7 +239,8 @@
       cornModal: false,
       cornCode: '', // 克币充值码
       cornText: '',
-      cornTextShow: false
+      cornTextShow: false,
+      searchStyle:''
     },
 
     computed: {
@@ -432,6 +450,9 @@
       },
       resetAddGold() {
         this.isReceive = false;
+      },
+      toSearch() {
+        wx.navigateTo({url: '/pages/search'});
       }
     },
     async onLoad (options) {
@@ -444,6 +465,7 @@
       // 获取头像安全距离
       let statusHeight = this.$app.$options.globalData.statusBarHeight || '';
       this.setSafeAreaStyle('top:' + statusHeight + 'px');
+      this.searchStyle = 'top:' + (statusHeight+12) + 'px'
 
       // 获取openid
       await this.getOpenId();

src/pages/search.wpy

+<template>
+  <view>
+    <view class="search-head">
+      <view class="search-wrapper">
+        <van-field clearable left-icon="/static/images/searchgrey.png" placeholder="搜索"></van-field>
+      </view>
+    </view>
+  </view>
+</template>
+<script>
+  import wepy from '@wepy/core';
+  wepy.page({
+    data: {
+
+    }
+  });
+</script>
+<config>
+  {
+    navigationBarTitleText: 'Luckii',
+    "usingComponents": {
+      "van-field": "../components/vant/field/index",
+    }
+  }
+</config>
+<style lang="less">
+  @import "../style/common";
+  .search-head{
+    background-color: @whiteback;
+    padding:35rpx 30rpx;
+    border-radius:0 0 10rpx 10rpx;
+    .search-wrapper{
+      width:88%;
+      .van-cell {
+        border:1rpx solid @maincolor;
+        background-color: #f6f6f6;
+        border-radius: 30rpx;
+        padding:15rpx 20rpx;
+        font-size: 26rpx;
+      }
+      .van-cell__left-icon-wrap {
+        height:28rpx;
+      }
+      .van-field__input{
+        height:30rpx;
+      }
+    }
+    .search-cont {
+      padding: 15rpx 20rpx;
+    }
+  }
+</style>