antd-mobile

create-react-app 中使用antd-mobile 无样式以及按需加载；按照官网设置完config-overrides.js报错The "injectBabelPlugin" helper

creat-react-app创建完项目后要引用antd-mobile，但是需要单独引入组件和样式，比较麻烦；看官方的文档进行设置，设置完config-overrides.js后运行报错：The“injectBabelPlugin
han--han·2020-09-15 14:04

antd-mobile的下拉刷新上拉加载使用

在使用antd-mobile有用到下拉刷新上拉加载import{NavBar,Icon,Tabs,ListView,PullToRefresh}from‘antd-mobile’;//这是我这个页面要的的组件贴出我所有的代码
m18565890306·2020-09-14 09:48

antd-mobile中的PullToRefresh组件（拉动刷新）

PullToRefresh组件：（往下拉or往上刷新）onRefresh的函数内容：//refreshonRefresh=()=>{this.setState({refreshing:true});this.getPatientList();//请求数据的函数setTimeout(()=>{this.setState({refreshing:false});},1000);};PullToRefr
水果妹妹踩前端的坑·2020-09-14 08:35

fetch封装

/CONSTANT'import{Toast}from'antd-mobile'import{getAppLogin,isNetworkConnected,showNoNetPage}from'..
senai_fh·2020-09-13 08:16

react项目的组件库antd-mobile

1.antd-mobile是由蚂蚁金融团队推出的一个开源的react组件库，这个组件库拥有很多使用的组件，下面我来介绍一下他的用法：2.按照官网http://beta.mobile.ant.design/docs/react/introduce-cn上的操作步骤：npm install antd-mobile@next --save 3.在你的项目中的package.json文件里会有antd-m
蜗牛速度额·2020-09-12 21:24

React实现滑动选择插件（仿Antd-mobile Picker）

之后看到了antd-mobile里面的picker插件符合我们的要求，使用了一段时间感觉其效果不错，隧查看源码，探究其制作过程。
weixin_33924770·2020-09-12 20:45

使用antd-mobile的ImagePicker组件实现图片的上传

这篇文章主要是记录一下在开发钉钉微应用时，实现图片上传及显示功能的过程。这个项目用的dingyou-dingtalk-mobile这个脚手架，可直接在NowaGui上创建。这是一个关于钉钉微应用的脚手架，关于它的介绍以及更详细的内容，可以参考https://caohaijiang.github.io/2017/04/17/dingtalk-start/，对于刚入门使用react开发移动前端的同学还
weixin_30247307·2020-09-12 20:02

react-app中引入antd-mobile(蚂蚁框架手机版) ——全部引入

首先你要确保react-app环境搭建成功第一步：安装antd-mobile依赖，npminstallantd-mobile--save第二步：在组件中使用import{Button}from'antd-mobile'primaryinlineprimaryghost
人间草木96·2020-09-12 20:09

create-react-app中安装使用antd-mobile

先按照官方的教程走一遍用create-react-app创建一个项目，引入antd-mobilecreate-react-appantd-mobile-democdantd-mobile-demonpminstallantd-mobile--save对入口页面（index.html）进行一些有关移动端的相关配置if('addEventListener'indocument){document.ad
承蒙时光不弃1769203735·2020-09-12 20:44

2019开年新项目React-Native开发环境搭建

iso版本app需要使用mac调试资源：react-native资源https://reactnative.cn/docs/getting-started/特别好，能让你快速上手知道如何开始antd-mobile
qq_42221334·2020-09-11 20:46

react在rc-form中如何获取ref

,切记不能再input组件上写，否则无效2.获取实例获取实例有两种方法，如下完整代码如下importReact,{Component}from'react'import{InputItem}from'antd-mobile
马娟·2020-09-10 20:13

webpack4.0让编译速度飙升

webpack4-es6-reactwebpack4-es6-react是一个全新的基于webpack4、react16、es6、antd-mobile的前端架构实现方案，默认是antd-mobile,
weixin_34162695·2020-09-10 19:02

react框架结合antd使用 抽屉组件

Link,}from"react-router-dom"import{List,Switch,Drawer,NavBar,Icon,WhiteSpace,Picker,DatePicker}from'antd-mobile
panpwpd·2020-08-26 23:09

