安装antd-mobile全局引入npm install antd-mobile --save在App.js引入cssimport 'antd-mobile/dist/antd-mobile.css';在jsx使用antd组件import R
原创 2022-07-06 16:49:09
460阅读
react项目优化,antd-mobile按需加载
原创 2022-11-18 00:12:44
174阅读
再看本篇文章之前,本人还是建议想入坑react的童鞋可以选有create-react-app来创建react的项目,因为现在dva和roadhog还不成熟,坑相对要多一些,当然如果你已经做好跳坑的准备,那么请继续往下走; 本文适合对 ES6+webpack 有一定了解的人。没有的了解的同学可以先看看
转载 2020-05-13 11:47:00
175阅读
2评论
github地址https://github.com/ant-design/antd-mobile-samples/tree/master/cr
原创 2022-12-16 21:42:14
708阅读
环境配置 安装脚手架:npm install create-react-app 安装yarn:brew install yarn 创建项目:create-react-app antd-demo 切换路径:cd antd-demo 安装路由:yarn add react-router-dom 安装ax ...
转载 2021-10-01 09:38:00
242阅读
2评论
这个插件给我最大的体会是,官网看不懂的,把官网的例子复制到自己项目中,然后修改成自己的代码,慢慢来就懂了。。。。首先解释一下官网例1:自定义容器中各参数和方法的作用MyBody():这个方法用于自定义滚动的范围。是整个body滚动?还是在你自定义的层里面滚动?(个人认为可以用css的相对定位,绝对定位,overflow来实现同样的效果,所以这个方法看喜好来。); 变量data:循环展示的数据集。(
转载 2024-07-27 14:48:34
71阅读
在项目根目录:cnpm install antd-mobile --save cnpm install react-app-rewired customize-cra --save-dev cnpm install babel-plugin-import --save-dev确保完整安装以上几个 打开项目根目录的package.json,把  "scripts": {     "start": "
转载 2021-03-08 18:53:54
1746阅读
2评论
React 领域里,一直缺少一套靠谱、好用的移动端组件,蚂蚁的 antd mobile v2 年久失修,几乎无人维护,跟 antd 相差甚远,在设计上,也有很多也已经跟不再符合 Alipay Design[1]。激动人心的是,就在前两天,在 ant-design-mobile[2] 的 discussions 里面已经发布了 5.0(白杨)的 Roadmap[3]。在 8 月 26 号晚上也已
转载 3月前
32阅读
npm i antd --save 按需引入import React, { Component } from 'react' import Button from 'antd/lib/button' import 'antd/dist/antd.css' export default class A ...
转载 2021-08-08 12:13:00
152阅读
2评论
react、 yarn eject、antd-mobile
原创 2018-08-08 18:29:19
5438阅读
快速上手 安装 $ npm install --save antd-mobile # or $ yarn add antd-mobile # or $ pnpm add antd-mobile 引入 直接引入载 css 样式文件: import { Bu
原创 2024-04-29 10:04:48
1548阅读
react +antd-mobile图片上传插件(ImageUploader,支持七牛云直传)
原创 2022-11-07 01:14:21
1700阅读
ReactAntd组件Modal对话框Modal.method()动态设置确认框和提示框 handleConfirm = (type)=>{ Modal[type]({ title:'确认?', content:'你
原创 2022-01-12 15:26:46
702阅读
通过 npm 安装antd和babel-plugin-import。babel-plugin-import是用来按需加载 antd
原创 2022-09-29 16:08:20
97阅读
React & shit Antd
转载 2018-11-16 16:26:00
137阅读
Facebook 官方推出Create-React-App脚手架,基本可以零配置搭建基于webpack的React开发环境,内置了热更新等功能。详细文档可前往链接:Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始: npm install -g create-react-app /
转载 9月前
13阅读
微信公众号:爱写bugger的阿拉斯加 如有问题或建议,请后台留言,我会尽力解决你的问题。1. 前言最近搭建的 react 项目想引入 less ,并实现样式局部作用域化,但是在网上找了很多方法试过了都不行,最后打到解决方法,在此记下这惨痛的历程。2. create-react-appcreate-react-app 是业界最优秀的 React 相关...
原创 2021-08-30 15:29:16
717阅读
一.React中使用antd1.下载antd包   npm i antd -S2.按需引入//App.jsx文件 import {Button} from 'antd' //引入按钮组件 import {WechatOutlined, ShoppingCartOutlined } from '@ant-design/icons'; //icon图标库需要另外引入 import
转载 2024-03-16 10:47:47
697阅读
今天使用listView的时候发现页面此时的下拉刷新属性,只能往下滚动,当手指触摸屏幕往上滚动的时候,页面没有任何的反应。。。也就是只能往下滚动不能往上滚动,对于经常使用ListView的情况下,我没有发现写法有任何的错误。 于是开始往其他页面进行查找错误,发现使用l antd-mobile的<Ta ...
转载 2021-09-26 16:03:00
1694阅读
2评论
ant input组件initialValue 初始值更新问题组件被赋初始值了之后,有两种情况需要更新组件的value,一种情况是子组件触发的父组件的value的更新,另一种是父组件自己触发的value更新。实现场景 在门票订购页面引入了一个游客信息子组件,如下图所示,可以通过子组件新增游客或删除游客来改变订购数量,也可以通过在订购页面批量导入游客来改变订购数量。<FormItem {...
  • 1
  • 2
  • 3
  • 4
  • 5