#### 组件名称
gov-picker

#### 解释：
picker

#### 属性说明：
|属性名 | 类型 | 必填 | 默认值 |说明 |
|---|---|---|---|---|
|mode |String |否|selector|picker的类型 location:位置选择器、selector:普通选择器、time:时间选择器、date:日期选择器、multiSelector:多列选择器、region:省市区选择器|
|noborder |Boolean |否|false|picker是否有下边框线|
|range |Array |否||pikcer内容|
|labelWidth |String |否|4em|左侧文字宽度，须包含单位，例如em、px、rpx、vw、vh... 默认为4字宽度4em，6字宽度6em, 建议用em，可以适配|
|label |String |否||左侧文字描述|
|placeholder |String |否||picker没值默认显示|
|value |String |否||picker选中时的下标|
|rangeKey |String |否||指定 Object 中 key 的值作为选择器显示内容|
|displayType |Boolean |否|true|picker级联格式选中时是否全部展示,默认为全部展示|
|start |String |否||类型为时间或日期的开始时间|
|end |String |否||类型为时间或日期的结束时间|
|disabled |Boolean |否|false|picker是否禁用|
|errColor |String |否|#BD1A2D|picker label颜色|
|errStatus |Boolean |否|false|picker label是否飘红|
|locationName |String |否|false|picker类型为location时页面显示的内容|

#### 代码示例
swan:
```
<gov-picker mode='selector' range='{{[{name: '北京市', value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}'  rangeKey='name' label='折行折行折行' value='1' labelWidth='4em'  placeholder='请选择城市' /> <gov-picker mode='selector' range='{{[{name: '北京市', value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}' label='无下边框线' rangeKey='name' noborder='{{true}}' value='1' labelWidth='6em' placeholder='请选择城市' /> <gov-picker mode='selector' ='{{[{name: '北京市', value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}' label='6字折行北京市' rangeKey='name' value='1' labelWidth='6em' placeholder='请选择城市' />   <gov-picker mode='selector' range='{{[{name: '北京市', value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}' label='普通选择器' rangeKey='name' value='1' labelWidth='6em' placeholder='请选择城市' />  <gov-picker mode='selector' range='{{[{name: '北京市',  value: 1}, {name: '山西省', value: 2}, {name: '黑龙江省', value: 3}]}}' label='label飘红' rangeKey='name' value=' errStatus='{{true}}' labelWidth='6em' placeholder='请选择城市' /> <gov-picker mode='time' label='禁用按钮' value='1:01' labelWidth='6em' disabled placeholder='请选择时间' />    <gov-picker mode='time' label='时间选择器' value='1:01' labelWidth='6em' placeholder='请选择时间' /> <gov-picker ='date' label='日期选择器' labelWidth='6em' placeholder='请选择日期' end='2020-3-1' /> <gov-picker mode='multiSelector' range='{ {multiArray}}' rangeKey='name' label='多列选择器' labelWidth='6em' displayType='{{true}}' value='{{multiIndex}}' bind:change='change' bind:columnchange='columnChange' bind:cancel='cancel' placeholder='请选择城市' /> <gov-picker mode='region' range='{{[]}}' labelWidth='6em' label='省市区选择器' placeholder='请选择城市' /> <gov-picker mode='location' locationName='{{locationName}}' bind:choosesuccess='choosesuccess' labelWidth='6em' label='所在位置' bind:tap='selectorClick' placeholder='请选择' />  <gov-picker mode='selector' range='{{[{name: '北京市', value: 1}, {name: '山西省',  value: 2}, {name: '黑龙江省', value: 3}]}}' label='externalClass' rangeKey='name' value=' gov-lable='gov-lable'  gov-content='gov-content' labelWidth='6em' placeholder='请选择城市' />
```
js:
```
 Page({ data: { locationName: '', multiArray: [ [ { name: '北京市', value: 1 }, { name: '山西省', value: 2 }, { name: '黑龙江省', value: 3 } ], [ { name: '海淀区 }  ] ], multiIndex: [] }, change(e) { this.setData('multiIndex', e.detail.detail.value); }, choosesuccess({detail}) { this.setData('locationName', detail.name); }, columnChange(e) { let data = { multiArray: this.getData('multiArray'), multiIndex: this.getData('multiIndex') }; data.multiIndex[e.detail.detail.column] = e.detail.detail.value; switch (e.detail.detail.column) { case 0: switch (data.multiIndex[0]) { case 0: data.multiArray[1] = [ { name: '海淀区', value: 1 }, { name: '大兴区', value: 2 }, {  name: '朝阳区',  value: 3 } ]; break; case 1: data.multiArray[1] = [ { name: '吕梁市', value: 1 }, { name: '大同市', value: 2 }, { name: '太原市', value: 3 } ]; break; case 2: data.multiArray[1] = [ { name: '黑河市', value: 1 }, { name: '哈尔滨市', value: 2 }, { name: '大连市', value: 3 } ]; break; } data.multiIndex[1] = 0; break; } this.setData('multiArray', data.multiArray); } }); 
```
css:
```
.gov-lable { color: #6495ed !important; }  .gov-content { color: #6495ed; }
```