Node's Perpetuum Mobile

    @beisen/radio-list

    0.1.0-rc.2 • Public • Published

    RadioList 使用说明

    项目运行

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

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

    3. npm run test (测试用例)

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

    RadioList 参数

    const data = {
      hidden: false,
      disabled: true,
      required: true,
      hasRender: true,
      radioLabel: '测试测试测试测试',
      radioValue: '内容2',
      errorStatus: true,      //是否报错
      errorMsg: "出错了~~~!", //报错信息
      helpMsg: "dqwdqw",
      sideTip: false,     //toolTip是否左右显示
      hiddenTip: false,   //toolTip是否显示
      lablePos: true,     //label位置,true时在左边,false在上边
      lableTxt: false,    //label中文字对齐方式,true左对齐,false右对齐
      onClick: function (e, val) { console.log(e, val) },
      onLabelClick: function (val) { console.log(val) },
      radioItems: [
        {
          value: 0,
          bsStyle: true,
          isChecked: false,
          text: '内容0'
        },
        {
          value: 1,
          bsStyle: true,
          isChecked: false,
          text: '内容1',
        }
      ]
    }

    Radiolist 调用方法

    1.安装npm组件包

    npm install @beisen/radio-list --save-dev
    

    2.引用组件

    import RadioList from "@beisen/radio-list"

    3.传入参数

    data:{
            hidden:false,
            disabled:true,
            required: true,
            hasRender: true,
            radioLabel: '测试测试测试测试',
            radioValue: '内容2',
            errorStatus:true, //是否报错
            errorMsg:"出错了~~~!", //报错信息
            helpMsg:"dqwdqw",
            sideTip:false ,//toolTip是否左右显示
            hiddenTip:false, //toolTip是否显示
            lablePos: true, //label位置,true时在左边,false在上边
            lableTxt: false, //label中文字对齐方式,true左对齐,false右对齐
            onClick:function(e,val){console.log(e,val)},
            onLabelClick: function(val){console.log(val)},
            radioItems: [
              {
                value: 0,
                bsStyle: true,
                isChecked: false,
                text: '内容0'
              },
              {
                value: 1,
                bsStyle: true,
                isChecked: false,
                text: '内容1',
              },
              {
                value: 2,
                bsStyle: true,
                isChecked: true,
                text: '内容2'
              }
            ]
          }
          //定义传入组件的数据

    使用组件

    <RadioList {...this.state} /> //将数据传入组件
    

    Install

    npm i @beisen/radio-list

    DownloadsWeekly Downloads

    2

    Version

    0.1.0-rc.2

    License

    ISC

    Unpacked Size

    2.64 MB

    Total Files

    34

    Last publish

    Collaborators

    • beisencorp