登录社区云,与社区用户共同成长
邀请您加入社区
vu-icons致力于成为 Vue 生态中最易用、最轻量的图标解决方案。无论您是构建企业级后台管理系统,还是开发跨平台的小程序应用,它都能为您提供稳定可靠的支持。如果您觉得这个项目对您有帮助,欢迎在 GitHub 或 Gitee 上点个 Star ⭐️ 支持一下!
基于Uni-app前端框架的SUMER UI3.0组件库!一端开发,多端运行!本组件库可快速二次开发各种类别各行业模板, 包括:商城、视频、直播、聊天、支付、新闻、社区、地图、导航、出行、社区、博客等
这套B端后台Dashboard页面设计常用图表组件库合集,能满足各种设计需求,能为各位UI/UE设计师/产品经理提供设计思路、增加设计灵感、提高设计效率。设计人员可灵活调整,以此创作更加简洁大气的的设计方案,用在设计作品中能大大提升设计稿的品质。...
Ease UI 是一个即插即用的 Vue 3 业务组件库,专为中后台开发设计。其核心优势在于每个组件都是独立的 .vue 单文件,不依赖外部样式或工具函数,仅需依赖 Element Plus 即可直接复制使用。最新版本新增了 JSON 查看器组件,支持语法高亮、折叠展开等功能,并修复了输入框焦点问题。该组件库解决了中后台开发中常见的组件复用难、代码臃肿等问题,让开发者能够像复制代码一样简单地复用组
DevUI是一套面向企业级应用的前端解决方案,包含设计系统、组件库和工程化工具三大核心模块。其特色在于提供全链路一致性设计、高可定制性和工程化效率,支持金融、医疗、政务等行业场景。DevUI组件库覆盖表单、表格、导航等常见需求,同时提供行业专属组件和复杂场景优化。通过设计tokens标准化、统一API接口和配套工具链,有效解决企业开发中的品牌一致性、场景适配、效率和维护成本问题。支持Angular
目前想到的解决思路:我搭建一个项目A,一个组件库项目B项目A中的中软链接项目B。启动项目A,修改项目B,在项目A中实时查看效果。相关小知识1. ln -s1.1 基础解释它的功能是为某一个文件在另外一个位置建立一个同步的链接。当我们需要在不同的目录,用到相同的文件时,我们不需要在每一个需要的目录下都放一个必须相同的文件,我们只要在某个固定的目录,放上该文件,然后在 其它的目录下用ln命令链接(li
好多前端小伙伴干了五六年,一直在做切图仔,一看项目没啥亮点。今天开始,我就分享下自己开发组件库的历程。
项目提供了一个完整的Demo工程,展示了如何通过修改其丰富的公开属性来实现各种视觉效果,如改变指示器颜色、高度、内边距,以及设置文本属性等,以满足不同的设计需求。:希望为分段内的图片和文字提供更灵活的相对位置设置,如图片在文字上方、下方、右侧等,类似UITabBar的样式。:希望为选中的指示器、选中的背景框以及整个控件本身添加圆角效果,以实现更圆润的视觉样式。:希望支持自定义视图作为分段的内容,而
主流组件库在uni-app生态中各有特点和使用场景。uViewUI因其全端兼容、功能全面和活跃的社区支持,成为中大型项目的首选,尤其在电商和社交领域表现突出。uni-ui由DCloud官方维护,性能优化和多端适配性优异,适合企业级内部系统和高频交互场景。ColorUI以简洁美观和低学习成本著称,适合个人开发者和轻量级项目。NutUI-UniApp针对电商场景优化,适合电商类应用。VantWeapp
该架构采用无渲染组件模式,其中业务逻辑独立于渲染逻辑存在,并结合虚拟模块解析,通过统一的导入路径提供特定于框架的 API。
前端开源星球。TinyVue 中的无渲染组件架构代表了一种精密的关注点分离模式,它将组件逻辑与表现层分离,实现了在多个平台、框架和设计变体间前所未有的代码复用性。该架构作为 TinyVue 跨平台能力的基础层,允许单一逻辑实现同时服务于 PC、移动端和移动优先组件,并支持 Vue 2 和 Vue 3 框架。
前端开源星球。OpenTiny TinyVue 采用了一套由 pnpm workspaces 驱动的复杂 monorepo 架构,旨在管理一个支持 Vue 2 和 Vue 3、PC 和移动平台的企业级组件库。这种结构能够在保持构建效率和依赖一致性的同时,协调多个相互依赖的包的开发。
各位开发者,大家好!我是若城。在鸿蒙应用开发过程中,我发现许多组件样式和工具方法具有高度的复用性,但每次新项目都需要重复编写,这极大地降低了开发效率。因此,我决定投入半年时间,打造一款专为鸿蒙生态设计的 UI 组件库 ——rchoui。rchoui是一个面向 HarmonyOS6 的企业级 UI 组件库,旨在提供开箱即用的高质量组件,让开发者告别"重复造轮子"。RcColors是 rchoui 组
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 实现了一个精密的兼容层,使同一套组件代码能够无缝运行在 Vue 2、Vue 2.7 和 Vue 3 上。这一架构成就是通过统一的适配器系统实现的,该系统规范了 API 差异、提供一致的生命周期钩子,并抽象了版本特定的实现细节。兼容层确保开发者能够维护单一代码库,同时支持多个 Vue 版本,而无需在组件实现中使用条件逻辑。 适配器架
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 组件库采用了精密的模块化架构,通过 pnpm workspaces 的 monorepo 结构实现了细粒度组件管理、高效的 tree-shaking 和灵活的平台定向。这种组织策略支持超过 198 个独立组件作为独立包分发,允许开发者仅导入所需组件,同时保持生态系统的完整性。 包架构概述 该组件库在@opentiny/vue总包下
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 采用了一套由 pnpm workspaces 驱动的复杂 monorepo 架构,旨在管理一个支持 Vue 2 和 Vue 3、PC 和移动平台的企业级组件库。这种结构能够在保持构建效率和依赖一致性的同时,协调多个相互依赖的包的开发。 工作区配置 工作区的基础在根目录的pnpm-workspace.yaml配置中定义,该配置建立了
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 中的无渲染组件架构代表了一种精密的关注点分离模式,它将组件逻辑与表现层分离,实现了在多个平台、框架和设计变体间前所未有的代码复用性。该架构作为 TinyVue 跨平台能力的基础层,允许单一逻辑实现同时服务于 PC、移动端和移动优先组件,并支持 Vue 2 和 Vue 3 框架。 核心架构原则 无渲染架构实现了无头组件模式,其中组件
ES Drager 是一个轻量级 React 组件库,专为构建交互式 UI 设计。它支持拖拽、旋转、缩放、调整尺寸和节点连接等功能,适用于流程图编辑器、可视化页面搭建器等场景。该库安装简单(支持 npm/yarn/pnpm),仅需几行代码即可实现可拖拽元素,并提供了丰富的属性和事件回调。核心功能包括拖拽范围限制、旋转角度控制、缩放比例设定以及节点连接处理。ES Drager 特别适合低代码平台、流
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 通过多层架构方法实现了精密的跨平台和跨框架兼容性,该方法将业务逻辑、平台展示和框架适配器分离。这种设计使单个代码库能够同时服务 Vue 2 和 Vue 3 应用程序,并同时支持 PC 和移动优先渲染模式。 架构概述 该架构采用无渲染组件模式,其中业务逻辑独立于渲染逻辑存在,并结合虚拟模块解析,通过统一的导入路径提供特定于框架的 A
你好,我是 Kagol,个人公众号:前端开源星球。 本文主要介绍TinyVue 组件的基本使用模式,包括安装方法、导入策略和实际示例。你将学习如何高效地将组件集成到 Vue 2 或 Vue 3 应用程序中。 组件导入方法 TinyVue 提供多种导入策略以满足不同项目需求。主入口文件packages/vue/index.ts导出了所有 200 多个组件,同时支持原始名称和Tiny前缀名称,实现灵活
你好,我是 Kagol,个人公众号:前端开源星球。 本指南提供了 TinyVue 的全面安装说明,TinyVue 是一个企业级 UI 组件库,支持使用同一套代码库同时兼容 Vue 2 和 Vue 3。无论你是启动新项目还是将 TinyVue 集成到现有应用中,本指南都将通过清晰、分步的说明带你完成安装过程。 系统要求 在安装 TinyVue 之前,请确保你的开发环境满足以下要求: 要求版本用途No
你好,我是 Kagol,个人公众号:前端开源星球。 TinyVue 是一个企业级 UI 组件库,旨在为构建现代 Web 应用程序提供全面的解决方案。它以灵活性和跨平台兼容性为核心设计理念,提供104+ 个简洁、易用且功能强大的组件,可无缝运行于 Vue.js 2 和 Vue.js 3,以及 PC 和移动设备。该库强调一套代码的理念——相同的组件代码可在不同的 Vue 版本和设备平台上运行,显著降低
除基础图表之外,还为复杂业务场景提供了一些业界没有但很实用的图表,例如:流程图、组织关系图和里程碑图等。之前的 Charts 图表组件基于 ECharts 进行封装,完全兼容 ECharts 的 API,适配了华为云规范,包含22个实用的图表组件,不过由于样式都是通过 ECharts 的 API 进行封装的,不便于主题定制,因此我们对其进行了重构和优化。2024年,我们规划了很多新组件和新特性,欢
OpenTiny 是一套企业级 Web 前端开发解决方案,提供跨端、跨框架、跨版本的 TinyVue 组件库,包含基于 Angular+TypeScript 的 TinyNG 组件库,拥有灵活扩展的低代码引擎 TinyEngine,具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具,可帮助开发者高效开发 Web 应用。直播过程中,我们还
目前TinyVue的Grid表格组件并没有将组件逻辑拆分成renderless函数,后续无法扩展到其他前端框架中,因此需要对Grid组件进行重构,将组件逻辑抽离成renderless。完成重构之后,还需要基于目前的虚拟滚动进行优化,优化大数据场景下树表、单元格编辑、行列拖拽等场景的功能和性能,实现动态高度的虚拟滚动、树表懒加载等特性。
本实操内容通过实现 TinyVue 中 Button 组件和 Alert 的类 element 主题适配,让开发者感受到 TinyVue 跨设计规范的亮点特性
组件库
——组件库
联系我们(工作时间:8:30-22:00)
400-660-0108 kefu@csdn.net