antd
知知洋洋
西安市雁塔区
展开
-
tree自定义图标操作和长度显示
tree自定义图标操作和长度显示。原创 2022-11-28 11:32:04 · 360 阅读 · 1 评论 -
es6 用法总结1(字符串,数值,函数)
ES6 常用方法总结原创 2022-09-26 17:51:57 · 443 阅读 · 0 评论 -
antd4 用类的方式获取form
官网只给了hook的方法,项目没有用到hook,没有在form里面调用,所以不能用submint的方法代码如下class ActivationAfter extends Component { formRef = React.createRef();handleAdd = () => { const row = this.formRef.current.validateFields(); console.log(row)}render() { <div>原创 2022-05-23 16:48:02 · 311 阅读 · 0 评论 -
可以编辑的table antd
效果图代码import React, { Component } from "react";import { Form, Input, Button, Table, Divider, Popconfirm, Tooltip } from 'antd';import "./targetform.less";class TargetForm extends Component { state = { targetIp: this.props.targetIp,原创 2022-05-23 11:27:24 · 930 阅读 · 0 评论 -
antd 可编辑增加的table
父亲组件import TargetForm from './compoent/targetform'// 提交数据 handleTarget = () => { this.child.validateFields((err, values) => { if (!err) { console.log(values); } }); };<Modal title="设置目标系统"原创 2022-04-29 11:50:46 · 629 阅读 · 0 评论 -
antd Tree 实现每个分组只能选一个效果
效果图代码import { Tree } from 'antd';const { TreeNode } = Tree;const treeData = [ { title: '0-0', key: '0-0', children: [ { title: '0-0-0', key: '0-0-0', }, {原创 2022-04-27 15:55:42 · 524 阅读 · 1 评论 -
antd 使用自己的svg图标
单独建一个文件存放图标文件位置文件内容import React from "react"; // 我是react项目,上面必须有,否则不生效export const HeartSvg = () => ( <svg width="1em" height="1em" fill="currentColor" viewBox="0 0 1024 1024"> <path d="M923 283.6c-13.4-31.1-32.6-58.9-56.9-82.原创 2022-03-24 15:22:57 · 3821 阅读 · 0 评论 -
antd design 实现页面详情页顶部的tab切换
实现页面详情页顶部的tab切换代码展示import { Card, Form,} from "antd";import React, { Component } from "react";import { PageHeaderWrapper } from "@ant-design/pro-layout";class NameSpaceDetail extends Component { state = { tabActiveKey: "overview"原创 2022-03-14 10:41:35 · 3400 阅读 · 0 评论 -
屏幕适配 媒体查询的基本用法
可以复制代码直接查看效果,html页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-09-03 17:19:00 · 211 阅读 · 0 评论 -
antd Upload onChange 传参数
项目中再table 中添加Upload,Upload中onChange只能返回file参数,如果相对起添加其他参数方便处理可以用下面方法onChange={(file) => this.handleUploadFileOnChange(file,record)<Form.Item key={index} required> {getFieldDecorator(`table[${record.key}].exampl原创 2021-08-10 11:26:41 · 2236 阅读 · 0 评论 -
vue 验证码
效果图验证码组件可以直接复制使用<template> <div> <canvas id="myCanvas" style="width:100px;height:30px" @click="updatedra"></canvas> </div></template><script> export default { name:'ValidCode',原创 2021-07-30 16:41:03 · 139 阅读 · 0 评论