纸船儿飘～-优快云博客

原创 js前端判断当前访问页面的设备

// true表示是PC端访问， false表示为移动端访问function isPc() { if ((ua.match(/(Android|webOS|iPhone|iPad|iPod|BlackBerry|Windows Phone)/i))) { if (/iPhone|iPad|iPod/.test(ua)) { return 'ios' } else if (/Android/.test(ua)) {

2022-02-09 16:21:29 2270

原创 antd兄弟组件之间的数据传递

使用PubSub实现兄弟组件(A ——> B)之间的数据传递安装依赖 npm i --save pubsub-jsA组件定义一个方法，使用PubSub.publish(“methodName”, data)进行发送数据 import PubSub from "pubsub-js"; function sendData(data: string) { //PubSub.publish(发送的方法名,传递的数据); PubSub.publish("sendQuery

2021-11-10 16:04:57 660

原创 antd鼠标悬浮图片出现提示蒙层

js关键代码<div className={styles.entpLogo}> <img className={styles.image} src={'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'}> {/* 以下的span标签是设定的蒙层 */} <span key={3} className={styles.masker}>我是蒙层</s.

2021-11-03 11:20:53 1526

原创 antd组建——上传图片

import React, { PureComponent } from 'react'import { Card, Icon, List, Avatar, message, Upload } from 'antd';import { connect } from 'dva';import PageHeaderWrapper from '@/components/PageHeaderWrapper';import styles from './style.less';import { getAcc

2021-10-18 15:31:14 1317

原创 ant-design的导出数据为Excel

1.需要的包import ExportJsonExcel from 'js-export-excel';``2.关键代码exportExcel = () => { var option = {}; let dataTable = this.state.data; let kindName = '' switch(this.state.flag) { case "0": kin

2021-08-27 11:32:18 584 1

原创 antd按钮倒计时的实现

.在本类中的state创建所需要的变量，当倒计时方法出发的时候通过改变state的值，页面可以动态显示倒计时。class SecurityView extends PureComponent { state = { loading: false, countDown: 60, count: undefined, }; // ......}.绑定model层的方法(在此之前将model层和service层的接口写好)，定义倒计时方法@connect(({ user

2021-08-07 18:15:34 2184

原创 antd页面内的导航跳转

1.在route.js配置相应导航点击后的跳转路径及资源，部分关键配置如下：routes: [ // dashboard { path: '/', redirect: '/user/login' }, //系统设置 { path: '/setting/account', name: 'setting', component: './Setting/personal', routes: [

2021-08-05 15:48:23 2707

原创 antd组建——getFieldDecorator&DatePicker

DatePicker：(1)提交时的日期数据处理import moment from 'moment';// 将DatePicker的数据转为String数据const day = moment(data).format('YYYY-MM-DD');getFieldDecorator的使用(1)数据的显示：```javascriptimport React, { Component, Fragment } from 'react';import { formatMessage.

2021-08-05 15:30:19 506

weixin_45869418的博客