StaticFormLabel使用说明

项目运行

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

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

3. npm run test （测试用例）

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

参数

Props

{
  		"labelText": 'gvhvjh',
  		"defaultValue": 'dsfs            fsd',
  		"hidden": false,
  		"isLink": true,
  		"linkValue": "http://www.baidu.com", 
  		"OpenMode": "_blank" ,
      "helpMsg":"dqwdqw",
      "sideTip":false, //toolTip是否左右显示
      "hiddenTip":false, //toolTip是否显示
      "lablePos": false, //label位置，true时在左边，false在上边
      "lableTxt": true //label中文字对齐方式，true左对齐，false右对齐
  	}

PropTypes

StaticFormLabel.propTypes = {
  hidden: PropTypes.bool,
  labelText: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number,
  ]),
  defaultValue: PropTypes.oneOfType([
    PropTypes.string,
    PropTypes.number,
  ])
}

StaticFormLabel 调用方法

1.安装npm组件包

npm install @beisen/static-form-label --save-dev

2.引用组件

import StaticFormLabel from "@beisen/static-form-label"

3.传入参数

  render () {
    let data = {
  		"labelText": 'gvhvjh',
  		"defaultValue": 'dsfs            fsd',
  		"hidden": false,
  		"isLink": true,
  		"linkValue": "http://www.baidu.com", 
  		"OpenMode": "_blank" ,
      "helpMsg":"dqwdqw",
      "sideTip":false, //toolTip是否左右显示
      "hiddenTip":false, //toolTip是否显示
      "lablePos": false, //label位置，true时在左边，false在上边
      "lableTxt": true //label中文字对齐方式，true左对齐，false右对齐
  	}
    return (
      <div>
          <StaticFormLabel {...data}/>
      </div>
    )
  }