DiF1202 / OSSA

一套基于Taro框架开发的多端 UI 组件库。目前已支持React语法。

OSSA

一套基于Taro框架开发的多端 UI 组件库。目前已支持React语法。

示例

快速上手

OSSA目前支持Taro3，Taro1/Taro2版本敬请期待。

安装

1. 首先需要有一个基于Taro的React项目，详细请参考Taro快速开始

npm install -g @tarojs/cli
taro init myApp

2. 安装OSSA

npm install ossaui

使用

1. 在入口文件中引入样式文件

// app.tsx
import 'ossaui/dist/style/index.scss'

// 或者在app.scss中引入
@import '~ossaui/dist/style/index.scss'

2. 在页面中引入OSSA组件

// page/index.tsx
import { OsButton } from 'ossaui'

const demo = () => {
  return (
    <OsButton type='primary' onClick={()=>handleClick()}>按钮</OsButton>
  )
}

按需引入

组件的样式文件既可以在入口文件引入，也可以在使用组件时，按需引入

// page/index.tsx
import { OsButton } from 'ossaui'
import 'ossaui/dist/style/components/button.scss'

预览

详细Taro项目预览可参考Taro文档

// 微信小程序预览
npm run dev:weapp

// h5预览
npm run dev:h5

链接

• 仓库地址
• bug反馈
• 功能新增
• 代码贡献

致谢

本组件库的开发得益于Taro团队所提供的生态，部分组件库的设计灵感来源于Taro UI组件库，特此感谢。

本组件库能够开源，离不开以下同学的贡献：

• 蔡文姬
• 山下
• sven

在此一并感谢。

开源协议

MIT

Copyright (c) 2022 Yanxuan