基于 Vue 2.0 开发的 UI 组件库 fish-ui

最新推荐文章于 2024-04-10 09:59:03 发布
最新推荐文章于 2024-04-10 09:59:03 发布
阅读量614 收藏 1
点赞数 1
分类专栏： vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/phj_88/article/details/81323788
版权
fish-ui是一个基于Vue 2.0构建的UI组件库，其CSS设计受到semantic-ui的影响。该库提供了丰富的组件，包括BackTop、Button、Calendar、Dropdown等，适用于前端开发。通过简单的安装和导入，开发者可以快速在项目中应用这些组件，提升开发效率。
摘要由CSDN通过智能技术生成

fish-ui 详细介绍

fish-ui 是基于vue2开发的一套ui组件库，其中css部分借鉴了semantic-ui的样式

demo: https://myliang.github.io/fish-ui/

github: https://github.com/myliang/fish-ui

安装

npm install less less-loader -S
npm install fish-ui -S

 快速使用

import Vue from 'vue'
import FishUI from 'fish-ui'
Vue.use(FishUI)

手动导入

import 'fish-ui/styles/button.less'
import Button from 'fish-ui/src/components/Button.vue'
Vue.component(Button.name, Button)

支持的组件列表

  • BackTop

  • Button

  • Buttons

  • Calendar

