Equal UI —— 基于 Tailwind CSS 的 Vue 3 组件库
Equal UI 是基于 Tailwind CSS 的 Vue 3 组件库,包含 30+ 个组件,作者声称是 Vue 生态系统中最好的视觉效果之一。
特征
- 内置深色主题
- 完全定制
- 有工具提示、通知、弹出框
- 轻量级:12KB brotli
- 包括 30+ 组件
- 使用你的顺风类
用法
所有组件
import { createApp } from 'vue' import Equal from 'equal-vue' import Config from 'equal-vue/dist/theme/full' // or light / dark theme createApp.use(Equal, Config)
或单个组件
import { createApp } from 'vue' import { Button, Switch } from 'equal-vue' import Config from 'equal-vue/dist/theme/full' // or light / dark theme createApp.use(Button, Config).use(Switch, Config)

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
每日一博 | 深入理解 Flutter 图片加载原理
前言 随着Flutter稳定版本逐步迭代更新,京东APP内部的Flutter业务也日益增多,Flutter开发为我们提供了高效的开发环境、优秀的跨平台适配、丰富的功能组件及动画、接近原生的交互体验,但随之也带来了一些OOM问题,通过线上监控信息和Observatory工具结合分析我们发现问题的原因是由于Flutter页面中加载的大量图片导致的内存溢出,这也是在原生开发中常见的问题之一,Flutter官方为我们提供的Image widget实现图片加载及显示,只有了解Flutter中图片的加载原理及图片内存管理方式才能真正发现问题的本质,本文将重点介绍Flutter中图片的加载原理,使用过程中有哪些需要注意的地方及优化思路和手段,希望能给大家带来一些启发和帮助。 基本使用 下面是 Image 的基本使用方法,image参数是 Image 控件中的必选参数,也是数据源类型可以是Asset、网络、文件、内存,下面将以我们常用的网络图片加载方式为例子讲解原理,基本使用如下: Image( image: NetworkImage( "https://avatars2.githubusercont...
- 下一篇
Firefox 支持 Wayland 比例缩放 (Fractional Scaling)
Firefox 合并了对Wayland fractional-scale-v1 协议支持的 PR,用于在 Linux 桌面上使用 Web 浏览器进行比例缩放。 据介绍,该协议已在 KDE KWin 合成器中成功通过测试。但遗憾的是,Wayland 比例缩放支持目前默认禁用。感兴趣的用户需要设置 widget.wayland.fractional-scale.enabled 首选项,才能体验比例缩放支持。 fractional-scale-v1 协议一直受到众多 Wayland 合成器的相当强大的支持,并且自今年早些时候以来在 Google Chrome/Chromium Web 浏览器以及 MPV 视频播放器等其他桌面软件中得到了支持,而不是仅限于基于整数的缩放。
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- 设置Eclipse缩进为4个空格,增强代码规范
- SpringBoot2整合Thymeleaf,官方推荐html解决方案
- CentOS关闭SELinux安全模块
- Hadoop3单机部署,实现最简伪集群
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- CentOS7设置SWAP分区,小内存服务器的救世主
- SpringBoot2全家桶,快速入门学习开发网站教程