Coder Social home page Coder Social logo

yijinc / fishui Goto Github PK

View Code? Open in Web Editor NEW
20.0 2.0 0.0 1.84 MB

一套基于 taro 和 uni-app 的常用的小程序组件,致力于用最简洁、舒适可靠的实现

JavaScript 2.10% TypeScript 41.48% HTML 0.34% Vue 42.79% SCSS 13.29%
react taro uni-app vue typescript

fishui's Introduction

说明

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

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

快速体验

FishUI 微信小程序

特性

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

组件列表

安装

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 设置自动转换为按需引入的方式

.babelrcbabel.config.js 中添加配置:

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

fishui's People

Contributors

yijinc avatar

Stargazers

徒言 avatar JoeShao avatar  avatar  avatar Curie avatar Rosenda Schultz avatar by avatar  avatar Jonah Fang avatar  avatar inklake avatar  avatar HuiWing avatar Yoram avatar jackli avatar mark avatar  avatar Ren yiwei avatar spadeACE avatar 大喵 avatar

Watchers

 avatar  avatar

fishui's Issues

有报错,帮忙看一下

import Drag from "@fishui/uni-app/lib/Drag/index.vue";

in ./node_modules/@fishui/uni-app/lib/Drag/index.vue?vue&type=template&id=24a5a754&

Syntax Error: Unexpected token, expected "," (10:25)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.