react request.js 函数封装

1.request.js函数封装import{Toast}from'antd-mobile';importaxiosfrom'axios';importstorefrom'..
weixin_33774308·2020-08-24 23:00

react工程搭建系列之---移动端适配与antd-mobile高清适配方案

一、逻辑像素（css像素）与物理像素（设备像素）机型逻辑像素物理像素ScaleFactoriphone3GS320x480320x4801xiphone4320x480640x9602xiphone4S320x480640x9602xiphone5320x568640x11362xiphone5C320x568640x11362xiphone5S320x568640x11362xiphone5SE
SuRuiGit·2020-08-24 14:45

react+antd-mobile之项目构建+基础配置

npminstall-gcreate-react-app2.创建项目create-react-appmy-app3.进入项目目录cdmy-app4.启动项目npmstart等待项目启动完毕之后，可看到浏览器展示的效果安装antd-mobile
此用户已成仙·2020-08-24 08:27

关于Antd 时间选择组件文字转换为中文（国际化设置）

在看这篇文章之前，建议大家看看antd/antd-mobile国际化方案。这篇文章并不是一个StartGuidelines。
1只小菜鸟·2020-08-23 02:40

antd-mobile的DatePicker日期选择组件使用

使用了antd-mobile的DatePicker组件，具体用法可参考：https://mobile.ant.design/components/date-picker-cn/其中组件有个minuteStep
weixin_30840573·2020-08-22 19:12

antd移动端onClick事件点击无效

最近空余时间比较多，自己想学习react跟移动端的东西，就选用了antd-mobile库，框架搭好开发过程中遇到个问题，里面绑定的点击事件无效,不仅是antd自带的按钮无效，原生button点击也没反应
weixin_30273763·2020-08-22 19:37

【开源】比antd-mobile体验更佳的Zarm2.0来了，2020你别再错过

是的，大家可能很疑惑：“都2020年了，怎么现在还发布组件库呢？”...确实，对于前端组件库的大家庭来说，我们迟到了，但也请各位可以抽出几分钟看看一位初来乍到的新人的自我介绍：Zarm是什么Zarm是众安科技基于React、React-Native研发的一款适用于企业级的移动端UI组件库。(官网|github|演示地址推荐在手机上浏览)Zarm的取名，灵感来源于众安保险秉承的理念：做有温度的保险。
苏南·2020-08-22 14:53

antd-mobile ListView 长列表 的数据更新遇到的坑

遇到的问题listView这个组件我真的是看文档看得脑壳疼。好不容易看文档写完长列表数据展示了。然后遇到一个需求，即用户有一个点赞操作，问题出现了，点赞完数据更新之后listView不刷新列表。解决列表不刷新问题官方的demo里有这么一个函数rowHasChanged,这个函数返回true或者false，如果是true，则认为这行数据改变了，然后刷新这行数据，也就更新了列表。//官方constru
麦兜兜·2020-08-22 12:00

用Browserify构建antd-mobile应用

antd-mobile是蚂蚁金服出的移动端设计指南和前端框架，它提供了一套基于React的移动端组件库，可以很方便地用来开发体验良好的移动应用。
shaochuancs·2020-08-22 09:22

antd-mobile 无法加载react-app-rewired

react-app-rewired');module.exports=functionoverride(config,env){config=injectBabelPlugin(['import',{libraryName:'antd-mobile
qq_14936009·2020-08-22 02:47

React中发送验证码 倒计时效果组件编写

（2）自己用原生定时器方法实现importReact,{Component}from'react';import{Button}from'antd-mobile';importPropTypesfrom'prop-types
西柚要努力·2020-08-21 16:45

antd-mobile 使用 TabBar 标签栏的一个小问题

