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'
 
render() {
  return (
    <Paging hasMore />
  )
}

更新日志

点此前往