前言:因為我是半途接手,之前的前端已經做了一部分,所以有些東西是二次修改,代碼冗余之類的請勿在意(功能實現就好),只是一個小總結,有空優化~ 效果: 基本功能:左側定位欄(大類),中間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 ...