- 博客(23)
- 收藏
- 关注
RSS订阅
原创 jquery封装放大镜（外部放大）
css.zoom-big{ position:absolute; top:0; right:-440px; width: 200px; height: 200px; overflow: hidden; } .big-img{ position:relative; } .detile-img{ width: 400px; height: 400px; } .share-img1{ width:400px; height:400px; }
2020-09-28 14:16:23
266
原创 jquery方法实现上下按钮，循环切换中间的内容
布局： <div class="laboratory-temperature-list clearfix"> <p v-on:click="precom()" class="fl el-icon-caret-left pre pre1 font-26" style="padding-top:3px;"></p> <div class="bigshare-imgbox fl box"> <ul class="sha
2020-09-28 13:36:34
456
原创 曲线图如何左右滚动，以及设置被覆盖的区域有颜色
如何曲线图如何左右滚动，以及设置被覆盖的区域有颜色 initCharts() { const ec = echarts as any; const myChart = echarts.init(document.getElementById('lineChart')); const option = { roam: false, // 禁止滚轮事件 color: ['#37A2DA', '#67E0E3', '#9FE6B8'], tooltip
2020-09-18 11:40:21
267
原创 angular中如何使用水球图
angular中如何使用水球图先安装echartsnpm install echarts --save再安装echarts-liquidfillnpm install echarts-liquidfill --save将路径为node_modules>echarts-liquidfill>dist下的echarts-liquidfill.min js和echarts-liquidfill.js复制到路径下node_modules>echarts>dist文件里
2020-09-18 09:42:54
576
原创 接收监控或者视频，要以流的方式来接收,vue中接收视频
div<!--视频图--> <videoPlayer class="video-class vjs-custom-skin videoPlayer" :options="playerOptions"></videoPlayer>dataplayerOptions: { sources: [{ type: 'rtmp/mp4', src: '' }], techOrder: ['f.
2020-11-16 13:40:25
896
原创 echarts滚动设置，x坐标内容过长，隐藏设置长度
echarts滚动设置// 可左右滑动dataZoom: [{ show: false, realtime: true, start: 0, end: 80 }, { type: 'inside', realtime: false, start: 0, end: 80, zoomOnMouseWheel: false // 禁用滚轮 }]x坐标倾斜 过长，隐藏设置长度axisLabel: {interval: 0,/
2020-10-30 11:22:34
614
原创 H5从相册选取二维码图片识别二维码
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>my-pro</title> <script src="jquery.min.js"></script>
2020-10-14 11:53:57
1029
2
原创 tab点击切换，简单实例
<template> <div class=" padding-50 tabchange" style="color:yellow;"> <ul class="title-ul clearfix"> <li class="title-lists active">tab1</li> <li class="title-lists ">tab2</li>
2020-09-29 14:05:01
672
原创 在vue中，js写左右按钮切换中间的内容，不循环
css样式.laboratory-lists{ min-width:10000000px; height:100%; line-height: 30px; position: absolute; top:0; left:0;}.box{ width:400px; overflow: hidden; height:30px; position:relative;}.laboratory-list{ text-al
2020-09-29 11:39:10
909
2
原创 angular数据的双向绑定
Component<div> <input [(ngModel)]="name" /></div><span>{{name}}</span>tsprivate name = 'RTom';constructor() { // setInterval(() => { // this.name = 'Tom'; // }, 3000);}结果截图：
2020-09-29 09:31:25
128
原创 画echarts图的时候，会发现出现滚动条,
在画echarts图的时候，会发现出现滚动条，鼠标快速滑动有echarts画的折线图时，布局的宽度突然发生变化， 然后又马上的恢复，还以为是因为折线图的因为设置滚动，导致溢出，所以数据过长，后面问了前辈才知道，出现了滚动条，设置overflow: hidden可已解决问题。...
2020-09-29 09:30:50
1444
原创 angluar父级传值到子级：@Input输入属性
component父组件<div> <p>我是父组件</p> <input [(ngModel)]="name" /></div><app-child [name] = "name"></app-child>子组件<div><p>我是子组件</p> {{name}}</div>Ts:父组件：private name = 'RTom';
2020-09-28 15:01:49
107
原创 tab切换封装
css/*切换*/.change-title-list { line-height:50px; border: 1px solid #f1f1f1; border-right: 0; width: 100%; text-align: center; }.change-list-padding{ width:100%; height:173px; padding-top:4px;}.change-title-list a{ display:inline-block; widt
2020-09-28 14:41:19
182
原创 let与var的区别，以及实例
let不能提升变量，没定义之前不能调用var 能提升变量console.log(a)var a=1;console.log(b)let b=1; aa()function aa(){ console.log(c) let c=3}2.暂时性死区 在两次定义之间不能使用变量a,a=3为暂时性死区 let a=1 function aa(){ a=3; let a=2; console.log(a) } aa()3.var 能重复定义,le.
2020-09-28 14:24:38
159
原创 手风琴封装
直接运行即可<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div class="dept"> <span>院系建设</span> <p class="dept-list">信息工程学院</p>
2020-09-28 14:19:13
102
原创 无缝轮播封装
css.out-cursoal{width:780px; height:306px; position:relative; left:40px; border:1px solid black; overflow: hidden; }.iner-slide{ position:absolute; left:-780px; top:0; border:1px solid red; font-size: 0; }.iner-img{ width:780px; hei
2020-09-28 14:09:54
133
原创 vue中封装less公共的样式
// 5 10 15 20 25 30 35 40 45 50 60 65 70 75 80 85 90 95 100 .distance-aa(20, 1); //从5开始 20次循环.distance-aa(@count,@i: 1,@dis:5 * @i) when (@i<=@count) { .padding-@{dis} { padding: @i * 5px; } .padding-l-@{dis} { padding-left
2020-09-28 13:54:33
1885
原创 calc动态计算高度或者宽度
div样式<div class="color-white" style="width: 100%;height: 100%;color:rgb(2,223,254)"> <div style="height: 160px;width: 100%;border:1px solid red;"> </div> <div class="clearfix" style="height: calc(100% - 160px);width: 100%;bor
2020-09-28 13:43:11
1092
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人