@beisen-platform/common-label

表单项前面的Label文字

Usage no npm install needed!

<script type="module">
  import beisenPlatformCommonLabel from 'https://cdn.skypack.dev/@beisen-platform/common-label';
</script>

README

common-label 使用说明

项目运行

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

  2. npm run dev (开发环境打包 port:8080)

  3. npm run test (测试用例)

  4. npm run build (生产环境打包)

common-label参数


{
    readOnly:false,
    required: true,
    helpMsg:'qdwdqwd',
    sideTip:false, //toolTip是否左右显示
    hiddenTip:false, //toolTip是否显示
    labelText: 'AutoComplete', //左侧 label 文字
    hiddenLabel: false,  //隐藏整个组件
    lablePos: true, //label位置,true时在左边,false在上边
    lableTxt: false, //label中文字对齐方式,true左对齐,false右对齐
    iconClick: function(){} //没有iconClick这个字段即不支持此功能。 有即是支持这个特性
}

common-label调用方法

1.安装npm组件包

npm install @beisen/common-label --save-dev

2.引用组件

import CommonLabel from "@beisen/common-label"
  1. 传入参数

    该参数为上述参数,传入方式使用: {...参数}

    {
        readOnly:false,
        required: true,
        helpMsg:'qdwdqwd',
        sideTip:false, //toolTip是否左右显示
        hiddenTip:false, //toolTip是否显示
        labelText: 'AutoComplete', //左侧 label 文字
        lablePos: true, //label位置,true时在左边,false在上边
        lableTxt: false, //label中文字对齐方式,true左对齐,false右对齐
    }
    
    render () {
            return (
                <CommonLabel {...data} />
            )
        }