这个插件给我最大的体会是,官网看不懂的,把官网的例子复制到自己项目中,然后修改成自己的代码,慢慢来就懂了。。。。首先解释一下官网例1:自定义容器中各参数和方法的作用MyBody():这个方法用于自定义滚动的范围。是整个body滚动?还是在你自定义的层里面滚动?(个人认为可以用css的相对定位,绝对定位,overflow来实现同样的效果,所以这个方法看喜好来。); 变量data:循环展示的数据集。(
转载
2024-07-27 14:48:34
71阅读
在 React 领域里,一直缺少一套靠谱、好用的移动端组件,蚂蚁的 antd mobile v2 年久失修,几乎无人维护,跟 antd 相差甚远,在设计上,也有很多也已经跟不再符合 Alipay Design[1]。激动人心的是,就在前两天,在 ant-design-mobile[2] 的 discussions 里面已经发布了 5.0(白杨)的 Roadmap[3]。在 8 月 26 号晚上也已
今天使用listView的时候发现页面此时的下拉刷新属性,只能往下滚动,当手指触摸屏幕往上滚动的时候,页面没有任何的反应。。。也就是只能往下滚动不能往上滚动,对于经常使用ListView的情况下,我没有发现写法有任何的错误。 于是开始往其他页面进行查找错误,发现使用l antd-mobile的<Ta ...
转载
2021-09-26 16:03:00
1694阅读
2评论
ant input组件initialValue 初始值更新问题组件被赋初始值了之后,有两种情况需要更新组件的value,一种情况是子组件触发的父组件的value的更新,另一种是父组件自己触发的value更新。实现场景 在门票订购页面引入了一个游客信息子组件,如下图所示,可以通过子组件新增游客或删除游客来改变订购数量,也可以通过在订购页面批量导入游客来改变订购数量。<FormItem {...
转载
2024-06-19 20:07:48
82阅读
文中结合了网易新闻客户端讲解了开源库ActionBarSherklock的使用今天夏老师再给大家讲解一个开源库的使用,它就是ViewPagerIndicator(同样出自JakeWharton之手,ps:这胖子还是蛮厉害的)官网地址:http://viewpagerindicator.com/Github地址:https://github.com/JakeWharton/An
``` import { createForm } from "rc-form"; @createForm() class TopAdSlots extends Component { @observable vs = []; @action handlePickerChange = vs => { this.vs = vs; }; render() { ...
转载
2018-12-19 19:48:00
1268阅读
2评论
官方提供了2个class控制里外2个样式。更改内部样式用border ...
转载
2021-07-28 17:00:00
555阅读
2评论
笔者上个礼拜开发公司移动端,由于数据过多所以要进行懒加载。于是就用到了antd的antd-mobile的listView组件。但是遇到了很多坑,今天总结出来分享给大家。一:数据已经全部展示了却还是重复渲染。原因:自己太二,在componentWillReceiveProps 里面做了俩个判断执行了俩次下面的这个代码。所以导致数据很少可是一直向下滚会一直重新clone数据。this.setS...
原创
2022-03-21 14:39:43
1122阅读
点赞
2评论
笔者上个礼拜开发公司移动端,由于数据过多所以要进行懒加载。于是就用到了antd的antd-mobile的listView组件。但是遇到了很多坑,今天总结出来分享给大家。一:数据已经全部展示了却还是重复渲染。原因:自己太二,在componentWillReceiveProps 里面做了俩个判断执行了俩次下面的这个代码。所以导致数据很少可是一直向下滚会一直重新clone数据。this.setS...
原创
2021-06-18 16:53:13
652阅读
内容提要本文分为两个个部分 1.Git教程 2.Github教程第一部分1.什么是GitHub?GitHub是世界上最大的软件远程仓库,是一个面向开源和私有软件项目的托管平台,使用Git做分布式版本控制。 简单的来说,GitHub就是全是界程序员和组织发布程序代码的平台之一,全世界各地的程序员讲自己写的代码上传到这里与大家分享。 当你需要完成某个轮子(开发某个东西)的时候,可以尝试先去Gi
参与:一鸣、jamin
去年,GitHub 官方预告了移动端 app 的开发情况。最近这一 app 终于和开发者见面了。除了承诺过的暗黑模式外,app 还有多项新特性,开发者也不用随时随地被绑在电脑前。
GitHub 是非常好用的代码版本托管平台,几乎没有开发者不知道它。但是,一直以来用户都希望官方能够出品移动端 app,方便在没有 pc 的场合完成一些工作。
近日,GitHub Mob
转载
2024-01-19 15:41:07
43阅读
切换到版本2 1打开ant-moblie文档 2安装组件库 3在根部导入要使用的组件 4渲染组件 5在index.js中导入组件样式 import React from "react";import {Button} from "antd-mobile"f...
原创
2022-05-28 01:56:09
173阅读
安装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阅读
切换到版本21打开ant-moblie文档2安装组件库3在根部导入要使用的组件4渲染组件5在index.js中导入组件样式import React from "react";import {Button} from "antd-mobile"function App() { return ( <div className="App"> 项目更组件 <Butto
原创
2023-02-10 15:33:38
146阅读
再看本篇文章之前,本人还是建议想入坑react的童鞋可以选有create-react-app来创建react的项目,因为现在dva和roadhog还不成熟,坑相对要多一些,当然如果你已经做好跳坑的准备,那么请继续往下走; 本文适合对 ES6+webpack 有一定了解的人。没有的了解的同学可以先看看
转载
2020-05-13 11:47:00
175阅读
2评论
antd-mobile中Picker选项更新的问题需求如图,Picker按钮上显示的数值是设备的设定温度,可以在点击后通过弹窗选项来修改这个设定温度。同时,设备端或其他手机端也可以修改这个温度,所以这个设定温度是随着设备的实际状态而实时变化的。 每次打开弹窗时,选中项和当前显示的应该一致,即设备实际设定温度。问题如果按照上述需求直接写,picker中引入value值,则弹框变成可控组件,就会出现选
转载
2024-07-10 15:19:43
246阅读
github地址https://github.com/ant-design/antd-mobile-samples/tree/master/cr
原创
2022-12-16 21:42:14
708阅读
初用Ant Design Mobile 中 ListView ,看到官方示例,新手朋友估计第一反应都是一脸蒙逼,现在我们写一个最简单的示例,除了让代码运作起来,也让大家知道每一行代码的作用"dependencies": {
"antd": "^3.26.11",
"antd-mobile": "^2.3.1",
"axios": "^0.19.2",
"qs": "
转载
2024-02-19 12:32:03
374阅读
北京...
转载
2019-11-16 12:16:00
72阅读
2评论