antd-mobile

HTML5调用手机摄像机、相册功能

在项目中使用到antd-mobile的组件ImagePicker图片选择器做图片上传，使用起来还是很方便。
weixin_33832340·2020-07-30 12:57

Webpack配置React大坑记录（2）

plugin-proposal-decorators后，即便安装官方的配置方法："babel":{"presets":["react-app"],"plugins":[["import",{"libraryName":"antd-mobile
CptSwift·2020-07-30 10:05

React-Native中使用antd-mobile的InputItem时遇到输入中文显示的问题

####场景：在React-Native项目中集成了antd-mobile在使用InputItem处理中文输入的时候，按照官方的解决方案是：importReactfrom'react'import{List
xjl271314·2020-07-15 10:19

antd-mobile 里面listView列表的删改查操作

需要注意的地方：在ROW2值发生变化的时候，页面就会重新RenderconstdataSource=newListView.DataSource({rowHasChanged:(row1,row2)=>{//returnrow1!==row2returnrow2}});在数据发生变化后，需要重新对DataSource赋值this.setState({dataSource:this.state.da
weixin_40670909·2020-07-15 06:35

react-app-rewired 更新2.0.1之后关于babel-import-plugin的变动 (antd按需加载问题）

契机今天在用antd-mobile时，需要配置按需加载，那自然就用到了babel-import-plugin那么在用到这个插件的时候，自然就想到要用react-app-rewired来覆盖配置。
DyCee·2020-07-15 06:24

关于react绑定事件中的this

/component/logo/logo'import{List,InputItem,WingBlank,WhiteSpace,Button}from'antd-mobile
晴小篆·2020-07-14 19:15

creat-react-app＋ant-mobile 项目结构搭建（webpack 2）

版本"antd-mobile":"^1.3.0","react":"^15.6.0","webpack":"2.4.1"传送门：第
littlelights·2020-07-14 04:25

webpack搭建react项目，箭头函数报错：Unexpected token

但是运行报错，解决方法如下：报错解决办法我的.babelrc文件内容{"presets":["react","es2015"],"plugins":[["import",{"libraryName":"antd-mobile
幸福了，然后呢·2020-07-13 20:06

react脚手架+antd-mobile移动端环境搭建

安装antd-mobile$npminstallantd-mobile--save按照如下内容更改入口页
daoke_li·2020-07-13 04:11

antd-mobile中页面更新导致picker自动刷新的问题

由于界面自动刷新，尤其是开了延时后刷新频繁，会导致picker打开后选中的条目自动回到当前value上，此时需禁止自动更新。如下，在打开picker时，通过onVisibleChange(列改变回调)设置一个临时的tempPickerVal，界面显示期间一直用这个值，点击确定时调用onChange再设置当前pickerVal。state={isPickerShow:false,tempPicker
daoke_li·2020-07-13 04:11

antd-mobile环境搭建详细步骤以及遇到的坑

1、创建项目，这里使用dva新建项目dvanewYGAntdMobileDemo2、安装antd-mobilenpminstallantd-mobile--save3、按需加载，安装babel-plugin-import官网强烈推荐使用，可以提高打包的编译速度和浏览器下载资源的速度，babel-plugin-import可以从组件库中仅仅引入需要的模块，而不是把整个库都引入，从而提高性能npmin
yuge486·2020-07-12 18:06

使用antd-mobile遇到的坑

在使用antd-mobile中的组件的时候，遇到了一些比较棘手的问题，经过查找相关资料和网上的帮助，在此整理出了问题以及解决办法：在引入antd-mobile的时候，根据官网提供的文档：1，首先安装antd-mobile
a54654132·2020-07-11 01:28

react添加水印

Component}from'react';importrequestfrom'$src/services';importAPISfrom'$src/services/api';import{Toast}from'antd-mobile
Little_Pig_Bug·2020-07-10 22:19

蚂蚁RN-antd-mobile的分享功能

基于蚂蚁2.0UI控件import{ActionSheet,Button}from'antd-mobile';分享方式1：constBUTTONS=['操作一','操作二','操作三','删除','取消
江湖人称_赫大侠·2020-07-09 18:55

antd-mobile-web高清适配模式6P的现实问题

因为技术栈的问题，我们选用antd-mobile写了一个H5（不做react-native)；目前遇到一些坑，在这里做个记录：希望大家能够多多补充！
肖子浩92·2020-07-08 08:38

react antd-mobile按需加载

package.json里的babel//package.json"babel":{"presets":["react-app"],"plugins":[["import",{"libraryName":"antd-mobile
面壁思过程·2020-07-06 21:25

h5

importhttpfrom‘…/services/http’;importstylesfrom‘…/assets/css/visitPerson.less’;import{Modal,Toast}from‘antd-mobile
qiu_lovejun998·2020-07-05 05:32

Ant Design Mobile listview长列表的坑

按照官网的配置，datasource一直只显示几个，不会把以前的datasource数组合并在一起,官网传送门import{PullToRefresh,ListView,Button,Toast}from'antd-mobile
zhuchuana·2020-06-30 17:39

Webpack4:完整的项目搭建

bundleimport）,react-router4.x,react-css-modules(css模块化),postcss(css前缀自动添加)，px2rem(移动端适配)，webpack4.x，es6，less，antd-mobile
weixin_33729196·2020-06-28 04:27

Antd组件中单选框、复选框自定义样式的优雅实现

以antd-mobile为例，checkbox选中与非选中状态是由Input包裹的父元素的‘.am-checkbox-checked’来控制的未选中时的DOM结构（没有am-checkbox-checked
weixin_30271335·2020-06-27 15:04

antd-mobile 移动端使用input调用摄像头拍摄图片反显时图片旋转问题

需要实现的页面效果：点击头像进行图片上传；再次点击可以修改遇到的问题：上传图片反显到框里面图片旋转最终解决方案：console.log(index,fs)}selectable={true}accept="image/gif,image/jpeg,image/jpg,image/png"disableDelete/>//js代码onChange=(files,type,index)=>{conso
small_fox_dtt·2020-06-26 13:06

dva 中使用 'and-mobile' ，按需加载，样式不起作用

在使用antd-mobile中，加载组件及组件的样式有多种引入方式，手动引入和按需加载(官方推荐的使用方式)。
你这个人真的是·2020-06-25 08:35

react的初始项目搭建

项目准备项目搭建本地接口部署创建并导入数据：数据库名称XXXX(固定名称)使用脚手架初始化项目使用npxcreate-react-appxxx-mobile进入到项目根目录使用npmstart项目目录结构调整项目结构antd-mobile
王玉伟的伟·2020-06-23 21:00

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

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

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

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

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

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

react自定义hook + typescript 实现任意元素节点点击后触发文件上传并回调上传结果的功能

实施实现一个Uploader类importhttpfrom'@/service/http'import{Toast}from'antd-mobile'import{Base64}from'js-base64
AwesomeHan·2020-04-06 18:15

基于 dva 创建 antd-mobile 的项目

如果你觉得该文章对你有帮助加个喜欢，github加个start谢谢1.安装全局$npminstalldva-cli-g2.创建项目选择一个目录然后创建项目$dvanewmy-projectdva-cli会为你创建好基本的文件架构其中.webpackrc文件中是相关webpack的配置信息，格式为JSON，比如：{"entry":"src/pages/*.js"}如果你喜欢js的写法可以用.webp
静夜秋雨·2020-03-30 05:38

react ＋ antd-mobile 的listview 在h5移动网页端的下拉刷新和上滑加载的实现

近期的项目是使用react＋antd-mobile的h5移动网页端的一个程序，其中一个功能是一个展示列表，具有下拉刷新和上滑加载更多的一个功能，下面就介绍一下这个功能的具体实现；首先这里我用了antd-mobile
Hyacinthhhhh·2020-03-23 23:23

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

有什么问题可以进qq群讨论131657381国际惯例，先来展示下这个强大的组建库，常用的大部分组建都可以找到9A99D507-9505-478F-956C-8F243CFECAF5.png3D408F99-BCD5-4C3E-905B-0EDAEB58A858.pngFFC8CB54-EF30-41AB-AA49-83AE3379C69E.pngA52EFACE-86F2-4586-86F5-66
既然可以颠覆何必循规蹈矩·2020-03-06 21:17

调研rn能用的日历/日期选择器

①rn中根本不能用antd-mobile,亲测不能用！
小刘讲码德·2020-02-19 21:30

create-react-app react+antd-mobile创建项目并打包

脚手架创建项目crademo4.将用脚手架建的crademo下的项目文件复制到CRADemo仓库下，删除crademo文件5.将项目用vscode打开，（可以启动项目运行了yarnstart）6.添加antd-mobile
开心就好_635d·2020-02-15 01:28

antd-mobile

1，create-react-appantd-dome12,npminstallantd-mobile--save3,更改页面html4,npminstallreact-app-rewired--save-dev"start":"修改",不修改会提示6的错误让安装5,config-overrides.js6,babelrc(不要)npminstallcustomize-cra--save-dev7
6f88f92800bd·2020-02-12 16:49

如何将前后端分离的react+node+express+mongodb项目部署上线到阿里云

前端使用React➕Antd-Mobile构建用户界面，状态管理使用Redux；服务端是node+express，使用的是mongodb数据库。
吾爱真理更爱葛巾·2020-02-10 23:23

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
Iam_Bling·2020-02-09 18:23

react plugins 配置需要注意的

有类似这样的代码在babelrc：{"plugins":[["import",{"libraryName":"antd","style":"css"}],["import",{"libraryName":"antd-mobile
洛晨随风·2020-01-10 14:00

使用Create-React-App脚手架搭建antd-mobile的开发环境

在本文撰写之时，按照官方在线文档https://mobile.ant.design/docs/react/use-with-create-react-app-cn的步骤搭建antd-mobile的环境，
前端学习笔记·2020-01-06 18:14

create-react-app 引入antd-mobile，提示按需加载问题

直接在webpack.config.jsoneof下找到babel-loader配置，直接添加antd-mobile配置：plugins:[['import',{libraryName:"antd-mobile
55lover·2020-01-01 22:46

JavaScript - 控制滚动条操作

今天玩antd-mobile碰到一个滚动条的问题：在Tab组件中使用多个ListView，当操作第一个Tab中的ListViewA组件，加载数据，滚动，底部加载一切正常，可是当我点击切换到第二个Tab中的
BertFu·2019-12-31 19:00

如何为antd-mobile自定义主题

这是本人踩了无数坑，试错，总结出一套步骤清晰，操作简便关于antd的自定义主题的通用解决方案！希望能帮助在这方面有困惑的同学。随着antd2.0的到来（感谢开发组的杰出工作），包括本人在内的前端对antd自定义主题的需求越来越迫切，然而如何给antd自定义主题，截至笔者写这篇分享也没有找到一篇文章能把这个看似简单的问题说明白透彻的！包括官网给出的自定义主题文档也是让人看的云里雾绕。由于本人自配脚手
梁相辉·2019-12-24 18:49

封装了一个react下拉刷新上拉加载组件

useState,useEffect,React.memo,Ts使用等importReact,{useState,useEffect}from'react'import{ListView,Icon}from'antd-mobile
JsLin_·2019-12-21 15:20

初次使用antd-mobile开发时踩的坑

原因是antd-mobile被设计为同时支持ReactNative应用开发和Web应用开发，所有的组件都暴露为2个模块文件：index.js（ReactNative开发）和index
代码写的像菜虚鲲·2019-12-16 04:37

使用Antd-mobile组件库

蚂蚁金服出品的UI组件库https://mobile.ant.design/docs/react/introduce-cn安装npminstallantd-mobile--savenpminstallbabel-plugin-import--save-dev修改package.json文件,在babel下添加一段代码"babel":{"presets":["react-app"],//需要添加的"
丶HanGH·2019-12-15 19:06

使用antd-mobile开发react-native项目（一）

阿里开源的前端框架Ant-Design-Mobile可以支持react-native和react-web项目开发，是一套比较成熟的UI框架，我们采用这套框架来搭建一个react-native项目。1）建立一个react-native的标准项目$react-nativeinitAntdMobileDemo$cdAntdMobileDemo$react-nativerun-ios启动下ios模拟器验证
sleepforests·2019-12-07 00:33

《前端攻城狮攻城指南》(1)前端必会技能

Angular,jquery三：打包工具Webpack,Gulp,Grunt四：css扩展Sass,Less五：版本管理工具Git,Svn六：Ui框架Element-ui,Mint-ui,AntDesign,Antd-mobile
努力努力再努力X·2019-11-21 05:52

【React.js 05】antd-mobile的使用

结合前面所说的，我们使用create-react-app脚手架去创建项目后，一些已有的组件就可以帮助我们少写CSS,这里我们讲解antd-mobile组件库，详情可看官网。
IUVO·2019-11-06 04:35

基于react开发package.json的配置

项目依赖react网页开发的3件套:react,react-dom,react-router-dom,redux,react-reduxreact的UI组件库:antd(pc端),antd-mobile
AnswerCard·2019-08-27 13:00

vue自定义抽屉组件

前说在项目开发中，有很多时候由于某某原因，很多UI组件不能被用，像移动端一个小的H5页面，引入一个大的antd-mobile显然也不合理，所以就有了很多形形色色的自定义组件了。
chi1130·2019-08-08 21:09

react-app-rewired 2.0+ 版本后，配置babel-plugin-import 按需加载无效

项目引入antd-mobile；按官方文档介绍安装了react-app-rewired2.0+；并且下载了customize-cra和babel-plugin-import来配置按需加载；也在.babelrc
newBunny·2019-06-06 17:57

解决antd-mobile样式被postcss转换的问题

思路是在webpack里postcss-loader不对库的文件起作用。经过尝试配置如下：{test:/\.(css|less)$/,use:[require.resolve('style-loader'),{loader:require.resolve('css-loader'),options:{sourceMap:true,importLoaders:1,},},{loader:requir
ppsspp·2019-05-17 00:00
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他