全局样式里面添加如下class样式，在需要的地方直接添加class就可以了.no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */
全局样式里面添加如下class样式，在需要的地方直接添加class就可以了.no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-sele.
主要代码itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' }, normal:{ color:function(params) { //自
在Vue项目中，使用ElementUI表格组件展示数据时，如果某一个列数值长度超过列宽，会默认换行，造成显示不美观解决方法Element-UI文档，可发现show-overflow-tooltip列属性可实现列内容过长被隐藏时显示tooltip的功能注意show-overflow-t
效果图->datav组件使用demo<template> <div class="center-cmp"> <dv-active-ring-chart class="ccmc-middle" :config="config"/> </div></template><s
效果图->datav组件使用demo<template> <div class="center-cmp"> <dv-active-ring-chart class="ccmc-middle" :config="config"/> </div></template><script>export default { props: ["equData"], watch: { equD
制作不需坐标轴的echarts图示例代码在线测试option = { xAxis: { type: "category", boundaryGap: false, show:false, // data: ["Mon", "Tue",
制作不需坐标轴的echarts图示例代码在线测试option = { xAxis: { type: "category", boundaryGap: false, show:false, // data: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"] }, yAxis: { type: ".
隐藏坐标轴：axisLine:{ //y轴show:false},隐藏网格线：splitLine: { //网格线show: false}, 隐藏刻度线：axisTick:{ //y轴刻度线show:false},y轴字体颜色：axisLabel : {
隐藏坐标轴：axisLine:{ //y轴show:false},隐藏网格线：splitLine: { //网格线show: false}, 隐藏刻度线：axisTick:{ //y轴刻度线show:false},y轴字体颜色：axisLabel : { textStyle: {
效果图效果代码option = { textStyle:{// fontSize: arr.initHeight, color: 'black'//字体颜色 }, yAxis: { data: ['防洪防漏设备','出入口设备','消防设备','公共区域设备',], a
示例代码<template> <div class="box"> <div id="cate" ref="cate"></div> </div></template><script>export default { data() { return { data: [ { value: 300, name: "公共区域设备" }, { v..
vue-pdfnpm i vue-pdf --save使用<template> <pdf src="./static/relativity.pdf"></pdf></template> <script>import pdf from 'vue-pdf' export default { components: { pdf
vue-pdfnpm i vue-pdf --save使用<template> <pdf src="./static/relativity.pdf"></pdf></template> <script>import pdf from 'vue-pdf' export default { components: { pdf }}</script>测试代码示例<templa
pdf.js下载浏览器中直接打开预览 pdf 文件安装解压下载的zip文件，将解压后的整个目录（pdf-dist）拷贝到项目的 public 目录下（放在 public 目录下的文件不会被 webpack 处理）使用 pdf.js 自带的预览界面 viewer.html 预览，可以在
pdf.js下载浏览器中直接打开预览 pdf 文件安装解压下载的zip文件，将解压后的整个目录（pdf-dist）拷贝到项目的 public 目录下（放在 public 目录下的文件不 b/
使用弹性盒布局-flex，巧妙的实现图片垂直水平居中效果图示例代码<div class="cp bgcolor"> <img class="img01" src="../assets/images/coop/yl.png" alt="图" /></div>.cp { width: 269px; height: 182px; // 给父标签设置 display: flex; justify-content: center; a..
编译出来后，图片地址不正确错误代码片段<div class="hsimg"> <img v-for="(item, index) in hsImg" :key="index" :src="item" alt="图" /></div>data() {return { hsImg: [ "../assets/images/hsimg01.png", "../assets/images/hsimg02.png", "../asset
这里注意如果自己的页面有滚动条，一定阻止滚动事件的默认行为，否则缩放图片的时候，页面会跟着滚动@mousewheel.prevent 阻止默认行为示例代码<template> <div span="8" class="left" @mousewheel.prevent="rollImg"> <img :src="imgUrl" alt="" class="img" ref="imgDiv" @mousedown="move" /> <..
这里注意如果自己的页面有滚动条，一定阻止滚动事件的默认行为，否则缩放图片的时候，页面会跟着滚动@mousewheel.prevent 阻止默认行为示例代码<template> <div span="8" class="left" <..
一、vue项目引入animate.css第一步：在命令行中执行：npm install animate.css --save第二步：引入及使用：main.js中： import animated from 'animate.css' // npm install animate.css --save安装，在引入
一、vue项目引入animate.css第一步：在命令行中执行：npm install animate.css --save第二步：引入及使用：main.js中： import animated from 'animate.css' // npm install animate.css --save安装，在引入 Vue.use(animated)第三步：使用demovue模板中：<div class="ty"> <!-- 直接使用anima.
如果一个元素有多个类名，要如何删除呢，jqeury提供了removeClass()这个api，如果不用插件，自己封装，可以这样function removeClass(elm,removeClassName) { var classNames = elm.className.split(/\s+/);//首先渠道类名字符串并拆分成数组 var pos = -1, i, len; for (i = 0, len = classNames.length; i < len; i++){//找.
如果一个元素有多个类名，要如何删除呢，jqeury提供了removeClass()这个api，如果不用插件，自己封装，可以这样function removeClass(elm,removeClassName) { var classNames = elm.className
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
