了解更多请访问官方网站 devui.design Angular版本 当前支持的angular版本^17.0.0 快速开始 创建一个项目 推荐使用@angular/cli创建你的项目 ng new New-Project 安装: $ cd New-Project $ npm i ng-devui # 可选,字体图标库 # $ npm i @devui-design/icons 引入模块: import { BrowserModule } fro...
NG DevUI:基于DevUI Design设计规范的Angular组件库 DevUI Icons:与DevUI组件库配套使用的字体图标库 NG DevUI Admin:开箱即用的企业级中后台管理系统 DevUI Helper:一款VSCode插件,DevUI代码助手,给你带来丝滑的代码补全体验。 Vue DevUI:vue3版本DevUI组件库,支持PC/Mobile(目前还在孵化中,欢迎参与建设~) ...
最简单的方式是全量引入所有组件,在main.ts文件中写入: import{createApp}from'vue'importAppfrom'./App.vue'importDevUIfrom'vue-devui'import'vue-devui/style.css'import'@devui-design/icons/icomoon/devui-icon.css'createApp(App).use(DevUI).mount('#app') 引入之后就可以直接使用 Vue DevUI 组件啦! ...
DevUI font icons HTML193 Repositories vue-devuiPublic UI components based on Vue3 and DevUI Design TypeScript1,043MIT290106(13 issues need help)28UpdatedJul 6, 2024 ng-devuiPublic Angular UI Component Library based on DevUI Design TypeScript1,751MIT209102(2 issues need help)3UpdatedJun 19, 20...
yarn add @devui-design/icons(推荐) or npm i @devui-design/icons 引入 在main.ts文件中,编写以下代码: import '@devui-design/icons/icomoon/devui-icon.css' 使用 <d-icon name="love" color="red"></d-icon> 使用第三方图标库 如果有第三方图标库,可以用类似的方式引入。
NG DevUI:基于DevUI Design设计规范的Angular组件库 DevUI Icons:与DevUI组件库配套使用的字体图标库 NG DevUI Admin:开箱即用的企业级中后台管理系统 DevUI Helper:一款VSCode插件,DevUI代码助手,给你带来丝滑的代码补全体验。 Vue DevUI:vue3版本DevUI组件库,支持PC/Mobile(目前还在孵化中,欢迎参与建设~)...
一、安装angular cli npm install -g @angular/cli 二、使用angular cli新建项目 ngnewtest 三、使用npm引入ng-devui npm i ng-devui # 可选,字体图标库, 部分Demo依赖此字体库 # npm i @devui-design/icons 四、为angular引入ng-devui的基础配置和样式 ...
import '@devui-design/icons/icomoon/devui-icon.css' createApp(App).use(DevUI).mount('#app') 引入之后就可以直接使用 Vue DevUI 组件啦! 在App.vue中使用下d-button组件: <template> <d-button variant="solid">确定</d-button> <d-button>取消</d-button> ...
npm i vue-devui @devui-design/icons devui-theme 引入插件和样式 在src/main.ts 文件中引入vue-devui importDevUIfrom'vue-devui';import'vue-devui/style.css';import'@devui-design/icons/icomoon/devui-icon.css';import{ThemeServiceInit,infinityTheme}from'devui-theme';ThemeServiceInit({infinityTheme},'...
DevUI官网:https://devui.design Quill基本原理 最后讲一讲Quill的基本原理。 基本原理 使用Delta数据模型描述富文本内容及其变化,以保证行为的可预测 通过Parchment对DOM进行抽象,以保证平台一致性 通过Mutation Observe监听DOM节点的变化,将DOM的更改同步到Delta数据模型中 ...