最低0.47元/天 解锁文章
前端栈开发
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
闲鱼大终端UI组件库——FishUI建设之路
闲鱼技术的博客
02-14 1221
背景随着闲鱼前端架构的不断演进，一些关键技术设施需要结合业务特征逐步自建，技术方案也要拥抱社区来提升可扩展性。一方面，闲鱼跨端开发框架kun让前端开发者使用JS/CSS/HTML即可交付终端页面，同时兼顾了动态性和高性能，另一方面，前端UI框架也正从集团 rax 逐步转向社区 React 方案。在这个大背景下，围绕 kun 和 web 两个容器的跨端组件建设也势在必行，因此 Fish UI 应...
如何基于 Vue 2 写一套 UI 库？
技术杂谈
02-14 5544
本文来自作者 mon 在 GitChat 上分享 「如何基于 Vue 2 写一套 UI 库」，「阅读原文」查看交流实录。「文末高能」编辑 | 哈比在提笔写下这篇文章之前，我查阅了很多的平台的文章，看下大家都怎样把一个话题写好，也学习到不少东西，非常感谢有这样一个平台可以和大家互相交流。我尽可能写得简单清晰，让大家看完可以马上从零开始，记得要自己动手丰衣足食。写这篇文章原因是因为刚好年底做项目总结，
探索鱼UI：轻量级、易用且强大的前端框架
最新发布
gitblog_00052的博客
04-10 311
探索鱼UI：轻量级、易用且强大的前端框架 项目地址:https://gitcode.com/myliang/fish-ui 鱼UI 是一个专注于简洁和高效的轻量级前端组件库，由开发者@myliang创建并维护。它基于Vue.js框架，旨在提供一套完整的UI解决方案，以帮助开发人员快速构建响应式和高性能的Web应用。 技术分析 基于Vue.js：鱼UI利用了Vue.js的虚拟DOM和数据绑定特性...
vue2.0 常用的 UI 库
weixin_33862514的博客
12-12 185
1.mint-ui 安装： npm install mint-ui --save 使用： main.js // MintUI组件库 import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' Vue.use(MintUI) 2.vux 安装： npm install vux --save npm install vux-loa...
Vue2.0 Vue组件库
yasinawolaopo的博客
01-12 1813
Vue组件库资源(热门的几个网站),搭建就看官方文档教程
引入ui组件_Vuejs, Semantic CSS前端框架fish-ui
weixin_39657094的博客
01-07 215
简介基于vue2.0, github star 690+, 一款小众的UI框架fish-ui，直接上截图：主要特性配备Vue.js，Moment，Vue-Router，ES6和Babel 6使用Webpack 2.0和Vue LoaderSemantic CSS 组件使用 Less支持现代浏览器快速开发安装npm install less less-loader -Snpm install fis...
fish-ui:适用于Web的Vue.js 2.0 UI工具包
04-28
鱼鱼 适用于Web的Vue.js 2.0 UI工具包。 安装 npm install less less-loader -S npm install fish-ui -S 快速开始 谷歌字体和字体真棒 <...导入所有组件 ...import FishUI from 'fish-ui' Vue . use
fish-ui 一套基于vue2的桌面ui组件库，css借鉴semantic-ui.zip
09-24
《Fish-UI：基于Vue2的桌面UI组件库与Semantic-UI设计灵感融合》 Fish-UI 是一个专为Vue2构建的桌面用户界面组件库，它的设计灵感来源于知名的前端框架Semantic-UI，旨在为Web开发者提供一套高效、美观且易用的组件...
Fishui基于vue2semanticui实现的WebUI工具包
08-10
Fish-ui，一个专为Vue2量身定制的Web用户界面工具包，它巧妙地融合了Vue.js的高效性和Semantic-UI的优雅设计，为后台产品的开发提供了强大而直观的组件库。在本文中，我们将深入探讨Fish-ui的核心特性、设计理念以及...
基于 Vue3、Typescript 框架开发的 Fish Cloud 微服务系统前端UI页面.zip
01-03
总的来说，"基于 Vue3、Typescript 框架开发的 Fish Cloud 微服务系统前端UI页面"意味着该项目采用了现代前端技术栈，提供了强大的开发工具链和组件库，旨在构建高质量、可维护的微服务前端应用。开发者需要对Vue3、...
Vue.js 学习11 Mint UI基于Vue2.0的组件库
编程圈子-谢厂节的博客
06-03 2302
官网 http://mint-ui.github.io/#!/zh-cn安装npm install -g vue-cli vue init webpack projectname修改main.jsimport Vue from 'vue' import MintUI from 'mint-ui' import 'mint-ui/lib/style.css' import App from './
Fishbone:鱼骨框架——基于koa2实现的web框架
05-08
Fishbone是什么 轻量级可扩展的敏捷开发Node.js框架,支持ES6/7全新特性,支持Koa、Express中间件。 特性 基于koa2 Fishbone基于著名的Node.js框架koa2进行了封装。扩展了Koa的功能，能够Swift的进行Web开发。 支持灵活的自定义路由 Fishbone采用的模式(module/controller/dao）路由规则以外，还支持用户定制路由。 在项目中遵循路径即url配置即可灵活的支持Restful等各种自定义路由。 中间件 支持JWT鉴权、解决跨域、报错捕捉和请求中的文件解析等中间件。并且开发者可以自由的定义/编写中间件。 如何使用 创建项目结构 . ├-- server | ├-- Controllers 控制器 | | ├-- user.js 用户模块接口文件 | | └-- login.js 登陆模块接口文件 |
anyFish-2.0:anyFish-2.0 移至 Github
06-06
任何鱼 anyFish 是一种新颖的软件工具，用于在动物行为中创建计算机动画的小鱼刺激物。 该软件以易用性、方法严谨性和最终用户参与度而著称。 该提案代表了研究动物行为和进化的最终用户与从事计算机动画和视频游戏技术的开发人员之间的密切合作。 请浏览下面的链接，了解有关为指导您使用该程序而创建的所需软件和教程的信息。 ##下载anyFish 2.0## -- ##anyFish 介绍视频## 其他视频教程 6. 创建一个 anyFish 项目 7. 使用 anyFish 编辑器介绍“关键帧” 任何鱼类许可证 该程序是免费软件：您可以根据自由软件基金会发布的 GNU 宽松通用公共许可证（许可证的第 3 版或（由您选择）任何更高版本）的条款重新分发和/或修改它。 分发此程序是希望它有用，但不作任何保证； 甚至没有对适销性或针对特定目的的适用性的暗示保证。 有关更多详细信息，请参阅
Vue2.0+组件库总结
DreamFJ的博客
11-27 140
Vue2.0+组件库总结
fish-ui 一套基于vue2的ui组件库
weixin_34348805的博客
12-07 215
A Vue.js 2.0 Responsive UI Toolkit for Web. git: github.com/myliang/fis… 安装 npm install less less-loader -S npm install fish-ui -S 复制代码快速开始 导入所有组件 import Vue from 'vue' import FishUI fr...
【vue2.0/3.0 封装UI组件库之业务必备】五星好评
马云
12-06 471
文章目录vue2.0实现搭建UI组件库并引入五星好评组件业务逻辑开发vue3.0实现`Stars.vue``hooks` vue2.0实现 搭建UI组件库并引入 在main.js中引入组件并使用 import myUI from './libs/myUI'; Vue.use(myUI) 创建组件 实现组件的出口 index.jsimport Stars from './components/Stars'; const myUI = {}; // UI组件池 const componentPoo
前端脚手架BigFish
热门推荐
QuinnNorris的博客
12-06 1万+
Bigfish 企业级前端开发框架，与常见的前端框架和工具不同，它从工程角度集成了各类功能，从初始化开发到最终上线整套技术方案，解决了前端开发经常遇到的前端技术栈整合配置麻烦、开发联调麻烦、前端资源发布上线麻烦三大痛点。 Bigfish主要具备以下功能： 基于 umi 整合了前端工具链：整合了 Ant Design、Dva、Ant Design Pro 技术栈，最小化成本开发 简...
fish-admin 一个简单的后台管理模板
weixin_34409822的博客
11-20 320
fish-admin 是一个简单的前后台分离的开发模板前台（ui）部分是基于 fish-ui 开发后台（api）部分是基于 springboot 开发， 提供json api接口供ui调用 项目git地址: github.com/myliang/fis…其中ui库的git地址：github.com/myliang/fis… 使用方法$ git clone https://github.com/...
vue2.0中使用ant-design-vue
08-16
在Vue 2.0中使用Ant Design Vue，你需要按照以下步骤进行设置： 1. 首先，安装Ant Design Vue的依赖包。你可以使用npm或者yarn进行安装。打开终端，运行以下命令： ``` npm install ant-design-vue --save ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值