前言面试遇到一道题，使用 React 实现移动端物流单据列表查询功能。好家伙，React 咱已经一年多没碰过了（主要是项目都是用的 vue ，只能额外找时间学习 React ）。既然挑战来了，刚好也可以复习一下 React ，所以咱花了一天时间将它封装成了复用组件，当其他页面也用到差不多的列表时，直接搬来用。这里使用到了 Antd-mobile 组件库（毕竟人生苦短，该偷懒还是得偷懒的）废话不多说
转载
2024-05-07 16:43:17
166阅读
在react-app中添加ant-mobile 开发手机端应用 create-react-app 是业界最优秀的 React 相关应用开发工具之一，以此工具来使用 antd-mobile 组件。 参考：Ant Design Mobile $ npm install -g create-react-a ...
转载
2021-07-29 16:36:00
189阅读
2评论
react-native 结合ant-Design- mobile, 发现有些组件样式不好调,尤其是嵌套很多层的子组件. 解决办法如下http://www.jianshu.com/p/70b46e305914 react-native 结合ant-Design- mobile, 但是发现有些组件样式不好调,尤其是嵌套很多层的子组件的字体,颜色, 官方使用style={} 作
转载
2024-03-18 12:41:09
365阅读
此刻或许你已经厌倦了看见那个灰色的空白导航栏--想必你已经准备好了，让我们来配置导航栏吧！设置导航栏一个screen 组件有一个静态属性，叫做navigationOptions，可以是一个对象或者返回该对象的函数，这个对象包含不同的配置选项。我们用在导航栏标题的是title：class HomeScreen extends React.Component {
static navigation
转载
2024-07-10 03:03:53
156阅读
在这篇博客中，我将向读者们介绍如何使用 React18 + vite + TypeScript + antDesign搭建一个前端框架。React 是一种流行的 JavaScript 库，用于构建用户界面。vite是一个快速的前端构建工具，能够快速创建现代化的应用程序。TypeScript 是一种开源的编程语言，它可以帮助开发者在编写JavaScript 代码时减少错误。antDesign 是一个
NG-ZORRO-MOBILE 是 Ant Design 移动规范的 Angular 实现。Ant Design 作为服务于企业级产品的设计体系，基于『确定』和『自然』的设计价值观，通过模块化的解决方案，降低冗余的生产成本，用其简单且高效的设计理念，让设计者专注于更好的用户体验。Ant Design 发布之初仅有 React 版本实现，为了让 Angular 开发者也能享受 Ant Desig
转载
2024-08-13 13:39:42
43阅读
我以下的方式，其实并把Ant Design Pro文件打包到生成的安装包里，所以，安装包=Ant Design Pro+Electron环境
ant-design-pro ----> version ：2.3.1
由于网上Ant Design Pro+Electron的资料太少，我就贡献一点经验
转载
2024-08-19 20:15:35
151阅读
一说到移动端布局，大部分同学会想到用rem，不错rem确实可以解决各种问题，哪怕宽度你都写固定值都没有问题，但是宽度的适配使用大量的数值，是不是算起来有点头疼呢？还有一部分同学会大面积使用弹性盒，宽度的适配用弹性盒真的是太香了，可是弹性盒它并不能兼容所有的设备，那没有弹性盒是不是就没有办法了呢？其实并不是的，我这里提供几个常用布局方式，就算是没有弹性盒，也可以轻松玩转移动端！1、上下固定，中间弹性
背景1.1 行业现状与问题很多技术同学都知道，移动端往往比较侧重业务开发，这会导致人员规模不断扩大，项目复杂度也会持续增长。而为了满足业务的快速上线，很难去落实统一的设计规范，在开发过程中由于UI缺乏标准导致的问题不断凸显，具体体现在以下4个层面：设计层面：由于UI缺乏标准化设计规范，在不同App及不同开发语言平台上设计风格不统一，用户体验不一致；设计资源与代码均缺乏统一
转载
2024-04-03 12:26:09
62阅读
本篇着重讲解如何使用官方的demo，至于React及antd的安装及配置在本文末尾会给出相应的参考链接。创建一个React项目之后。create-react-app在新建的项目目录下引入antd组件库。yarn add antd
或者
npm install antd --save打开测试一下yarn start
或者
npm start创建成功以后会出现如下初始页面。
转载
2023-07-19 10:52:22
73阅读
问题：在使用
Ant Design Vue 过程中发现了他没有限制数量上传的功能，因此自己使用js实现，仅仅一句代码，使用的时候通过change事件进行splice进行截取<a-upload
//开启多选
multiple
//限制图片类型
accept=“image/png, image/jpeg”
//图片上传地址
:action=“uploadImgURL”
//上传后显示的样式
lis
转载
2024-08-26 20:06:56
86阅读
导入在使用日期选择器前需要先引入momnet：import moment from "moment";
import "moment/locale/zh-cn"在引入后使用选择器：<a-date-picker
format="YYYY-MM-DD HH:mm:ss"
v-decorator="['time',{rules: [{ required: true, message: '请输入
转载
2024-04-04 21:50:14
115阅读
Ant Design 是一个很好用的前端组件库，里面包含有很多基础组件，能极大提高我们的开发效率下面先贴出 官方文档，里面的介绍已经十分全面和详细，大家遇到的很多问题都可以在上面找到答案假设现在我们已经用 vue-cli 3 工具创建了一个 Vue 项目，然后怎么在项目中引入 Ant Design 呢？首先介绍一下 vue-cli 3 默认生成的目录结构，关于 vue-cli 3 的具体使用可以参
转载
2024-03-20 07:20:35
429阅读
1.Ant Design介绍和环境初始化Ant Design是一套面向企业级开发的UI框架，视觉和动效作的很好。阿里开源的一套UI框架，它不只支持React，还有ng和Vue的版本，我认为不论你的前端框架用什么，Ant Design都是一个不错的选择。习惯性把AntDesign简称为antd。官网地址:https://ant.design/index-cn2.项目初始化#安装脚手架工具
cnpm
ReactDOMServerReactDOMServer 对象允许你将组件渲染成静态标记。通常，它被使用在 Node 服务端上：// ES modules
import ReactDOMServer from 'react-dom/server';
// CommonJS
var ReactDOMServer = require('react-dom/server');概览下述方法可以被
一：项目效果二：项目说明项目框架
项目使用 react ant.design调用说明
1.控制是否显示设置，默认true
1）控制表格列的显示和隐藏
2）控制列的对齐方式
&
Ant design pro-项目探究（5）react基础知识前言，前端利用请求参数、界面与数据进行整合，构成前端的展示。对于状态的一些调用，react中拥有useState,useEffect,useRef方式来实现前端状态的利用，了解这些方式的运用，对开发界面化来说提供了非常大的便捷之处，以下以以项目自带的table-list来讲解。首先我们来看看useStateimport React, {
前言这是 React 系列教程的第一篇，我们将用 React 实现 Animate.css 官网的效果。对于 Animate.css 官网效果是一个非常简单的例子，原代码使用 jQuery 编写，就是添加类与删除类的操作。这对于学习 React 来说是一个非常简易的例子，但是我并不会在教程中介绍相关的前置知识，比如 JSX、ES6 等，对于小白来说可能还会有一些困惑的地方，所以还要了解一下 Rea
转载
2024-07-25 13:12:02
82阅读
1：桌面随便新建一个文件夹，用来存放项目，我的叫my-rea2：打开my-react文件夹，在路径中输入cmd，然后回车3：然后输入命令：create-react-app project(你想起的项目名称)4： 此时执行npm start就可以运行项目了，但是虽然项目已经运行成功，但是在项目目录里是找不到webpack配置项的。比如，我们想配置less、sass、配置项目接口请求等，这时我们需要做
转载
2024-07-05 04:11:17
108阅读
引入： 步骤一：绑定 form 步骤二：绑定 item 步骤三：获取 form 的值 .
转载
2018-07-23 13:33:00
186阅读
2评论
