TARO-UI-HD
前言
在 taro 生态中,已经有了 taro-ui 这样优秀且有官方支持的组件库,但是在有些场景下还是无法满足需求,如弹窗组件的功能不够丰富,定制性不够强;另外,有些组件是与设计风格强相关的,如果去修改 taro-ui 的样式,会变得麻烦且没有必要,有时甚至不如在项目中手写组件。基于这些情况,对于 taro-ui 中部分难以达到业务需求的组件做了补充,产生了 taro-ui-hd。
Installation
yarn add taro-ui-hd
为了使 taro-ui-hd 的组件在 h5 环境中的 px 自动转换为 rem,需要编辑 Taro
项目的 config/index.js
文件的 h5
对象, 加入 taro-ui-hd, 如下:
h5: esnextModules: 'taro-ui' 'taro-ui-hd'
然后重新启动项目,就可以在项目中使用 taro-ui-hd 中的组件了。
Components
组件 | 描述 | 状态 |
---|---|---|
BackToTop | 返回顶部组件 | stable |
Card | 卡片组件 | stable |
Countdown | 倒计时组件 | stable |
Modal | 弹窗组件 | stable |
NoData | 缺省状态组件,含文字和描述,均可通过传入属性自定义 | stable |
Paging | 分页提示组件 | stable |
Tabs | 标签页组件 | stable |
使用
import Paging from 'taro-ui-hd' { return <Paging /> }