东方网升小程序 taro 版本职位显示组件

发布

1. 更改package.json版本
2. yarn build:component
3. 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}
    allow={[]}
    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 | | allow | 允许点击的内容code | Array | 所有code |