ve-taro-post

东方网升taro职位组件

Usage no npm install needed!

<script type="module">
  import veTaroPost from 'https://cdn.skypack.dev/ve-taro-post';
</script>

README

东方网升小程序 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}
    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