Advertisement

Ant Design Mobile:可配置的移动用户界面-开源

  • 5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：ZIP

简介：
该组件库由Preact、React和React Native提供支持，包含超过40个基础UI组件，覆盖多种应用场景，每个组件特性丰富并能满足不同功能需求。 学习成本低，您可以轻松导入所有代码或仅导入需要用到的组件以避免冗余。尽量让每个组件独立且高效。 该库还提供了灵活的款式定制功能，可快速生成多样化的样式方案以满足个性化产品设计需求。 我们为用户提供丰富的Sketch符号化组件资源，您可通过这些资源快速搭建应用程序界面。 _antd_mobile_是Ant Design移动规范的React实现，旨在服务于蚂蚁和口碑等无线服务。使用TypeScript进行开发，并提供类型定义文件，支持类型和属性智能提示功能以提升开发效率。

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • Ant Design Mobile RN的UI组件库：antd-mobile-rn
    优质
    简介：Ant Design Mobile RN是专为React Native开发的手持设备UI解决方案，提供丰富的iOS和Android风格的移动组件。 Ant Design Mobile RNAnt Design 移动端设计规范的 React 实现是 @sishuguojixuefu/antd-mobile-rn ，它服务于蚂蚁及口碑无线业务。新版本3.x已经重构完成并发布，安装升级请查看特性。 基于 Ant Design 的移动设计规范，规则化的视觉样式配置适应各类产品风格。支持多平台的 React Native 平台，并使用 TypeScript 开发，提供类型定义文件。 为了演示，请先在设备上安装 expo app： - 安装和使用的命令如下： - npm install @sishuguojixuefu/antd-mobile-rn --save - 或者 yarn add @sishuguojixuefu/antd-mobile-rn 链接字体图标时，需要执行以下命令：react-native link @ant-design/ico。
  • React - 基于Ant Design Mobile的React项目模板
    优质
    这是一个基于Ant Design Mobile的React项目模板，旨在帮助开发者快速搭建具有现代化设计风格的移动应用前端框架。 基于 antd mobile 的 react 项目模版提供了一个简洁高效的前端开发框架。此模板适用于快速搭建移动应用界面，并提供了丰富的组件库来满足不同需求的应用场景。开发者可以利用这个模版轻松实现复杂的交互设计和动态效果，同时保持代码结构的清晰与模块化。 通过使用该模板，团队能够加速项目的启动阶段并提高整体开发效率。此外，它还支持灵活的主题定制功能以及详细的文档指导，使得前端工程师在项目实施过程中更加得心应手。
  • Axure移动端Ant Design组件库.rplib
    优质
    Axure移动端Ant Design组件库.rplib是一款专为Axure用户设计的资源文件，包含了一系列遵循Ant Design风格的移动端UI组件，便于产品设计师和开发者快速构建高质量的原型界面。 Ant Design移动端Axure组件库.rplib 适用于 Axure RP9 的元件下载。
  • Ant Design Draggable Modal：可拖动的Modal组件
    优质
    Ant Design Draggable Modal是一款基于Ant Design框架开发的可拖动模态窗口组件。用户可以通过拖拽来调整弹窗的位置，提供更加灵活和友好的交互体验。 蚂蚁设计可拖动模态Ant Design的模态支持拖动功能。 **特征** - 使用标题栏进行拖动。 - 通过句柄调整大小。 - 在边界范围内保持位置。 - 拖动过程中维持窗口尺寸。 - 调整大小期间控制窗口布局。 - 窗口大小调整时，确保多个模态的层级管理正确（托管zIndex）。 - 可以从中心打开或指定象限内开启新窗口。 - 使用受控组件提供更佳API支持。 - 改进转义密钥处理机制。 - 通过选项键进行尺寸调节。 **安装** ```bash yarn add ant-design-draggable-modal ``` 注意：必须使用react@16.8.0和react-dom@16.8.0或更高版本。 **用法** ```javascript import React, { useState, useCallback } from react; import { Button } from antd; import { DraggableModal, DraggableModalProvider } from ant-design-draggable-modal; // 示例代码使用DraggableModal和DraggableModalProvider组件。 ``` 以上是关于Ant Design可拖动模态的基本介绍。
  • 【Ant Design】Axure组件用于蚂蚁金服后台界面
    优质
    该资源为Axure组件，专为设计蚂蚁金服风格的后台界面打造，采用Ant Design的设计规范，助力快速高效地创建高质量的产品原型。 蚂蚁的企业级产品体系庞大且复杂。这类产品的量级巨大、功能繁多，并发频繁变动也是常态，因此设计与开发需要具备快速响应的能力。此外，这些产品中存在许多相似的页面及组件，可以通过抽象提取出一些稳定且高复用性的内容。 Ant Design基于“确定”和“自然”的设计理念，采用模块化解决方案来降低冗余生产成本，并使设计师能够专注于提升用户体验。接下来我将分享这款原型组件的设计理念与应用，希望能为大家带来便利。
  • 基于 Vue 的 Ant Design of Vue 实现 Ant Design Pro 源码
    优质
    本项目基于Vue框架，采用Ant Design of Vue组件库实现Ant Design Pro前端应用。包含了源代码及配置说明，适用于开发者学习与参考。 使用 Ant Design of Vue 实现的 Ant Design Pro 源码安装依赖可以通过运行 `npm install` 命令完成。开发模式下启动项目可以执行 `npm run serve`，编译项目则通过运行 `npm run build` 完成。
  • Source Insight 4.0 用户界面配置优化
    优质
    本简介介绍如何在Source Insight 4.0中进行用户界面个性化配置，以提升软件使用体验和工作效率。 最新版本的Source Insight 4.0提供了最优配置方案，使操作代码更加清晰、简洁，并且易于理解。推荐使用独家配置文件进行设置：下载后打开Source Insight > Options > Load Configuration，选择下载的xml配置文件并点击Continue即可完成导入。
  • Ant Design Pro 开发指南
    优质
    《Ant Design Pro开发指南》是一本全面介绍如何使用Ant Design Pro进行高效企业级应用开发的手册，涵盖项目搭建、组件运用及最佳实践等内容。 在学习蚂蚁金服的AntDesignPro框架时，我发现网上相关资源较少，特此分享给大家。