说明

在使用小程序框架开发小程序过程中，发现很多常用的组件 社区都找不到合适的。 对于相应的一些比较完善的ui组件库，他们貌似只会依赖于设计，从 Button 开始造组件。。。 很多时候，我们可能不是需要他们的ui风格（主题），而是需要一个功能与交互相符、性能可靠的组件

fishui 是一套基于 taro 和 uni-app 的常用的小程序组件，致力于用最简洁、舒适可靠的实现，这里可能有你需要的而ui库没有给你提供的组件

线上演示

组件列表

• Navbar：导航栏
• Tab：选项切换
• Scroll：列表滚动 下拉刷新、加载更多
• Drag：拖拽排序 - 单屏
• DragX：拖拽排序 - 列表
• VirtualSwiper：虚拟滑动

安装

npm add @fishui/taro-react

使用

// 引入样式（全局）
import '@fishui/taro-react/lib/style.css';
import { Tab, Navbar } from '@fishui/taro-react';

按需引入

手动指定引入

import Tab from '@fishui/taro-react/lib/components/Tab';
import '@fishui/taro-react/lib/components/Tab/style.scss';

可通过 babel-plugin-import 设置自动转换为按需引入的方式

在 .babelrc 或 babel.config.js 中添加配置：

{
  // ...
  plugins: [
    [
      "import",
      {
        "libraryName": "@fishui/taro-react",
        "libraryDirectory": "lib/es",
        "style": (name, file) => name + '/style.scss',
        "camel2DashComponentName": false
      }
    ]
  ]
}