问题：同时使用antd-mobile的TabBar和Carousel走马灯的时候，发现图片无法滑动了原因：由于我使用的是Router进行页面元素更新，而TabBar中自带的内容元素直接把整个页面覆盖了，
Chameleon_W·2020-08-21 15:58

react+antd-mobile之TabBar路由

想了解create-react-app配置antd-mobile按需加载，以及配置less和vw的可以看上一篇博客这一篇特别记录antd-mobile的TabBar配合路由的使用按照antd-mobile
此用户已成仙·2020-08-21 14:44

react笔记——脚手架实现对antd组件库实现按需引入

首先，你需要一个react脚手架项目，可以自己创建，在这基础之上，引入antd-mobile（手机端）npminstallantd-mobile--save接下来，在页面中引入你需要的组件，进行使用importReact
努力码代码·2020-08-21 01:21

react写h5 使用antd-mobile的Carousel 走马灯控制台报错Unable to preventDefault inside passive event listener due t

最近写react移动端，使用的ui库就是antd-mobile，在使用Carousel的时候滑动报错了，如下图查阅些文章问题原因由于浏览器必须要在执行事件处理函数之后，才能知道有没有掉用过preventDefault
ze1024·2020-08-20 09:25

开启css module导致antd-mobile的样式失效

在react中使用antd-mobile的走马灯，奇怪的是下面的小圆点一直显示不出来，引入antd-mobile都没有错，轮播图的部分样式没有正常显示，于是在网上查找原因。
lemon0__0tree·2020-08-18 21:39

ant-design-mobile高清方案以及svg配置

