@hi-wx/search v0.0.1

category: Components
cols: 1
type: 交互
title: wxSearch
subtitle: 搜索框
app: wx

author: meiqin

使用效果

微信开发者工具---》工具---构建npm

使用说明-推荐

 index.wxml文件

 <view class="mt-32">
     <search
       placeholder="商品名称、收货姓名、收货手机号、订单编号"
       bind:onsearch="onSearchBtn" >
     </search>

     <search
       placeholder="商品名称、收货姓名、收货手机号、订单编号"
       bind:onsearch="onSearchBtn"
       rightText="取消" >
     </search>

     <search
         placeholder="商品名称、收货姓名、收货手机号、订单编号"
         bind:onsearch="onSearchBtn"
         rightText="" >
       </search>
 </view>



index.js文件

Page({
    onSearchBtn(value, e) {
        console.log('onSearchBtn===', value, e);
    }
})


index.json文件

{
        "navigationBarTitleText": "search demo页面",
        "usingComponents": {
            "search": "@yt/wx-search"
    }
}

api说明