Taro-ui-monorepo NPM

tarox-ui

初衷

本着不重复造轮子，但绝不怕造轮子的理念，tarox-ui 组件库的开发宗旨是：只开发 taro 以及 taro-ui 组件库没有，或者难以使用的组件，对于 taro 和 taro-ui 中功能和体验都已经做到上佳的组件，我们不会重复做没有意义的事情，而对于 taro 和 taro-ui 本来没有，后来做的体验更好的组件，如果没有明确的提升目标或者优化的方向，我们也会停止开发并在相应的组件中予以标识，但会一直提供支持。

组件库开发

在 src/components 下新增一个组件
在 pages/index 中引入组件
运行 yarn dev:mp（小程序）或 yarn dev:h5（h5）预览组件在对应平台的展示效果
运行 yarn build 构建组件库
执行 yarn/npm publish 发布组件库

Installation

yarn add tarox-ui

为了使 taro-cui 的组件在 h5 环境中的 px 自动转换为 rem，需要编辑 Taro 项目的 config/index.js 文件的 h5 对象，加入 tarox-ui, 如下：

{
  h5: {
    esnextModules: ['taro-ui', 'tarox-ui'],
  }
}

然后重新启动项目，就可以在项目中使用 tarox-ui 中的组件了。

Components

组件	描述	状态
Timer	倒计时组件	stable
WImage	图片组件，弥补了 taro Image 组件难以处理图片路径错误的问题
Skeleton	骨架屏组件，灵感来源于https://github.com/lentoo/taro-skeleton, 目前还有待完善，谨慎使用	develop
Price	价格展示组件
NoData	缺省状态组件，含文字和描述，均可通过传入属性自定义
Modal	弹窗组件
BlockTitle	块标题组件
Curtain	幕帘组件

Contributors

lexmin0412

开发计划

点此前往

更新日志

点此前往