README
东方网升小程序 taro 版本职位显示组件
发布
更改package.json版本
yarn build:component
npm publish
注:镜像源需切换回NPM官方源
链接
示例
yarn
yarn run dev:weapp
使用之前
该组件依赖于taro,使用之前请配置taro。
何时使用
- 小程序需要裁切图片时
API
config: Config = {
navigationBarTitleText: '',
disableScroll: true
}
<Cascader
data={jobData}
value={this.state.selectVal}
limit={this.state.limit}
isExtraType={false}
isIcon={true}
isSave={true}
onSave={data => {
console.log('保存', data)
this.setState({
selectVal: data,
})
this.handleCloseModal()
}}
onSelect={code => {
console.log('选中回调', code)
if (this.state.limit === 1) {
this.setState({
selectVal: [code],
})
this.handleCloseModal()
}
}}>
</Cascader>
引用的page页面需要注入下面的css,修改taroui的样式必须在page的css上
.at-search-bar::after{
border: none;
}
.at-search-bar {
padding: 16px 32px;
}
.wraper {
height: 100%;
}
.at-search-bar__clear {
display: none !important;
}
.at-search-bar__action {
font-size: 30px;
color: #333333;
background-color: #ffffff;
}
.at-search-bar__input-cnt,.at-search-bar__placeholder-wrap, .at-search-bar__input, .at-search-bar__clear {
height: 34PX !important;
}
.at-search-bar__placeholder {
margin-left: 8PX !important;
}
.at-search-bar__input {
padding-left: 30PX;
}
.at-search-bar__input-cnt {
border-radius: 17PX;
}
.at-icon-search {
padding-top: 1PX;
}
upload props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
data | 数据源 | Array | - |
value | 选中的id数组 | Array | - |
onSave | 保存回调 | function | - |
limit | 最多选择数量 | number | 5 |
onSelect | 选中回调 | function | - |
isExtraType | 是否可选2级选项 | boolean | false |
isIcon | 是否展示图标 | boolean | false |
isSave | 是否需要保存按钮 | boolean | true |