【Axure 模版素材】Arco Design组件库 - AxureMost

【Axure】Arco Design组件库/元件库

Arco Design组件库旨在提供一套高效、美观的企业级设计解决方案。它包含丰富的组件和样式,覆盖了多种交互场景。以下是Arco Design组件库中的一些关键样式和组件特性:

  1. 基础样式:

    • 颜色主题:提供丰富的颜色主题配置,支持自定义,包括基础颜色、字体、阴影等,且支持可视化编辑与实时预览。
    • 布局:基于模块化设计,提供灵活的布局方案,支持响应式设计,便于构建不同屏幕尺寸下的界面。
    • 文本样式:包括字体大小、颜色、行高、对齐方式等,确保一致性和可读性。
  2. 表单组件:

    • 输入框(Input):支持文本、密码、数字等,有右对齐和顶对齐标签选项,优化操作效率。
    • 表单(Form):集成验证功能,支持多种表单元素组合,顶对齐标签提高浏览效率。
    • 按钮(Button):多种风格,如主要、次要、危险等,适应不同操作需求。
  3. 导航组件:

    • 导航栏(Navbar):顶部导航,用于快速切换页面或展示状态。
    • 标签页(Tabs):实现内容切换,提高界面空间利用率。
    • 侧边栏(Sidebar):常用于中后台应用,提供结构化导航。
  4. 数据展示:

    • 表格(Table):高度可配置,支持排序、筛选、分页等功能。
    • 卡片(Card):用于展示详细信息,可包含多种元素如图片、标题、描述等。
    • 列表(List):展示项目列表,支持多种样式,如带图标、头像等。
  5. 反馈与对话:

    • 对话框(Dialog):用于弹出式操作或信息展示,支持多种类型如确认、提示等。
    • 消息(Message)通知(Notification):提供即时反馈,增强用户体验。
    • 加载(Loading):多种加载动画,提升用户等待时的体验。
  6. 特殊组件:

    • 分步条(Steps):指导用户完成多步骤流程。
    • 时间线(Timeline):展示事件序列,适用于展示过程或历史记录。
    • 滑块(Slider)开关(Switch):用于数值选择或状态切换。
  7. 自定义主题与命名空间:

    • 支持自定义主题,包括颜色、字体等,且提供了便捷的工具进行主题编辑。
    • 提供命名空间配置,便于在大型项目中避免样式冲突。

Arco Design组件库的设计注重用户体验和开发效率,通过这些组件,开发者可以快速构建出符合企业级标准的界面,同时保持高度的定制性和一致性。组件库支持Vue和React,且提供了Vue 3版本的兼容,确保了技术栈的现代性。

查看模板素材

相关推荐
腻害兔8 小时前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:CRM 客户关系模块深度解析——从线索到回款,一套完整的 B2B 销售闭环是怎么搭的?
java·前端·javascript·vue.js·产品经理·ai编程
Bony-15 小时前
AI产品经理需掌握的通用能力
人工智能·产品经理
腻害兔17 小时前
【若依项目-产品经理视角】深度拆解 RuoYi-Vue-Pro IoT 物联网模块:从协议网关到物模型,一文讲透开源 IoT 平台架构
前端·vue.js·物联网·产品经理·ai编程
北京晶数信息科技17 小时前
加油站成品油智慧监管系统项目建设实施汇报(一)
大数据·物联网·产品经理·需求分析
腻害兔1 天前
【若依项目-产品经理视角】深度拆解 RuoYi-Vue-Pro 商城模块:从商品管理到交易引擎,50 张表撑起一整套电商系统
java·大数据·vue.js·产品经理·ai编程
向上的车轮1 天前
TSDB产品经理实战:如何定义工业场景的时序数据模型?
产品经理·tsdb
Xzaveir_7771 天前
OPPO、vivo、荣耀号码认证:多终端拨测矩阵与异常复现
大数据·网络·科技·矩阵·产品经理·ai-native
Xzaveir_7772 天前
企业号码负面标记治理:认证、申诉与合规事件的三轨模型
大数据·网络·人工智能·科技·产品经理
zzzzzz3103 天前
我用 AI 写代码半年,遇到了 10 个让人血压飙升的奇葩需求
机器学习·产品经理
腻害兔4 天前
【若依项目-产品经理视角】RuoYi-Vue-Pro 源码拆解:ERP 企业资源模块,一个轻量级进销存的完整实现?
前端·javascript·vue.js·人工智能·前端框架·产品经理·ai编程