摘要：
1.值班管理 下拉搜索限制框 2.下载和导入 3.图片视频预览组件 （后续可加入滚轮放大缩小功能） 4.地图 通过经纬度定位到地图 点位管理 数据管理编辑 5.如何把阿里图库图标放到项目中（线上、本地） 6.地图小工具 7.vue3 8.表格拖拽排序 9.防抖 阅读全文
posted @ 2022-02-16 17:25
如意酱
阅读(37)
评论(0)
推荐(0)
摘要：
<el-form-item label="地点" prop="weizhi" class="work-item-label"> <div class="form-tips"> 请在地图中确认位置 </div> <template> <div class="map-wrap"> <div id="GD 阅读全文
posted @ 2022-02-16 17:16
如意酱
阅读(1385)
评论(0)
推荐(0)
摘要：
//只能选此刻之前日期与时间： <el-form-item label="事发时间" prop="happenTime" class="work-item-label" > <el-date-picker v-model="ruleForm.happenTime" type="datetime" f 阅读全文
posted @ 2022-02-16 16:46
如意酱
阅读(707)
评论(0)
推荐(0)
摘要：
效果如图： .card-wrap { width: 33%; height: 100%; box-shadow: 0px 0px 12px 1px #003ba26b inset; background: linear-gradient(to left, #196aa8, #196aa8) left 阅读全文
posted @ 2022-02-16 16:30
如意酱
阅读(597)
评论(0)
推荐(1)
摘要：
今天，给大家说一句俗语：一人不进庙、二人不看井、三人不抬树。 不管是在生活、工作还是学习中与人相处都是最基本的，这句俗语讲的就是人与人之间的相处。 一人不进庙是说： 不要一个人去庙中，古时候的庙大多是建在没有人烟的地方，有一些不怀好意的人就会在这里隐藏好。 如果一个人进去后有可能会遇到危险，告诫我们 阅读全文
posted @ 2022-02-16 16:22
如意酱
阅读(1645)
评论(0)
推荐(0)
摘要：
.cut-border { width: 400px; height: 300px; border: solid 1px #334995; box-shadow: 0px 0px 14px 1px #173C90 inset; clip-path: polygon(20px 0, calc(100% 阅读全文
posted @ 2022-02-16 16:10
如意酱
阅读(834)
评论(0)
推荐(0)
摘要：
background: linear-gradient(left, rgba(45, 73, 165, .1), rgba(45, 73, 165, .4), rgba(45, 73, 165, 0.1)); 阅读全文
posted @ 2022-02-16 16:09
如意酱
阅读(136)
评论(0)
推荐(0)
摘要：
28. border-top: 1px solid; border-image: -webkit-linear-gradient(90deg, transparent, rgba(48, 160, 255, .5) 50%, transparent) 1; border-image: linear- 阅读全文
posted @ 2022-02-16 16:07
如意酱
阅读(149)
评论(0)
推荐(0)
摘要：
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .ball { width: 170px; height: 2px; background-image: linear-gradien 阅读全文
posted @ 2022-02-16 15:03
如意酱
阅读(328)
评论(0)
推荐(0)
摘要：
/* 文字超出范围的三个点 */ width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 超过两行显示三个点：*/ word-break: break-all; text-overflow: e 阅读全文
posted @ 2022-02-16 15:02
如意酱
阅读(142)
评论(0)
推荐(0)
摘要：
<span :style="{ color: setStatusColor(scope.row.status) }"> {{setStatusCN(scope.row.status) }} </span> computed: { setStatusColor() { return function 阅读全文
posted @ 2022-02-16 14:58
如意酱
阅读(783)
评论(0)
推荐(0)
摘要：
（this.currentPage - 1) *this.numPage +index +1 阅读全文
posted @ 2022-02-16 14:49
如意酱
阅读(99)
评论(0)
推荐(0)
摘要：
div { display: inline-block; width: 20%; background: green; position: relative; } div:before { content: ""; display: inline-block; padding-bottom: 100 阅读全文
posted @ 2022-02-16 14:48
如意酱
阅读(333)
评论(0)
推荐(0)
摘要：
//设置一个监听resize window.addEventListener('resize', () => { this.runningChart.resize(); }); //离开的时候销毁resize destroyed() { window.removeEventListener( 阅读全文
posted @ 2022-02-16 14:46
如意酱
阅读(145)
评论(0)
推荐(0)
摘要：
areaStyle: { color: { type: 'linear', colorStops: [{ offset: 0, color: 'rgba(35,174,229,1)' // 0% 处的颜色 }, { offset: 0.5, color: 'rgba(35,174,229,0.8)' 阅读全文
posted @ 2022-02-16 14:40
如意酱
阅读(3109)
评论(0)
推荐(0)
摘要：
series: [{ type: 'line', color: ['#1FE3B3'], symbolSize: 5, // 设置折线上圆点大小 symbol: 'circle', // 设置拐点为实心圆}, 阅读全文
posted @ 2022-02-16 14:38
如意酱
阅读(2867)
评论(0)
推荐(0)
摘要：
background-image: -webkit-linear-gradient(bottom, #003268, #0f91f6, #fff); -webkit-text-fill-color: transparent; -webkit-background-clip: text; 阅读全文
posted @ 2022-02-16 14:36
如意酱
阅读(52)
评论(0)
推荐(0)
摘要：
class： <div v-bind:class="{ active: isActive, 'text-danger': hasError }"></div> <div v-bind:class="[isActive ? 'activeClass' : '', 'errorClass']"></di 阅读全文
posted @ 2022-02-16 14:35
如意酱
阅读(55)
评论(0)
推荐(0)
摘要：
只能输入数字 并保留小数点后两位： <el-input maxlength="20" onkeyup="value=value.replace(/^(\d*\.?\d{0,2}).*/,'$1')"></el-input> 1.限制input输入框只能输入大小写字母、数字、下划线的正则表达式： <e 阅读全文
posted @ 2022-02-16 14:29
如意酱
阅读(242)
评论(0)
推荐(0)
摘要：
watch: { // 方式一： 'cityName.name': { handler(newName, oldName) { // ... }, deep: true, immediate: true //立即执行 } //方式二： cityName(newName, oldName){ // . 阅读全文
posted @ 2022-02-16 14:28
如意酱
阅读(396)
评论(0)
推荐(0)
摘要：
parseInt(Math.random() * 1000) 阅读全文
posted @ 2022-02-16 14:26
如意酱
阅读(56)
评论(0)
推荐(0)
摘要：
// 获取element 结构tree的选中节点 let list = this.$refs.tree.getCheckedKeys(); //选中节点 const halfList = this.$refs.tree.getHalfCheckedKeys(); //半选节点 list = [... 阅读全文
posted @ 2022-02-16 14:24
如意酱
阅读(475)
评论(0)
推荐(0)
摘要：
关键样式代码：white-space: pre-line; 示例： <span style="white-space: pre-line;" v-html="dutyDescription"></span> 阅读全文
posted @ 2022-02-16 14:19
如意酱
阅读(134)
评论(0)
推荐(0)
摘要：
updated() { let scrollContainer = document.querySelector('.trend-top'); scrollContainer.scrollTop = scrollContainer.scrollHeight; }, 阅读全文
posted @ 2022-02-16 14:09
如意酱
阅读(43)
评论(0)
推荐(0)
摘要：
// 父组件中调用子组件： <field ref="typeRef"></field> 在需要的地方直接用如下代码： this.$refs['typeRef'].dialogVisible = true; // 子组件调用父组件方法： this.$parent.getList(); 阅读全文
posted @ 2022-02-16 13:39
如意酱
阅读(58)
评论(0)
推荐(0)
摘要：
Array.from(new Set(this.yearList)); 阅读全文
posted @ 2022-02-16 13:35
如意酱
阅读(26)
评论(0)
推荐(0)
摘要：
localStorage sessionStorage标签关时清 sessionStorage.getItem('kindChoose') 取 sessionStorage.setItem('kindChoose', index) 存 sessionStorage.removeItem('kindC 阅读全文
posted @ 2022-02-16 13:34
如意酱
阅读(41)
评论(0)
推荐(0)
摘要：
发现有时对象直接用 this.obj.disabled = true; 不管用，因此找了一个$set方法。 this.$set(val, 'disabled', true); 阅读全文
posted @ 2022-02-16 13:32
如意酱
阅读(35)
评论(0)
推荐(0)
摘要：
//方法一：直接修改img样式 .container{ width: 200px; height: 200px; overflow: hidden; border: 2px solid red; position: relative; } .container img{ width: 100%; p 阅读全文
posted @ 2022-02-16 12:59
如意酱
阅读(318)
评论(0)
推荐(0)
摘要：
// 获取当前时间 getNowTime() { let dateTime; let yy = new Date().getFullYear(); let MM = new Date().getMonth() + 1; let dd = new Date().getDate(); let hh = 阅读全文
posted @ 2022-02-16 12:43
如意酱
阅读(987)
评论(0)
推荐(0)
浙公网安备 33010602011771号