摘要：
1.值班管理 下拉搜索限制框 2.下载和导入 3.图片视频预览组件 （后续可加入滚轮放大缩小功能） 4.地图 通过经纬度定位到地图 点位管理 数据管理编辑 5.如何把阿里图库图标放到项目中（线上、本地） 6.地图小工具 7.vue3 8.表格拖拽排序 9.防抖 阅读全文
摘要：
<el-form-item label="地点" prop="weizhi" class="work-item-label"> <div class="form-tips"> 请在地图中确认位置 </div> <template> <div class="map-wrap"> <div id="GD 阅读全文
摘要：
//只能选此刻之前日期与时间： <el-form-item label="事发时间" prop="happenTime" class="work-item-label" > <el-date-picker v-model="ruleForm.happenTime" type="datetime" f 阅读全文
摘要：
效果如图： .card-wrap { width: 33%; height: 100%; box-shadow: 0px 0px 12px 1px #003ba26b inset; background: linear-gradient(to left, #196aa8, #196aa8) left 阅读全文
摘要：
今天，给大家说一句俗语：一人不进庙、二人不看井、三人不抬树。 不管是在生活、工作还是学习中与人相处都是最基本的，这句俗语讲的就是人与人之间的相处。 一人不进庙是说： 不要一个人去庙中，古时候的庙大多是建在没有人烟的地方，有一些不怀好意的人就会在这里隐藏好。 如果一个人进去后有可能会遇到危险，告诫我们 阅读全文
摘要：
.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% 阅读全文
摘要：
background: linear-gradient(left, rgba(45, 73, 165, .1), rgba(45, 73, 165, .4), rgba(45, 73, 165, 0.1)); 阅读全文
摘要：
28. border-top: 1px solid; border-image: -webkit-linear-gradient(90deg, transparent, rgba(48, 160, 255, .5) 50%, transparent) 1; border-image: linear- 阅读全文
摘要：
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .ball { width: 170px; height: 2px; background-image: linear-gradien 阅读全文
摘要：
/* 文字超出范围的三个点 */ width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 超过两行显示三个点：*/ word-break: break-all; text-overflow: e 阅读全文
摘要：
<span :style="{ color: setStatusColor(scope.row.status) }"> {{setStatusCN(scope.row.status) }} </span> computed: { setStatusColor() { return function 阅读全文
摘要：
（this.currentPage - 1) *this.numPage +index +1 阅读全文
摘要：
div { display: inline-block; width: 20%; background: green; position: relative; } div:before { content: ""; display: inline-block; padding-bottom: 100 阅读全文
摘要：
//设置一个监听resize window.addEventListener('resize', () => { this.runningChart.resize(); }); //离开的时候销毁resize destroyed() { window.removeEventListener( 阅读全文
摘要：
areaStyle: { color: { type: 'linear', colorStops: [{ offset: 0, color: 'rgba(35,174,229,1)' // 0% 处的颜色 }, { offset: 0.5, color: 'rgba(35,174,229,0.8)' 阅读全文
摘要：
series: [{ type: 'line', color: ['#1FE3B3'], symbolSize: 5, // 设置折线上圆点大小 symbol: 'circle', // 设置拐点为实心圆}, 阅读全文
摘要：
background-image: -webkit-linear-gradient(bottom, #003268, #0f91f6, #fff); -webkit-text-fill-color: transparent; -webkit-background-clip: text; 阅读全文
摘要：
class： <div v-bind:class="{ active: isActive, 'text-danger': hasError }"></div> <div v-bind:class="[isActive ? 'activeClass' : '', 'errorClass']"></di 阅读全文
摘要：
只能输入数字 并保留小数点后两位： <el-input maxlength="20" onkeyup="value=value.replace(/^(\d*\.?\d{0,2}).*/,'$1')"></el-input> 1.限制input输入框只能输入大小写字母、数字、下划线的正则表达式： <e 阅读全文
摘要：
watch: { // 方式一： 'cityName.name': { handler(newName, oldName) { // ... }, deep: true, immediate: true //立即执行 } //方式二： cityName(newName, oldName){ // . 阅读全文