https://github.com/yijinc/fishui
一套基于 taro 和 uni-app 的常用的小程序组件，致力于用最简洁、舒适可靠的实现
https://github.com/yijinc/fishui
react taro typescript uni-app vue
Last synced: 3 months ago
JSON representation
一套基于 taro 和 uni-app 的常用的小程序组件，致力于用最简洁、舒适可靠的实现
- Host: GitHub
- URL: https://github.com/yijinc/fishui
- Owner: yijinc
- Created: 2022-12-05T05:54:47.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-02-02T04:08:38.000Z (over 2 years ago)
- Last Synced: 2025-04-15T06:05:13.088Z (6 months ago)
- Topics: react, taro, typescript, uni-app, vue
- Language: Vue
- Homepage:
- Size: 1.8 MB
- Stars: 26
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 说明
在使用小程序框架开发小程序过程中，发现很多常用的组件 社区都**找不到**合适的。
对于相应的一些比较完善的ui组件库，他们貌似只会依赖于设计，从 Button 开始造组件。。。
很多时候，我们可能不是需要他们的ui风格（主题），而是需要一个功能与交互相符、性能可靠的组件
fishui 是一套基于 [taro](https://github.com/NervJS/taro) 和 [uni-app](https://github.com/dcloudio/uni-app) 的常用的小程序组件，致力于用最简洁、舒适可靠的实现。这里可能有你需要的而ui库没有给你提供的组件
## 快速体验
## 特性
- 支持 TypeScript
- react 和 vue 高度统一的 API
- 支持按需引用
- 绝对的轻量：每个组件就一个单独的文件，代码量都不超过300行。安装依赖只需占用336K磁盘空间
## 组件列表
- [Navbar：导航栏](https://github.com/yijinc/fishui/tree/master/packages/taro-vue/src/components/Navbar/doc.md)
- [Tab：选项切换](https://github.com/yijinc/fishui/tree/master/packages/taro-vue/src/components/Tab/doc.md)
- [Scroll：列表滚动 下拉刷新、加载更多](https://github.com/yijinc/fishui/tree/master/packages/taro-vue/src/components/Scroll/doc.md)
- [Drag：拖拽排序 - 单屏](https://github.com/yijinc/fishui/tree/master/packages/taro-vue/src/components/Drag/doc.md)
- [DragX：拖拽排序 - 列表](https://github.com/yijinc/fishui/tree/master/packages/taro-vue/src/components/DragX/doc.md)
- [VirtualSwiper：虚拟滑动](https://github.com/yijinc/fishui/tree/master/packages/taro-vue/src/components/VirtualSwiper/doc.md)
- TODO: TreeSelect：无限层级选择器
## 安装
```bash
npm add @fishui/taro-vue
# or
npm add @fishui/taro-react
# or
npm add @fishui/uni-app
```
## 使用
```js
// 引入样式（全局）
import '@fishui/taro-vue/lib/style.css';
import { Tab, Navbar } from '@fishui/taro-vue';
```
### 按需引入
手动指定引入
```js
import Tab from '@fishui/taro-vue/lib/components/Tab';
import '@fishui/taro-vue/lib/components/Tab/style.scss';
```
可通过 [babel-plugin-import](https://github.com/umijs/babel-plugin-import) 设置自动转换为按需引入的方式
在 `.babelrc` 或 `babel.config.js` 中添加配置：
```json
{
// ...
plugins: [
[
"import",
{
"libraryName": "@fishui/taro-vue",
"libraryDirectory": "lib/components",
"style": (name, file) => name + '/style.scss',
"camel2DashComponentName": false
}
]
]
}
```