马娟的博客

【代码】ant modal 动态控制footer显隐。

主要功能：自定义table没有数据时的展示，如图实现步骤：1.引入ConfigProvider2.在ConfigProvider里加入a-table并修改renderEmpty模版里的代码完整代码：如下<template> <ConfigProvider> <template #renderEmpty> <a-empty :image="require('@/assets/empty.png')">

<template><a-table:columns="columns"><template #names="{ column, record ,index,text}"> //column 为{ title: 'name', dataIndex: 'name', key: 'name',} </template></a-table></template><scri.

import React, { Fragment, useEffect, useState, } from 'react';import { Tabs, Button,} from 'antd';import { connect, history } from 'umi';import Cmp1 from './components/cmp1';import Cmp2 from './components/cmp2';import Cmp3 from './components/cmp3

form.js组件import React, { useState, useEffect, useImperativeHandle, forwardRef } from 'react';import { Modal, Form, Input, Button, Row, Col, Radio, Select, Cascader, DatePicker, InputNumber, TreeSelect, Switch, Checkbox, Slid

::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.25)!important;}::-moz-placeholder { /* Firefox 19+ */ color: rgba(0, 0, 0, 0.25)!important;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(0, 0, 0, 0.25)!important;}.ant-se

.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled){ background-color:#E5F2FF;}

.ant-table-tbody{ > tr:hover:not(.ant-table-expanded-row) > td,.ant-table-row-hover,.ant-table-row-hover>td{ background:#E5F2FF!important; } } .ant-table-fixed{ .ant-table-row-hover, .ant-table-row-hover>td{ b...

使用antd中的ellispsis：true实现超出显示省略…时，火狐中不兼容其他浏览器火狐解决方案：在css中加入//兼容火狐超出显示....ant-table-row-cell-ellipsis a{ display: block; width:100%; overflow: hidden; white-space: nowrap; -o...

//校验大于0小于等于99的数 checkNum = (rule, value, callback) => { let x = value -0 if(x >= 0 && x <= 99){ let a = new RegExp(/^\d+(\.\d{1,2})?$/) if(!a.test(x)){ return ...

1.在index.html文件中引入阿里云sdk <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>引入后console.log(window)如下,会发现有一个OSS方法2.let OSS = window.OSS.Wrapperlet clien...

前言前言：之前用antd-mobile里的组件等组件时发现它都有自带边框，多层嵌套后就会发现边框重复叠加，影响美观，有时候我们根本不需要边框，那怎么删掉这些边框呢？本文主要介绍如何删掉自带边框。案例如下：去掉边框前去掉边框后问题分析他的原理是在在组件中通过.am-list-body::before和am-list-body::after加入background-color:#d...

&amp;lt;List className=&quot;tbBox&quot;&amp;gt; &amp;lt;Flex className=&quot;title&quot;&amp;gt; {data.map(item =&amp;gt; ( &amp;lt;Flex.Item

问题描述：使用antd-mobile+rc-form做表单时，发现Picker等组件中的onChange回调函数用onChange={this.onChange}无法触发，封装的子组件无法像父组件传值。注意：此处只是针对onChange的回调函数，其他回调函数依旧可以正常使用，因为，rc-form会获取onChange事件的变化来更新form表单里的值，导致此处像往常一样用onChange...

原效果图：修改后效果图：代码 .am-radio{ //未选中外圈样式的修改 width: .22rem; height: .22rem; border: .01rem solid #A4A7A9; border-radius: 50%; margin-right: .1rem;...

前言本文章主要功能是实现不能选中当前时间以前的时间：即不能选中此刻之前的时间，比如此刻是2018年10月11日15:18，那么2018年10月11日15:18分之前的所有时间都不能选，包含时分。 如有疑问，欢迎留言交流！代码const { DatePicker, Row } = antd;class limitTime extends Component{ state={...