说明

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

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

快速体验

特性

• 支持 TypeScript
• react 和 vue 高度统一的 API
• 支持按需引用
• 绝对的轻量：每个组件就一个单独的文件，代码量都不超过300行。安装依赖只需占用336K磁盘空间

组件列表

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

安装

npm add @fishui/taro-vue

# or
npm add @fishui/taro-react

# or
npm add @fishui/uni-app

使用

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

按需引入

手动指定引入

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

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

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

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