ant design tabCard封装

简介: ant design tabCard封装

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语

封装一个card的组件




编辑


核心代码

// 列表table的参数 export const tableListConfig = { MARGIN_TOP: 16, PADDING: 16, }; 
``` import React, { Component } from 'react'; import { Card } from 'antd'; import { tableListConfig } from '../../config/index';
/** * 统一 列表 Card 样式 */
export const TableCard = (props = {}) => { const { rootStyle = {}, ...restProps } = props; return (   
    ); }; ```




总结

以上代码 这样就能使用了









相关文章
Ant Design Pro:如何进行网络请求
Ant Design Pro:如何进行网络请求
222 0
|
7月前
|
资源调度 前端开发 数据安全/隐私保护
Ant Design讲解
Ant Design讲解
|
资源调度 JavaScript 前端开发
Ant Design Vue 使用-引入 ant-design-vue并且使用
Ant Design Vue 使用-引入 ant-design-vue并且使用
711 1
ant design inputNumber处理
ant design inputNumber处理
107 0
|
前端开发
ant design中Popconfirm的使用
ant design中Popconfirm的使用
86 0
|
前端开发
如何在react里引入Ant Design
如何在react里引入Ant Design
|
资源调度 JavaScript
ant-design-vue:基础使用
ant-design-vue:基础使用
258 0
|
资源调度 前端开发 JavaScript
前端|Ant Design介绍
前端|Ant Design介绍
506 0
|
前端开发
【React工作记录七十四】ant design tabCard封装
【React工作记录七十四】ant design tabCard封装
134 0
|
算法
Ant Design 5.0 更美、更灵活
Ant Design 5.0 更美、更灵活
397 0