在ant design 的form组件中 能用于提交的组件比较少,所以我在这写了一个可以单选.多选标签提交的组件,调用非常简单. 代码: import React,{Fragment} from 'react'; import { Tag,Icon,Input } from 'antd'; export interface TagDataType{ data:string, color:string, key:string } export interface Props { data:Arra…

一.今日主要任务 悉尼小程序后台管理开发: 景点管理页面: 获取已有数据列表,选取部分数据呈现在表格中,根据景点名称.分类过滤出对应的景点.   二.难点 1. 项目技术选取: ant design.react.es6: 2. 在此之前,只看过一点点 es6 的语法,未实操:react 也只是看过语法,未实操:ant design 是个什么鬼,第一次听说. 3. 所遇的主要问题: (1)ant design 中 table 组件的使用: 引入 Table.Buttton.Col.Row.Sele…

先来说说使用Ant Design和Element-ui的感觉吧. 公司的项目开发中用的是vue+element-ui,使用了一通下来后,觉得element-ui虽然也有一些问题或坑,但这些小问题或坑凭着自己的能力还都能解决掉,使用起来也很丝滑柔顺. 而听说Ant Design和React更配哦,但是也说一下使用Ant Design的感觉吧,首先个人觉得Ant Design给的demo有点乱七八糟,可能是React本身js和DOM混在一起跟人的感觉就不够清爽吧,如下图: 下图是element-ui…

PC官网:https://ant.design/ 移动端网址:https://mobile.ant.design/docs/react/introduce-cn antd-mobile :是 Ant Design 的移动规范的 React 实现,服务于蚂蚁及口碑无线业务. 特性和优势: UI 样式高度可配置,拓展性更强,轻松适应各类产品风格 基于 React Native 的 iOS / Android / Web 多平台支持,组件丰富.能全面覆盖各类场景 (antd-mobile-rn) 提供…

// standardForm.js import React, { PureComponent } from 'react'; import PropTypes from 'prop-types'; import { Form, Input, Row, Col, Button } from 'antd'; const FormItem = Form.Item; // 默认的layout export const defaultLabelColSpan = 8; const defaultFor…

现在有一个表格,里面的列数是不固定的(可以重复写入数据),且列数行数都可能很多,就带来一个问题: 必须要固定表头,但是antd 的表格组件设置了固定表格 scroll={{x:1000,y:300}} 这个 x 必须设置且一定不能这样设置,同时columns设置除最后一行外每行的 width 然而并没有什么卵用 -.- 关键点还是在于 x ,文档中讲可以为百分数.数字 和true,由于列数不固定,百分数也不靠谱 最后这样解决的: 计算列数,大致得到最宽列所对应的宽度,然后设置 columns.l…

/** *需求:同年同月,同年不同月(两个月相减大于1,小于1),不同年(两个年相减大于1(是否为闰年),小于1),起止包含的月份及天 */ //首先引入组件 import { DatePicker} from 'antd'; const { RangePicker } = DatePicker; //render中引入 <RangePicker style={{marginRight: 15}} format="YYYY-MM-DD" onChange={this.filter…

文档里面很清楚 安装步骤    这是全部引入的 1  有的组价涉及到汉化的问题 import moment from 'moment' import '../../../../node_modules/ant-design-vue/es/date-picker/locale/zh_CN' import 'moment/locale/zh-cn' moment.locale('zh-cn') <a-range-picker locale={locale}  class="project-st…

实习期的第一份活,自己看Ant Design的官网学习,然后用Ant Design写一个仿微软ToDo. 不做教学目的,只是记录一下. 1.学习 Ant Design 是个组件库,想要会用,至少要知道React和ES6. Ant Design 官网:https://ant.design/index-cn 可以看看官网的实战教学:https://www.yuque.com/ant-design/course Ant Design Pro 一个比较完整的开源项目,看里面的东西可以学习挺多的:http…

使用场景,在一个列表中,点击每一行会弹出一个表单,通过修改表单数据并提交来修改这一行的数据,其中某个数据的填写需要通过Mention实现动态提示及自动补全的功能. 具体效果为: 遇到的问题: 1.希望所需要的提示和自动补全的内容不同,实际场景类似于ide中函数提示(包含参数和返回值以及用法等提示)和函数补全(只补全函数名)的功能. Ant Design的Mention组件提供了Nav可以实现这个功能,但是实际使用中发现会报错,经查发现为Ant Design的一个bug,升级版本解决. 2.然后遇…