ant
惜晨宝贝
摩羯座程序媛一枚。
展开
-
recat +antd 二维码生成
recat +antd 二维码生成。以弹出框的方式展示。原创 2022-12-22 14:51:03 · 674 阅读 · 1 评论 -
react tabs切换
react tabs切换组件代码如下(示例):import { Avatar } from 'antd';import React, { useState } from 'react';interface ListProps { data: any[];}const ContactsList: React.FC<ListProps> = (props) => { const { data } = props; const [checked, setcheck原创 2021-07-16 17:02:47 · 930 阅读 · 0 评论 -
React + Ant 改装 Checkbox全选反选
React + Ant 改装 Checkbox全选反选文章目录React + Ant 改装 Checkbox全选反选前言一、使用步骤1.CheckboxGroup组件页面2.index页面前言参照了过很多例子,最后结合官方例子改写成了如下一、使用步骤1.CheckboxGroup组件页面代码如下(示例):import { Checkbox } from 'antd';import React, { useState } from 'react';const CheckboxGro原创 2021-06-30 11:39:40 · 731 阅读 · 1 评论 -
React + Ant list列表 全选反选及分页设置
React + Ant list列表 全选反选及分页设置文章目录React + Ant list列表 全选反选及分页设置前言图片展示页面代码前言因业务需要list的全选反选个别选择操作,还有分页,改造了一个list和card的样式。请直接看代码吧图片展示页面代码代码如下(示例):import { HeartFilled, HeartTwoTone } from '@ant-design/icons';import { Button, Card, Checkbox, List } fr原创 2021-06-29 18:11:51 · 1006 阅读 · 0 评论 -
Ant Design 编写登录和注册页面
ant 编写登录和注册页面前言一、登录1.index.tsx页面2.index.module.less二,注册1.index.tsx2.index.module.less总结前言登录页面代码和样式,不多描述,直接看图登录分为账号密码登录和手机登录,使用tabs切换。一、登录1.index.tsx页面代码如下(示例):import { Form, Input, Button, Tabs, Row, Col } from 'antd';import { Footer } from 'a原创 2021-06-02 15:52:37 · 9152 阅读 · 0 评论 -
Ant Design Carousel走马灯组件修改
Ant Design Carousel走马灯组件修改上图借鉴了他人的方法,自己又添加了点内容。大家可点击下方链接去看原博客。Markov Zheng ————antd走马灯组件自定义前进后退按钮index.tsximport React from "react";import styles from './index.module.less';import { Button, Carousel, Col, Row } from 'antd';import { LeftOutline原创 2021-05-25 11:10:14 · 4003 阅读 · 1 评论 -
react+ant-design Pagination分页设置居中
react+ant-design Pagination分页设置居中react+ant-design Pagination分页设置居中总结react+ant-design Pagination分页设置居中代码如下:<Table pagination={{ showQuickJumper: true, pageSize: 10, position:["bottomCenter"] }}></Table>原创 2021-05-20 15:19:21 · 2006 阅读 · 4 评论