- 博客(21)
- 收藏
- 关注
RSS订阅原创 Ant Design Vue range-picker限定可选择的时间范围，动态禁用其他日期
Ant Design Vue range-picker限定可选择的时间范围，动态禁用其他日期。比如可选择的时间范围是7天 那么也就是动态进入选定时间的前后6天，再动态禁用今天以后的时间。代码如下
2022-07-01 15:35:15
3662
原创 Ant Design Vue 的Modal 按钮放置到对话框顶部
设置footer为空 footer=""自定义 确定、取消等按钮的样式。代码如下：<j-modal :title="title" :width="1200" :visible="visible" :maskClosable="false" switchFullscreen @ok="handleOk" :okButtonProps="{ class:{'jee-hidden': disableSubmit} }" @can...
2022-05-26 16:29:58
1796
原创 Ant Design Vue的Table组件设置scroll属性时，表头去掉滚动条
未去除之前效果：去除后效果：只需要去除header的 overflow: scroll属性即可使用代码：>>> .ant-table-fixed-header .ant-table-scroll .ant-table-header { overflow: hidden!important; margin-bottom: 0!important; padding-right: 6px;}效果如图：最右侧没有边框，因为：最后一个th右边.
2022-03-17 16:41:54
6024
原创 css实现动态正在加载图标
项目中需要动态加载效果，就模仿ant-design-vue的spin加载中效果，使用纯css实现了动态加载效果。效果图如下：Demo效果图如下：Demo完整代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ..
2022-03-10 17:10:44
1160
原创 vue自定义组件实现文件列表预览与下载
由于ant-design-vue自带的a-upload组件与JeecgBoot封装的j-upload组件在查看上传文件列表时都不太满足项目需要，就自定义了文件列表查看组件，主要仿a-upload组件list-type="picture-card"样式设计，封装了在线预览（仅实现了图片与pdf文件的预览功能）和下载功能。1.首先安装vue-pdf插件 用于预览pdfnpm install --save vue-pdf2.组件FileList.vue代码如下 放置在src/compon..
2022-02-25 16:34:42
3943
原创 vue-pdf插件实现PDF预览功能
1.安装插件npm install --save vue-pdf2.代码<template> <div> <a @click="handlePreview()" alt="查看文件" class=""><a-icon type="eye" /></a> <a-modal width='1000px' :visible="previewPdfVisible" @cancel="handlePdfCancel"
2022-02-25 16:04:46
2264
原创 vue中this.$nextTick()的理解
如何理解this.$nextTick()，vue中this.$nextTick()的使用场景是什么
2022-02-23 15:58:45
510
原创 Vue+Ant-Design-Vue+JeecgBoot项目 滚动条样式 全局设置
项目技术框架：Vue+Ant-Design-Vue+JeecgBoot滚动条全局样式设置，可在public/index.html中添加设置滚动条的样式/* 滚动条优化 start */ /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */ ::-webkit-scrollbar{ /* width: 10px; height: 10px; background-color: #ebebe0; */ width: 6.
2022-02-23 15:12:46
1882
原创 ECharts绘制饼图
ECharts绘制各种图表非常方便，首先去官网找到想要绘制的图表做参考 ，以下链接时官网示例Examples - Apache EChartsECharts, a powerful, interactive charting and visualization library for browserhttps://echarts.apache.org/examples/zh/index.html#chart-type-pie需要定制的部分可查阅配置手册Documentation - Apache ECh
2022-02-21 14:40:09
2212
原创 全国的省地市编码json
（如果匹配有问题的话，可能需要加上省，如"河南"改为"河南省"）[{ "name": "安徽", "city": [{ "adcode": "340100", "name": "合肥" }, { "adcode": "340200", "name": "芜湖" }, { "adcode": "340300", "name": "蚌埠" }, { "adcode": "340400", "name": "淮南" }.
2022-02-20 11:04:01
1920
3
原创 河南省的地市编码json
[ { "adcode": "410100", "name": "郑州市" }, { "adcode": "410200", "name": "开封市" }, { "adcode": "410300", "name": "洛阳市" }, { "adcode": "410400", "name": "平顶山市" }, { "adcode": "410500",..
2022-02-20 10:59:18
899
原创 使用echarts绘制geo地图
我这里实现的是河南省的地图 点击要下钻的区域展示相应区域的地图，点击地图外部空白处返回上一级。一、准备geojson数据网址：DataV.GeoAtlas地理小工具系列下载需要的geojson数据。保存到src/assets文件夹下准备河南省的地市编码json文件（all_henan.json）,该文件网上比较难找，我在这里贴出来all_henan.json文件 [ { "adcode": "410100", "name": "郑州市" ...
2022-02-20 10:54:46
7468
原创 vue实现打印功能
1、安装npm installvue-print-nb --save2、引入安装好以后在main.js文件中引入import Print from 'vue-print-nb'Vue.use(Print); //注册3、使用<div id="printContent" > 这是要打印的内容</div><button v-print="'#printContent'">打印</button>...
2022-02-16 10:16:25
394
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人