## protocol
协议组件
## Import
```js
import { Protocol } from 'bxs-ui-vue';
```
## Example
```html
<!-- 默认2种主题色 -->
<bxs-protocol :protocolList="protocolList" v-model="checked"></bxs-protocol>
<bxs-protocol :protocolList="protocolList" v-model="checked2" type="minor"></bxs-protocol>
<!-- 颜色定制 -->
<bxs-protocol :protocolList="protocolList" v-model="checked3" :highlightColor="color"></bxs-protocol>
<!-- 有辅助文案 -->
<bxs-protocol
  :protocol-list="protocolList"
  v-model="checked4"
  >
  <div slot="subText">
    辅助文案，如果有的话，展示完整，支持换行。辅助文案，如果有的话，展示完整，支持换行辅助文案，如果有的话，展示完整，支持换行辅助文案
  </div>
</bxs-protocol>
```
```js
import { Protocol } from 'bxs-ui-vue';
export default {
  data () {
    return {
      protocolList: [
        {
          name: '《投保须知》',
          onClick:this.a
        },
        {
          name: '《投保须知2》',
          url: 'http://www.baidu.com',
          target:'_blank',
          onClick:this.a
        },
      ],
      checked: false,
      checked2: true,
      checked3: false,
      checked4: false,
      color: '#4b0'
    }
  },
  methods: {
    a() {
      console.log('点击投保须知')
    }
  },
  components: {
    [Protocol.name]: Protocol
  }
}
```

## Attribute
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
| --- | --- | --- | --- | --- |
| v-model | 必选,是否选中 | Boolean | - | false |
| type | 可选,协议类型 | String | `primary`、`minor` | 'primary' |
| highlightColor | 可选,高亮颜色,优先级大于type | String | - | - |
| protocolList | 必选,链接数据,name(必须)显示链接名字 | Arrar | - | - |

protocolList配置具体如下：

| 属性 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| name | 协议显示的文案 | String | - |
| url | 点击跳转的链接 | String | - |
| target | 规定在何处打开链接 | String | - |
| onClick | 点击触发的事件，有url属性不会触发 | Function | - |

### Slot
| 参数 | 说明 |
| --- | --- |
| subText | 辅助文案slot |

### Event
无
