当前位置: 首页 > 软件库 > 程序开发 > UI组件库 >

Naive UI

Vue 3 组件库
授权协议 MIT
开发语言 TypeScript
所属分类 程序开发、 UI组件库
软件类型 开源软件
地区 国产
投 递 者 林铭
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Naive UI 是一个完全使用 TypeScript 编写的 Vue 3 组件库。

特性

  • 超过 70 个组件
  • 提供使用 TypeScript 构建的先进的类型安全主题系统
  • select、tree、transfer、table、cascader 等组件支持使用虚拟列表

组件示例

头像

按钮

  • "Naive UI" 是指一种简单易用、不太复杂的用户界面。通常使用简单的图形、文字和设计元素来帮助用户完成其任务,并且目的是提高用户体验。它通常比较容易使用,因为它仅仅涵盖了必要的功能,而不需要复杂的配置或设置。

  • 搭建Nuxt3项目分享 Nuxt3 自从Vue3发布后,学习Vue3就形成了一个趋势和热潮。 Vue3相比Vue2,引入tree-shaking,使得打包的整体体积变小了;在兼顾vue2的options API的同时还推出了composition API,大大增加了代码的逻辑组织和代码复用能力;采用proxy替换了之前的defineProperty,proxy有多达13种拦截方法;增加了TypeS

  • render列,将列的数据增加点击事件 <n-data-table ref="partyRef" :columns="columns" :data="tableData" :pagination="false" :bordered="false" :max

  • tailwindcss侧的解决方法(推荐) 修改tailwind.config.js文件,禁用预加载 module.exports = { // 禁用预加载,修复tailwind样式 与 naive-ui button等样式等冲突问题 corePlugins:{ preflight: false }, purge: [ "./index.html", "./sr

  • n-menu自带的图标使用xicons图标库,使用方法参考官网和naive ui,项目中使用的是自定义的图标,把需要使用的图标保存到本地,使用 render-icon 批量处理菜单图标渲染 1、新建一个菜单组件 <n-menu :collapsed-width="64" :collapsed-icon-size="22" :options="menus" :defa

  • Naive ui主题色修改 新建 theme.ts 文件 import type { GlobalThemeOverrides } from 'naive-ui' const themeOverrides: GlobalThemeOverrides = { common: { primaryColor: '#EC5E42', primaryColorHover: '#CF523

 相关资料
  • 英文原文:http://emberjs.com/guides/components/defining-a-component/ 为了定义一个组件,需要先创建一个名字以components/开始的模板。例如:如果需要定义一个新组建{{blog-post}},需要创建components/blog-post模板。 注意: 组件名必须包含'-'。因此blog-post是一个合法的命名,而post则不是。

  • 使用组件的目的就是通过构建模块化的组件,相互组合组件最后组装成一个复杂的应用。 在 React 组件中要包含其他组件作为子组件,只需要把组件当作一个 DOM 元素引入就可以了。 一个例子:一个显示用户头像的组件 Avatar 包含两个子组件 ProfilePic 显示用户头像和 ProfileLink 显示用户链接: import React from 'react'; import { rend

  • Apache Tapestry 5.4 即将发布,它将完美支持Jquery,我个人偏好 Jquery EasyUI,于是开发出基于 Tapestry 5.4版本的 Jquery EasyUI 组件库,Jquery EasyUI 的日历不方便使用,集成了 My97DatePicker 日历组件。附加其它的组件,后续会加上其它实用控件。 tapestry 组件库: 1、现有组件有: a、EasyUI组

  • eZ Components 是一个企业快速级,常用组件库。

  • 了解如何跨文档使用组件,以提高各工作流程的工作效率。 作为一名设计人员,您经常会创建一些在整个设计中重复出现的主要元素,如导航栏或按钮。但是,必须根据上下文或布局来自定义元素实例并非易事。在此情况下,您往往最终会创建同一基础元素的多个版本,这会使您的设计维护变得困难得多。 组件(以前称为符号)是具有无与伦比的灵活性的设计元素,可帮助您创建和维护重复元素(如按钮),同时针对不同的上下文和布局更改该按

  • 结构 组件是对视图的一部分进行封装,以方便组织代码和重用。 任何具有 view 方法的 JavaScript 对象都是 Mithril 组件。组件可以用过 m() 函数调用: var Example = { view: function() { return m("div", "Hello") } } m(Example) // 等效 HTML // <div>Hello</d

  • 底部动作条 按钮 按钮:浮动操作按钮 卡片 纸片 数据表格 提示框 分隔线 网格 列表 列表控制 菜单 选择器 进度和动态 选择控制 滑块 Snackbars 与 Toasts 副标题 开关 Tabs 文本框 工具提示

  • 页面往往有不少重复的元素,这时可以将这些元素抽离为独立的、可复用的部件,我们将这些部件称为组件。组件在概念上类似于 JavaScript 函数,它接收任意的参数(组件的参数称为“props”),然后返回一个可以被渲染的 Rax 元素。下面简单介绍组件的基本使用。 定义组件 有两种方式来定义组件。最简单和推荐的做法是使用 JavaScript 函数来定义一个组件: function Welcome(