前言:因为我是半途接手,之前的前端已经做了一部分,所以有些东西是二次修改,代码冗余之类的请勿在意(功能实现就好),只是一个小总结,有空优化~ 效果: 基本功能:左侧定位栏(大类),中间checkbox.group用来选择,右侧展示已选择的数据&&排序&删除 ...
预期效果: 功能描述: .初始化只展示一个按钮,通过按钮添加新的组,可删除,可清空 .每个文案组都是独立的块,具体里面有几个文案,根据后端动态返回的内容进行渲染 .可以选择已有标题列表中的标题,赋值到输入框中 .内部有自己的校验,输入框赋值后也应触发校验,其中每个文案可能存在是否非必填 最大长度 最小长度的校验,以及文案格式的正则校验 实现思路: .组件参考antd表单文档中提供的 动态增减表单项 ...
2022-03-11 14:08 1 646 推荐指数:
前言:因为我是半途接手,之前的前端已经做了一部分,所以有些东西是二次修改,代码冗余之类的请勿在意(功能实现就好),只是一个小总结,有空优化~ 效果: 基本功能:左侧定位栏(大类),中间checkbox.group用来选择,右侧展示已选择的数据&&排序&删除 ...
预期内容: 需求描述:(一期) 1.无数据时:点击按钮打开弹窗,展示【自定义模块】与【选择已有标签模块】,其中自定义模块可以通过输入+回车进行添加,限制条 ...
之前写动态表单遇到过坑,就是用index下标做key会导致bug,而且很严重! 今天有空写下文章记录下:怎么处理和逻辑 我用的是antd3的版本,3和4的表单有点不一样,不过差别应该不大。 需求: 1、选择类型切换展示固定的模板 2、通过新增字段可以动态增减表单里面的每一行 3、控制 ...
原理: 但官方提供的这种方式只能在编译时改变主题,无法在运行性动态切换。下面就是本文的重点,如何实现在运行时动态切换主题。 提取antd的less变量文件 我们的思路就是提取ant-design-vue中所有的less代码汇总到一个文件中,然后在index.html页面中直 ...
一、MenuSearch/index.tsx MenuSearch/index.less View Code 二、使用 Basi ...
第一次尝试React+antd,发现果然不愧是传说中的坑货,一个又一个坑。必须要记录。 react + antd,都是最新版本,使用npm和yarn各种add,build,start 1. 资源文件,图片文件,路径在build之后会不能用 我们希望的是http://xxxxxxx ...
效果: 代码: import React from 'react'; import { Table } from 'antd'; import DatePicker1 from ...