08 2018 档案
摘要：在项目中运用到图形展示数据太常见了，echarts是一款使用率非常高的插件工具，很多大平台都是使用echarts； 一般运用到条形、折线、扇形图，今天说一说在中国地图上展示各地数据； 首先要准备中国地图的JS文件 china.js可在网盘下载：https://pan.baidu.com/disk/h
阅读全文
摘要：1 var Head = document.getElementsByTagName('head')[0],style = document.createElement('style'); 2 //文件全部加载完成显示DOM 3 function linkScriptDOMLoaded(parm){ 4 style.innerHTML = 'body{display:none}'...
阅读全文
摘要：这个示例使用 vue-cli 脚手架搭建 安装echarts依赖 或者使用国内的淘宝镜像： 安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 使用 cnpm install echarts -S 创建图表 全局引入 m
阅读全文
摘要：有时候我们会遇到表格树的展示，类似于下图的需求： 其中组件的封装主要在table-tree文件夹内： main.vue的内容如下： 1 <template> 2 <el-table :data="formatData" 3 :stripe="option.stripe" 4 :row-style="
阅读全文
摘要：在项目中我们经常会遇到全屏展示的情况，如下图： 那么如何实现全屏展示呢， 其中有一个强大的插件screenfull.js， 我们在package.json中安装依赖screenful,(npm install --save screenful), 如图： 接着我们在组件内实现如下： 组件的html：
阅读全文
摘要：在我们做项目时，我们经常会遇到切换主题色的功能，下面我们就来说一下通过颜色选择器我们就能改变项目的主题颜色 代码如下： 颜色选择器所在组件： top-theme.vue内容如下： 1 <template> 2 3 <el-color-picker size="small" class="theme-
阅读全文
摘要：element官网中，有说明添加这个属性，默认为false，但是这个是一个单属性，似乎没法赋值。 这个用css就行了嘛，没必要搞得那么复杂，也不需要设置close属性，按照官网的示例文档即可。css设置如下就行：
阅读全文
摘要：许久不用，element-ui已经更新至2.4.1版本。直接进入今天的正题，前提是node.js的环境还有vue及elment-ui都已经安装。由于element-ui的官方文档中介绍比较粗略，试了许久才成功，因此将其记录。（PS:属性控件的另一个开源插件库有Z-tree，功能较为丰富） 首先看到自
阅读全文
摘要：对于接口地址域名我们经常会遇到，那么如何去定义呢： 只要在config/dev.env.js中定义变量NODE_ENV就行啦 在.vue文件中的引用方式如下: 嗯，就是这样简单~~~~
阅读全文
