笔记
关注
分享
扫一扫
爱学习的小饼干
多读书，多看报，少吃零食，多睡觉。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
elementui合并行
:span-method="yhmxdbMethod" yhmxdbMethod({row,column,rowIndex,columnIndex}) { if (columnIndex === 0 && this.total>0) { if (rowIndex % this.total === 0) { return { rowspan: this.total, .原创 2022-04-19 12:55:39 · 569 阅读 · 0 评论 -
全局给el-table每列添加show-overflow-tooltip属性
在main.js：import ElementUI from 'element-ui'//全局修改element默认配置ElementUI.TableColumn.props.showOverflowTooltip ={type:Boolean, default: true}Vue.use(ElementUI)/* 表格内容超出 鼠标触碰悬浮显示内容 */.el-tooltip__popper{ max-width:20% !important}/* 悬浮框样式 *.原创 2022-04-14 17:40:26 · 2263 阅读 · 0 评论 -
给el-table中的td在指定条件下添加class
<el-table :data="dataTable" border style="width: 100%" :row-class-name="tableRowClass">methods: { tableRowClass(val){ if(val.row.excessTime == '已结束'){ return 'row-bg'; }else{ return ''; } }}...原创 2022-04-13 13:05:05 · 1666 阅读 · 0 评论 -
vue带参数跳转页面
submit（）{ request({ url: '/api/Login/CarPersonAdd', method: 'post', data: this.personnel }) this.$router.push(encodeURI('/completedProof?name='+ that.personnel.name));}//completedProof.vue<p>.原创 2022-03-28 17:34:53 · 1263 阅读 · 0 评论 -
切换:class
<div class="winitem" v-for="(ite,index) in compid" @click="changewin(ite.id,index);" :class="activeIndex === index ? 'activeIndex':''"> {{ite.name}}</div>data：activeIndex: 0,方法：this.activeIndex = index;原创 2022-03-26 15:50:24 · 278 阅读 · 0 评论 -
vue数字滚动举例
export{ Odometer}import { Odometer } from '../../assets/js/Odometer'var num = 4321;var odo1 = new Odometer(".countup", { num: num,});原创 2022-03-09 18:17:48 · 396 阅读 · 0 评论 -
echarts问题解决tips
1.柱状图条纹角度type: 'pictorialBar',symbolRotate: '-40',2.刻度线条数splitNumber: 2,原创 2022-03-09 09:49:05 · 502 阅读 · 0 评论 -
echarts - ajax请求举例1
let barYData = []; topdatasFive.forEach((item) => { barYData.push({ name: item.TopName, value: item.TopCount, }); });原创 2022-03-03 17:11:16 · 492 阅读 · 0 评论 -
uniapp picker时间选择器
//第一种<picker @change="bindPickerChange" :value="index" :range="appointList" range- key="centername"> <view class="uni-input">{{appointList[index].centername}}</view> </picker>bindPickerChange(e) { this.ind..原创 2022-02-09 14:20:39 · 2936 阅读 · 0 评论 -
浏览器使用说明动态效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src.原创 2022-01-21 17:31:19 · 487 阅读 · 0 评论 -
::v-deep
例如v-html解析出来的内容含有img标签，且样式改不掉时用这个。 ::v-deep img { width: 100%; margin: 0 auto; }原创 2022-01-21 16:36:53 · 280 阅读 · 0 评论 -
uniapp（1）formdata格式转换
Accept: "*/*","Content-Type": "text/plain; charset=UTF-8",原创 2022-01-21 16:31:54 · 1328 阅读 · 0 评论 -
一个可暂停的飘窗
<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>飘窗三可暂停</title> <style type="text/css"> div#roll { width: 200px; .原创 2021-12-22 13:18:28 · 201 阅读 · 0 评论 -
如何画一个六边形头像？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-12-22 13:16:10 · 317 阅读 · 0 评论 -
vue 的 :style动态切换背景色和字体
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src.原创 2021-12-22 13:14:10 · 4014 阅读 · 0 评论 -
vue回到顶部
方法一： gototop() { let distance = document.documentElement.scrollTop || document.body.scrollTop; //获得当前高度 let step = distance / 30; //每步的距离 (function jump() { if (distance > 0) { distance -= step; ...原创 2021-12-22 13:04:21 · 117 阅读 · 0 评论 -
canvas示例
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <canvas id="canvas" width="1024" height="768" style="border:1px solid #aaa;display:block.原创 2021-11-04 17:13:48 · 494 阅读 · 0 评论 -
栅格布局真好用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-11-04 16:53:33 · 131 阅读 · 0 评论 -
PC端与移动端也适配
用这段：<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" />没有效果再用下面的： <!-- <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ..原创 2021-10-22 14:43:56 · 162 阅读 · 0 评论 -
移动端左滑删除
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum..原创 2021-10-08 18:01:43 · 231 阅读 · 0 评论 -
适配移动端需要加上的meta
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" /> <meta content="yes" name="apple-mob...原创 2021-09-15 17:03:13 · 375 阅读 · 0 评论 -
----------------------------------
//待处理公文handelFunData() { let params = {"sortSet":['1','2','3','4','5']} let url = '/activiti/model/taskListAll' postAction(url, params).then(res => { if (!res.success) { //this.handelData = res.result.record...原创 2021-07-28 14:05:13 · 166 阅读 · 0 评论 -
filters， v-html ，已读未读
时间截取：<div class="alongTime"> {{ item.publishTime |time }}</div>filters:{ time(val){ if(val){ return val.slice(0,10) }else{ return '无' } }},<span class="redread" style="float: left" :cla.原创 2021-07-28 10:41:56 · 173 阅读 · 0 评论 -
展开与收起
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><!--<linkhref="../css/style.css"rel="stylesheet"/>-->...原创 2020-12-28 19:24:27 · 202 阅读 · 0 评论 -
input占位符样式
::-webkit-input-placeholder{/*WebKitbrowsers*/color:#a9a9a9;}:-moz-placeholder{/*MozillaFirefox4to18*/color:#a9a9a9;}::-moz-placeholder{/*MozillaFirefox19+*/color:#a9a9a9;}:-ms-inp...原创 2020-11-17 14:07:35 · 293 阅读 · 0 评论 -
CSS3 @keyframes 实现渐变动画
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>classL...原创 2020-03-13 00:06:29 · 1085 阅读 · 0 评论 -
vue实现swiper轮播图，（有拖拽有滑动效果）
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><metaname="viewport"content="width=device-width,initia...原创 2020-03-13 00:01:46 · 133 阅读 · 0 评论 -
点击按钮，随机抽查一个名字
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-equiv...原创 2020-03-12 23:58:28 · 361 阅读 · 0 评论 -
vue实现轮播图（不可滑动）
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>轮播图</title><metaname="viewport"content="width=device-width,initial-sca...原创 2020-03-12 23:55:00 · 526 阅读 · 0 评论