@beisen/radio-list

radio list

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@beisen/radio-list
Minified + gzip package size for @beisen/radio-list in KB

Readme

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} /> //将数据传入组件

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.