- 博客(35)
- 收藏
- 关注
RSS订阅原创 关于element ui 表格文字高亮（单元格的cell-style）使用方法
1、官网解释：单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。Function({row, column, rowIndex, columnIndex})/Object2、实际我添加 column, rowIndex, columnIndex参数后报错 问题不知道出哪儿了，然后就没用它这样就行了 <el-table height="90%" :data="dmData" :cell-style="cellStyle">
2022-03-22 14:56:52
6005
2
原创 vue使用echarts
一、安装echartsnpm install echarts -S或使用淘宝的镜像npm install -g cnpm --registry=https://registry.npm.taobao.orgcnpm install echarts -S二、引入依赖let echarts = require('echarts')Vue.prototype.$echarts = echarts这里需要注意引入echarts的时候如果用“import echarts from ‘echa.
2022-03-17 15:58:42
1022
原创 vue 使用 vue-awesome-swiper（swiper）解决方法
一、安装npm install swiper vue-awesome-swiper@v3.2.0 --save二、页面引入*这里说明一下：完全不用在main.js写那些没用的，仅需要当前组件或者页面引入一下就行import { Swiper } from "vue-awesome-swiper";import 'swiper/dist/css/swiper.css'三、详细 <div class="swiper-container swiper-no-swiping"
2022-03-17 15:29:12
2143
原创 简单的二级下拉菜单
js var btn = $('.j-navMenu-anim'), modal = $('.nav-modal'), panel = $('.j-navMenu-panel'); function hide() { modal.removeClass('nav-show') panel.css('transform', 'translate3D(0,0,0)') } modal.click(function() { hide() $("bo
2022-03-09 13:15:17
146
原创 手机验证登录读秒
$("#btn").on("click",function(){ var phone=$api.byId('phone').value; if(phone==""){ api.toast({ msg: '请输入手机号', duration: 3000, location: 'middle' }); return
2022-01-20 11:27:43
247
原创 swiper隐藏（display:none）后，在显示轮播失效解决办法
添加：observeParents: true, //修改swiper的父元素时，自动初始化swiperobserver: true //修改swiper自己或子元素时，自动初始化swiper var mySwiper1 = new Swiper(".mySwiper", { navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, paginati
2022-01-20 10:17:32
1846
原创 左侧收缩菜单
CSSbody{margin:0;padding:0;overflow-x:hidden;background: #0b1f32}html, body{height:100%;}img{border:none;}*{font-family:'微软雅黑';font-size:12px;color:#626262;}dl,dt,dd{display:block;margin:0;}a{text-decoration:none;}/*left*/.openM{width: 191px;hei..
2021-12-30 14:51:37
588
原创 echarts坐标轴文字折行
axisLabel:{ interval: 0,//标签设置为全部显示 formatter:function(params){ var newParamsName = "";// 最终拼接成的字符串 var paramsNameNumber = params.length;// 实际标签的个数 var provideNumber = 4;// 每行能显示的字的个数
2021-12-23 16:06:17
655
原创 tab切换后（隐藏显示后）swiper失效问题解决方法
加入这两行代码即可observer:true,observeParents:true如： let swiper1 = new Swiper(".mySwiper1", { slidesPerView: 2, spaceBetween: 35, loop: true, loopFillGroupWithBlank: true, nextButton: '.swiper-button-next1', prevButton: '
2021-12-21 16:18:02
768
原创 图片、div元素循环显示隐藏
设置定时器控制显示隐藏，鼠标移入元素暂停 //HTML <ul class="mapBox"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul>//JS $(".mapBox li").hide() var len = $(".map
2021-12-16 10:10:57
1232
原创 echarts图表自适应监听方法
window.addEventListener("resize", function () { myChart.resize(); });
2021-11-09 16:34:42
240
原创 Echarts 横向堆叠柱图
function echart() {var echart0 = echarts.init(document.getElementById(‘echart0’));let testData = [{“equName”:"#1",“outputCoal”:3000,“outputRock”:4000,“planCoal”:50,“planRock”:60},{“equName”:"#2",“outputCoal”:4000,“outputRock”:5000,“planCoal”:40,“planR.
2021-10-20 15:09:51
559
原创 Echarts折线导航字体颜色
legend: { align: "left", right: '5%', top:'0%', type:'plain', textStyle:{ color:'F1F1F3',// 重点是这里 fontSize:14 }, data: [ ] },
2021-09-23 15:00:02
303
原创 VUE-全屏+缩小+拖拽
1、html 代码<div class="tk" v-show="tkShow" id="tk"> <h1 class="TKtit" >人员基本信息</h1> <p class="move" @mousedown="move">点击此处拖拽</p> <div class="menVtb clearFix"> <span class="suoxiao" @click="narrow">
2021-07-01 15:16:02
635
原创 VUE-ElementUi 表格无缝滚动
ElementUi 表格无缝滚动ElementUi 表格无缝滚动1、设置ref和高度2、在mounted添加方法 // 拿到表格挂载后的真实DOM const table = this.$refs.table // 拿到表格中承载数据的div元素 const divData = table.bodyWrapper // 拿到元素后，对元素进行定时增加距离顶部距离，实现滚动效果(此配置为每100毫秒移动1像素) setInterval((
2021-07-01 15:05:40
538
原创 JS-点击除了自己别的地方隐藏
$(".xlBtn").on(“click”,function(e){$(".xlBox").show()e.stopPropagation();$(“body”).one(“click”,function(e){$(".xlBox").hide()});});
2021-05-16 01:14:19
615
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人