@beisen/Search

Search使用说明

项目运行

1. cnpm install 或 npm install cnpm使用教程

2. npm run dev （开发环境打包 port:8080）

3. npm run test （测试用例）

4. npm run build （生产环境打包）

Search参数

  state= {
    SearchData :{
      "placeholder":"搜索"        /**没有值的时候显示的内容(string)**/
      ,"iconName":"icon-sousuo"     /**IconName 文字前面的图标**/
      ,"value":""  //搜索框中的默认值
      ,"active":true //input框激活
      ,"hidden":false             //隐藏搜索框
      ,"readonly":false           //搜索框只读
      ,"disabled":false           //搜索框禁用
      ,"onClick":function(val){console.log(val)}
      ,"onBlur":function(val){console.log(val)}
      ,"onFocus":function(val){console.log(val)}
      ,"onChange":function(val){console.log(val)}
    }
  }

Search调用方法

1. 引用组件

import Search from "./src/index"

2. 传入参数

该参数为上述参数，传入方式使用: data={参数}

state= {
  SearchData :{
    "placeholder":"搜索"        /**没有值的时候显示的内容(string)**/
    ,"iconName":"icon-sousuo"     /**IconName 文字前面的图标**/
    ,"value":""  //搜索框中的默认值
    ,"active":true //input框激活
    ,"hidden":false             //隐藏搜索框
    ,"readonly":false           //搜索框只读
    ,"disabled":false           //搜索框禁用
    ,"onClick":function(val){console.log(val)}
    ,"onBlur":function(val){console.log(val)}
    ,"onFocus":function(val){console.log(val)}
    ,"onChange":function(val){console.log(val)}
  }
}
render () {
    return (
      <Search {...this.state.SearchData} />
    )
  }