接到一个需求,让用户能够通过配置, 配置出自己想要的统计图, 填入数据分析需求:需要客户配置的数据项有哪些?客户配置数据的存储 JSON转String 存数据库就行.....一.可配置的项主标题(带颜色),副标题(带颜色)图表种类(分为 坐标系,非坐标系图, 差别在于 有无 xAxis, yAxis 属性)图表背景色是否需要开启类目是否需要开启工
转载
2024-03-21 15:05:12
74阅读
图标虽小，里面的门道可一点都不少。甚至可以说，图标的演化是 Web 技术演化的一个缩影。本文将带你回顾一下图标简史，了解一下图标技术的来龙去脉。古代：一个图标一张图史前时代的图标，正如我们的直觉一样，就是一张图片。那时候的网络很慢，一分钟只够下载一个页面，因此内容为王，美观是次要的，“没什么用”的图标还没有被人们视为页面上的必备元素。图标个数少、使用频率低，自然就没人在上面花心思了。近代：CSS
转载
2024-10-09 11:10:49
117阅读
if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' }) } else { return ['vue-sty
转载
2020-04-17 15:18:00
705阅读
使用第三方图标库用过Elment的同鞋都知道，Element UI提供的字体图符少之又少，实在是不够用啊，幸好现在有不少丰富的第三方图标库可用，引入也不会很麻烦。Font AwesomeFont Awesome 提供了675个可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。Font Awesome 5 跟之前的版本使用方式差别较大，功能
项目内可能会经常涉及到图标使用的问题，我比较常用的是阿里的图标库。要使用图标的话，需要先对图标进行下载，下面是下载图标库及使用的步骤：获取图标1.需要进入到阿里图标矢量库官网，点击我的项目：2.点击新建项目：3.选择下方选中的是你图标class的前缀 为 icon4.新建项目后往购物车内添加图标，将你需要的添加完成后，打开购物车将其添加到项目，选中项目，确认即可5.就可以看你添加的七个
转载
2024-02-19 11:23:19
325阅读
前言element-ui 组件库之所以受欢迎，除了组件丰富，文档友好之外，还得益于它的精美的设计。之前在组件库的整体设计文章中提到，element-ui 背后有一只强大的设计团队，他们为组件库了制定了一套设计规范。需求分析当我们去设计一套组件库的时候，首先要考虑颜色、字体、边框、图标这些基础元素的设计，它们是构建各个组件的基石，如果没有做好这些基础设计，那么做出来的组件库看上去一定很山寨。这些基础
转载
2024-06-02 16:29:31
2314阅读
本月更新内容同步Power BI极客网站，文中的部分超链接请移步网站原文https://www.powerbigeek.com/powerbi-2019-10-update/从本月更新开始，我为网站VIP用户新增两项福利：1. 无广告的双语字幕版官方视频 普通用户可以试看五分钟 2. 安装包文件的本地下载，免去小水管等待官网页面加载的漫长过程 ，支持全国各地区高速下载
console.log(file, fileList);
},
handlePictureCardPreview(file) {//预览图片时调用
console.log(file);
this.dialogImageUrl = file.url;
this.dialogVisible = true;
},
beforeAvatarUpload(file) {//文件上传之前调用做一些拦截限制
c
element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下对于我们来说，首选的当然是阿里icon库教程：1.打开阿里icon，注册 >登录>图标管理>我的项目 图标管理>我的项目，点进去新建项目 新建项目项目名称随便写。前缀注意，不要跟element-ui自带的icon(前缀为：
转载
2024-03-12 13:00:25
739阅读
包含：vue-cli和@vue/cli element-ui mint-ui axios vuex(待) webpack简单配置和多页面配置，开发跨域
npm安装
npm i element-ui -S
按需引入
npm install babel-plugin-component -D 完整组件列表和引入方式： import Vue from 'v
现在，几乎每一个 SPA 应用中都会使用到 icons。常规来说，开发人员会使用 UI 框架所提供的 icons，比如使用 Material 的 icon 库，或者采用专用的 icon 库（font-awesome）。但是，到某个时候，图标需要和产品的品牌相匹配；当这个时间到来时，设计师或是产品经理就会要求开发制作一个自定义的 icon 库。SVG VS IconFo
POI API实现Excel文件导入到数据库上一篇博客笔者利用 POI API实现了Excel文件的导出功能，只是当时做的不是很完善，只是做了一个excel文件的后台的接口，通过浏览器调用很容易实现，但是后来放到form表单的按钮上实现时发现出了Bug,采用axios的post请求调用导出接口后一直出现浏览器没有下载excel文件的Bug,后来改为form表单提交发现最终解决了这一Bug。之后笔者
转载
2024-10-28 11:08:39
64阅读
GitHub Demo 地址
在线预览
更新：对应的vue3版的demo如下：GitHub Demo 地址
在线预览
前言1、demo中的项目已经添加了TagsView功能和本地权限控制 关于TagsView功能的添加可以看：Vue - vue-admin-template模板项目改造：增加TagsView功能 关于本地权限控制相关代码参考 vue-admin-template的 perm
转载
2024-10-23 08:33:56
131阅读
我们在开发过程中常常需要修改element-ui中的样式。 有时候我们发现在style中添加了scoped，则样式无法修改，去掉scoped后样式能够正常生效。为了了解其中的原因，我们需要先了解scoped这个属性的作用。 一：scoped的作用和原理scoped的作用：当 style标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封
转载
2024-09-11 10:30:29
152阅读
ElementUI 前端1、ElementUI学习资料2、ElementUI 简介:A Vue.js 2.0 UI Toolkit for Web.2.1 Hello World Demo（以CDN方式为例）2.2 在vue.js项目中完整引入Element3、Element主题查看4、Element组件学习4.1 自定义ElementUI部分组件 1、ElementUI学习资料ElementU
转载
2024-03-13 18:11:36
65阅读
本篇文章主要介绍WebView中的JavaScript代码的执行相关，已经JS代码与Android代码的互相调用。 （因为本人对Web开发并不是很熟悉，所以如果有哪些地方说得不对，还请指正。）在WebView中使用JavaScript 如果你想要载入的页面中用了JavaScript，你必须为你的WebView使能JavaScript。 一旦使能之后，你也可以自己创建接口在你的
文章目录1 登录iconfont2 配置自己的项目3 搜索并添加4 编辑图标名称5 下载项目图标集文件6 更新引用图标的项目文件7 使用8 图标名称查询 1 登录iconfont网址：https://www.iconfont.cn/2 配置自己的项目FontClass/Symbol前缀：这里的内容就是在自己项目中引用具体icon名称时添加的前缀。icon名称定义见下。Font Faimily：不
转载
2024-03-17 09:59:44
1874阅读
具体方法是设置一个updateCount值，其在父组件触发调用onMounted和router.afterEach时值更变+1；该值作为props传递给子组件，但子组件无需获取其具体值，只是相当于接收了一个更新信号；最后在子组件的onUpdated中进行数据的获取及更新。这样就将原先集合在父组件中的数据获取及更新的方法函数分别分装到了对应的各组件中。
//子组件script
im
layui 的 table模块是一个重头，在基础参数方面尽可能地做到友好，即：保证功能的前提而又避免过于繁杂的配置。基础参数一般出现在以下几种场景中：1 场景一：下述 lay-data 里面的内容即为基础参数项，切记：值要用单引号2
3
4 场景二：下述方法中的键值即为基础参数项5 table.render({6 height: 300
7 ,url: '/api/data'
8 });9
10
伤脑筋的版本升级element-ui升级到2.0版本了！element-ui作为比较成熟的广为人知的前端框架，原本满怀热情的去学习，也基于element-ui搭建出了一套系统，可是它居然升级了！别的技术升级都是兼容旧版本，可是它升级后我所有的日期控件全部瘫痪。。。别的技术升级后都是保留原有index.css或index.js官方链接，它居然连旧版本的css链接都废弃了！等于样式全部废弃！这对于商用
转载
2024-05-08 15:01:43
21阅读
