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条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS7,CentOS8安装Elasticsearch6.8.6
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- CentOS6,CentOS7官方镜像安装Oracle11G
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- Linux系统CentOS6、CentOS7手动修改IP地址
- CentOS8安装MyCat,轻松搞定数据库的读写分离、垂直分库、水平分库
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池