.roadhogrc.js内容如下constpath=require('path');constsvgSpriteDirs=[require.resolve('antd-mobile').replace
前端日志·2020-08-16 21:46

webpack项目轻松混用css module

比如antd-mobile
chuluxie3918·2020-08-16 06:20

React 组件之加载图Loading

importReact,{PureComponent}from"react";import{ActivityIndicator}from"antd-mobile";exportdefaultclassLoadingextendsPureComponent
柳非·2020-08-15 19:08

antd-mobile的Toast.hide无法隐藏问题

当你使用Toast.loading('Loading...',0)，然后接着使用Toast.hide()来隐藏的时候，你会发现是无法隐藏的！componentDidMount(){Toast.loading('Loading...',0);Toast.hide();}个人觉得是Toast.loading对象还没有新建完成就隐藏的缘故，这时候你只需要延时一会儿隐藏就OK啦！componentDidM
芳辉啊·2020-08-15 13:06

Create React App antd-mobile 打包到子目录下出现无法显示、显示空白、Unexpected token 等问题

首先我的是history模式，服务器是iis假如我打包之后要放在agent目录下现在目录情况了解了，再来看代码配置那边首先是路由，我用的是React-Router4然后package.json最后是config-override.js（因为这个脚手架隐藏了webpack的配置文件，所以我使用了react-app-rewired，当然你也可以用eject显示webpack的配置文件，然后修改publ
芳辉啊·2020-08-15 13:06

antd-mobile

1、参考http://blog.csdn.net/xiongge2005/article/details/72821281创建react-native项目2、安装react$npminstallreact--save$npminstallreact-dom--save3、安装babel$npminstallbabel-core$npminstallbabel-loader$npminstallba
xiongge2005·2020-08-13 23:13

在react-native中引入antd-mobile遇到的问题

主要是报错引起的退出，检查是否有div，span，className......如果有，删除2、或是报错transformerror和报这个错主要是因为在引入antd-mobile没有按照一定的顺序操作
yesbuter_zhang·2020-08-11 19:30

react-native使用蚂蚁金服的antd-mobile组件库教程

国际惯例，先来展示下这个强大的组建库，常用的大部分组建都可以找到9A99D507-9505-478F-956C-8F243CFECAF5.png3D408F99-BCD5-4C3E-905B-0EDAEB58A858.pngFFC8CB54-EF30-41AB-AA49-83AE3379C69E.pngA52EFACE-86F2-4586-86F5-6644206FDD4D.pnghttps://
大灰狼的小绵羊哥哥·2020-08-11 18:41

React使用antd-mobile的ImagePicker实现图片上传

React使用antd-mobile的ImagePicker实现图片上传记录一下在项目开发中，利用ImagePicker组件和axios实现图片上传。
是森白不是深白·2020-08-11 15:40

React全家桶项目搭建

资源：create-react-app、react、react-dom、redux、react-redux、redux-thunk、react-router-dom、antd-mobile/antd、lib
weixin_33961829·2020-08-10 03:14

Egg.js + MySQL + React + Antd-Mobile 实战移动端私人日记本

前端工程师这个职业是一个很杂，且边界模糊的职业。无论你承认与否，事实就是如此。你甚至可以在某一个很小的领域里翻江倒海，比如专攻可视化、Canvas、Node、多媒体等等。但是我认为，作为一名前端工程师，一个承上启下的中间环节，我们必须要让自己懂的更多，知识面更广，才能更好得担负承上启下的这份责任。学好Node不仅能让我们变得更优秀，甚至在公司需要我们承担其部分服务端任务的时候，也能应变自如。在我们
蔚1·2020-08-05 16:17

第二章：react项目 引入antd-mobile

一、create-react-app创建的项目引入antd-mobile参考：https://mobile.ant.design/docs/react/use-with-create-react-app-cn
RitchieWei·2020-08-05 16:08

使用axios拦截器实现请求loading效果

在utils设置方法import{Toast}from'antd-mobile'importaxiosfrom'axios'constinterceptor={init(){//axios拦截器//Addarequestinterceptoraxios.interceptors.request.use
阿喵~~·2020-08-05 14:54

ESLint 报错 Unable to resolve path to module 'antd-mobile' import/no-unresolved

不得不说百度真的辣鸡还是去谷歌找到了解决方法解决方法是：在.eslintrc中设置"rules":{"import/extensions":[2,"never",{"web.js":"never","json":"never"}],"import/no-extraneous-dependencies":[2,{"devDependencies":true}],"import/no-unresolv
亚亚呀亚亚·2020-08-03 09:13

antd-mobile样式不生效 按需加载解决

.babelrc文件的plugins加入"plugins":[["import",{"libraryName":"antd-mobile","libraryDirectory":"es","style"
许珊珊·2020-08-03 08:40

antd-mobile按需加载样式和自定义样式

antd-mobile引入css的样式的两种方式在入口处引入样式//一般入口文件是index.jsimport'antd-mobile/dist/antd-mobile.css';//or'antd-mobile
weixin_34259559·2020-08-03 07:04

antd & antd-mobile的使用

链接:antd官网首先安装antdcnpmiantdcnpmiantd-mobile主要是全部引入与按需导入全局引入import{DatePicker}from'antd'手动引入样式import'antd/dist/antd.css';按需导入一.安装cnpmibabel-plugin-import-D二.配置文件//.babelrc或者webpack.config.js中的babel-load
S S Q·2020-08-03 04:14

antd-mobile的listView踩坑笔记

于是就用到了antd的antd-mobile的listView组件。但是遇到了很多坑，今天总结出来分享给大家。一：数据已经全部展示了却还是重复渲染。
超级吴小迪·2020-08-02 19:09

React 使用 Axios

渲染页面示例安装npmiaxios//package.json"proxy":"http://localhost:9093"拦截器importaxiosfrom"axios";import{Toast}from"antd-mobile
hankchang·2020-08-01 12:08

antd-mobile tabbar 路由左右切换动画

1、安装react-animated-routeryarnaddreact-animated-router2、引入importAnimatedRouterfrom'react-animated-router';import'react-animated-router/animate.css';//引入默认的动画样式定义3、在layout中使用render(){const{children,loca
开心就好1314520·2020-07-31 22:43

React使用小技巧

1.React中Toast的使用方法所在文件夹：node_modules/antd-mobile/lib/toast/index.d.ts导入：import{List,Button,Modal,Toast
lyl0530·2020-07-31 20:44
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他