- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue3实现ant-design-vue,Segmented 分段控制器 组件
请注意vue的版本要在3.2.25版本及以上，因为用到了以下语法，如果版本低于此，那么没有滑动的动画效果。1.所用的antD版本太低，没有Segmented，所以自己写个。3.难点应该在于css滑动动画。
2024-06-28 16:55:13
344
原创 js点击按钮全屏显示
<el-buttontype="primary"size="small"class="FullscreenBtn"round@click="requestFullScreen()"style="position:absolute;top:90px;right:10px;">全屏显示</el-button>methods:{//全屏事件requestFullScreen(){this.isFullScreen=t...
2022-03-25 16:30:16
936
原创 js根据id删除树的某元素
functionfilter (data, id) {varnewData = data.filter(x => x.id !== id)newData.forEach(x => x.children && (x.children = filter(x.children, id)))returnnewData}
2022-03-25 16:29:01
749
原创 vue点击复制功能Clipboard
import Clipboard from 'clipboard' { prop: 'algorithmDetailsId', label: 'ID', width: 'auto', render: (createElement, params) => { const aa = params.row return createElement({ template: .
2022-03-25 16:27:05
913
原创 css水涟漪
<div className={styles.containerWrap}> <div className={styles.container}> <div className={styles.box}> <span style={{ '--i':...
2022-03-24 13:50:48
119
原创 react倒计时组件
如果效果后面时间倒计时import React, { useState, useEffect } from 'react';import moment from 'moment';/** * 秒转分钟 * @param {Number|String} sec 秒 */ const secondsToMinutes = sec => { sec = Number(sec); let minutes = moment.duration(sec, 'seconds')....
2021-12-29 14:11:13
1585
原创 react,antd-mobile图片组件并带有预览功能
import React, { Component } from 'react';import { Image, Space, ImageViewer } from 'antd-mobile';import { Skeleton } from 'antd';const fileDocDownloadPath = 'api/docrepo/download?attachmentId=';class Index extends Component { constructor...
2021-12-23 16:39:40
1797
原创 antd-mobile下拉加载
//state:hasMore: true,page: 1,listData: []//方法 loadMore = async () => { const { listData, page } = this.state; const append = await this.getData(page + 1); const addList = [...listData, ...append.appendList]; this.setState({ .
2021-12-08 10:19:02
946
2
原创 Moment.js判断日期是不是周末
资料：文档 | Moment.js 中文网 // 如果是周末 不显示 if (moment(day).weekday() === 5 || moment(day).weekday() === 6) { return; }
2021-11-23 09:09:11
2820
原创 ant日历/日期选择器全局配置成中文语言
文件app.js中配置import React from 'react';import { ConfigProvider } from 'antd';import moment from 'moment';import 'moment/locale/zh-cn';import zhCN from 'antd/es/locale/zh_CN';moment.locale('zh-cn');const ConfigLocale = props => { return <..
2021-11-22 14:41:22
1595
原创 ant上传组件upload,前端读取文件、创建文件
这里演示的是前端获取JSON文件数据选择文件效果：拿到文件的JSON数据后，在代码编辑中显示react引入antd的Upload组件 onImportExcel = (file) => { // 创建FileReader 对象读取 const reader = new FileReader(); reader.readAsText(file); reader.onload = () => { .
2021-11-16 11:52:11
3817
原创 antd合并表格,并使用fixed布局
consttemp={};//当前重复的值,支持多列/***动态合并表格方法*@param{*}text表格每列对应的值*@param{*}data后台返回的展示数据数组,数据需要按字段排序*@param{*}columns表格每列表头字段*/constmergeCells=(text,data,columns)=>{leti=0;...
2021-11-15 14:09:08
981
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人