前端
满楼、
砥砺前行
展开
-
自定义校验form表单
【代码】自定义校验form表单。原创 2023-08-17 09:25:50 · 152 阅读 · 0 评论 -
js获取列表中最大的值
【代码】js获取列表中最大的值。原创 2022-12-02 15:11:31 · 628 阅读 · 1 评论 -
前端-好货分享
前端好货分享原创 2022-08-19 14:00:53 · 145 阅读 · 0 评论 -
elementUI动态合并单元格无敌详细解释版
elementUI动态合并单元格无敌详细解释版。原创 2022-08-18 19:01:42 · 2299 阅读 · 0 评论 -
vue页面布局的自动缩放
vue页面布局的自动缩放原创 2022-04-13 11:16:54 · 1557 阅读 · 1 评论 -
Element UI 响应式布局实现一行5列布局
el-row el-col 实现一行5列1、自定义类名 <el-col :lg="{span:'4-8'}" :md="8" :sm="12" :xs="24"> .... </el-col>2、书写不同屏幕大小下,类的样式 @media only screen and (min-width: 768px) { .el-col-sm-4-8 { width: 20%; } .el-col-sm-offset-4-8 {原创 2022-03-01 11:08:47 · 3232 阅读 · 1 评论 -
vue+element 实现动态下拉框
<el-select v-model="province_id[index]" placeholder="请选择地区" @change="onChangeProvince($event,index)" clearable size="small"> <el-option v-for="item in provinceList[index]" :key="item.id" :la原创 2022-01-04 15:47:07 · 3235 阅读 · 0 评论 -
vue输入地址 搜索地图位置,点击地图获取点击位置
<template> <div id="amap-container"> <el-input id="search-input" v-model="searchValue" class="input-with" placeholder="请输入地址" clearable @clear="handelclearInput" @keyup.native.ent原创 2021-10-11 16:34:50 · 836 阅读 · 0 评论 -
vue + echars地图 省市区 + 添加点标记
echars地图定义地图位置大小 <div id="mapChart" class="mapChart"></div> #mapChart { width: 1000px; height: 600px; }安装echars,配置地图,定义三组数据,用于echars地图的展示省市区var provinces = ['310000', '130000', '140000', '150000', '210000', '220000', '23000原创 2021-10-11 10:49:57 · 3471 阅读 · 0 评论 -
css 实现隐藏滚动条但可以滚动的效果
//html<div class="outer-container"> <div class="inner-container"> ...... </div></div>//css.outer-container{ width: 300px; height: 200px; position: relative; overflow: hidden;}.inner-container{ position: abso原创 2021-06-22 17:09:00 · 115 阅读 · 0 评论 -
element ui 分页功能的使用
<el-pagination style="margin-left: 30px;margin-top: 10px" @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageIndex" :page-sizes="[10, 20, 50, 100]" :...原创 2021-06-18 15:21:39 · 138 阅读 · 0 评论 -
解决el-select v-model 传值的时候无法正确显示文字而显示的对应值
//html <el-form-item label="状态" prop="status"> <el-select v-model="dataForm.status" placeholder="请选择"> <el-option v-for="item in statuslist" :key="item.value" :label="item.name"原创 2021-05-31 09:12:08 · 1900 阅读 · 0 评论 -
element-ui table表格 上传图片
teble表格数据要添加自定义内容需要 <el-table-column prop="desc" header-align="center" align="center" label="基地介绍"> <template slot-scope="scope"> {{scope.row.desc}} </template> </el原创 2021-05-28 13:21:18 · 1537 阅读 · 1 评论 -
uniapp微信小程序使用地图 显示指定位置并从当前位置导航
<view class="row-bottom"> <map id="map" :longitude="longitude" :latitude="latitude" :scale="scale" :circles="circles" :markers="markers" :polyline="polyline" show-location style="width: 100%; height: 500rpx;"></map></view>//设置原创 2021-05-12 11:29:55 · 3983 阅读 · 1 评论 -
uniapp 拦截器
export default { config: { baseURL: 'https://xxx.xxx.com', header: {}, dataType: 'json', // #ifndef MP-ALIPAY || APP-PLUS responseType: 'text', // #endif // 注:如果局部custom与全局custom有同名属性,则后面的属性会覆盖前面的属性,相当于Object.assign(全局,局部) .原创 2020-12-21 14:24:59 · 4565 阅读 · 1 评论 -
findindex 用法
let idx= list.findIndex((itm) => itm== id)原创 2020-11-30 15:08:01 · 5351 阅读 · 1 评论 -
js splice实现修改删除
let a = ['1','2','3','4'] //返回缩影的方法let rea = a.findIndex((itm) => itm== 2); //删除索引指定a.splice('索引',1)//替换a.splice('索引','几个','替换内容')a.splice(1,1,6) //['1',6,'3','4']原创 2020-11-13 18:31:08 · 619 阅读 · 0 评论 -
css3实现垂直水平居中7种方法
1.知道子级宽高固定 (定位 +负margin) <view class="parent-box"> <view class="children"> </view> </view>.parent-box{border: 2rpx solid red;position:relative;width:600rpx;height:600rpx;}.children{position:absolute;background:g原创 2020-08-24 14:25:39 · 434 阅读 · 0 评论 -
js JSON序列化操作
一、JSON 数据 - 名称和值 JSON 数据的书写方式是名称/值对,类似 JavaScript 对象属性。 名称/值对由(双引号中的)字段名构成,其后是冒号,再其后是值 JSON 名称需要双引号。JavaScript 名称不需要。"firstName":"Bill"二、JSON对象和JSON数组JSON对象在花括号内书写对象能包含多个名称键值对{"firstName":"Bill", "lastName":"Gates"} JSON 数组在方括号中书写。数组能够包含对象:原创 2020-07-23 10:51:14 · 580 阅读 · 0 评论 -
box-shadow 详解
原创 2020-07-09 09:28:36 · 254 阅读 · 0 评论 -
el-table使用与样式修改
一、样式修改篇开篇:修改element的样式的时候style标签不能加上scoped所以为了防止修改的样式影响到别的页面,建议在当前页面加一个id,修改时带上id,或者在样式前面加上 /deep/ ,控制修改的权限范围<template> <div id="top"></div></template>修改头部背景#top .el-table th{ background: #344067; }修改行背景 #top .el原创 2020-05-21 15:15:19 · 3664 阅读 · 0 评论 -
css字体竖排居中
.a{ word-wrap: break-word;/*英文的时候需要加上这句,自动换行*/ /*自测了这句话没啥用*/ writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode:...原创 2020-04-30 18:10:19 · 1263 阅读 · 0 评论 -
js获取url请求头上的参数
js获取url请求头上的参数 //获取一个的参数的时候 var nid = location.search; var info_id = nid.match(/\d/g).join(""); console.log(info_id); //获取多个参数的时候 function getQueryVariable(variable) { ...原创 2020-04-10 14:39:24 · 2718 阅读 · 0 评论 -
微信小程序echars
上班闲来无事,写点东西吧//echars x轴 type的几种类型,官网扣的'value' 数值轴,适用于连续数据。'category' 类目轴,适用于离散的类目数据,为该类型时必须通过 data 设置类目数据。'time' 时间轴,适用于连续的时序数据,与数值轴相比时间轴带有时间的格式化,在刻度计算上也有所不同,例如会根据跨度的范围来决定使用月,星期,日还是小时范围的刻度。'log'...原创 2019-12-04 18:05:27 · 179 阅读 · 0 评论 -
复选框单选多选全选功能实现
复选框全选单选多选新手干了一天实现的功能,很简陋勿喷,应该有更好的实现但不会先看下代码吧def userUpdate(request): if request.method == 'POST': data = {'msg': 404} user_id = request.session.get('user_id') device_ke...原创 2019-05-21 20:32:45 · 1707 阅读 · 1 评论 -
echars安卓坐标轴字体小的问题解决
微信小程序echars安卓坐标轴字体小微信小程序中,echars x轴y轴字体在ios端没有任何问题,而在安卓中就会发现字体小的一匹,下面就是解决的代码,.友情提示: 由于echars源代码问题只能使用 13px的字体 xAxis: { axisLabel: { // 安卓字体小 位置1 fontSize: '13', },} yAx...原创 2020-04-02 15:52:45 · 207 阅读 · 0 评论 -
关于echars的坑,x轴
关于 echars 在电脑,安卓,苹果的适配安卓 & pc X 轴如果想显示时间类型的数据 只能使用 2019-12-03 17:20:34 ..这样的数据格式而苹果 使用的 2019/12/03 17:20:34 ..这样的数据格式你说气不气,这不闲的吗//代码援助let maxtime = 2019-12-03 17:20:34 ;let DateTim...原创 2019-12-03 17:47:04 · 143 阅读 · 0 评论 -
全选/获取选中的id
只有代码不多比比,加油 奥~利给 $('body').on('click', '.btnOperate', function () { var flag = $(this).prop('checked'); if (flag) { $('.tab').prop('checked', true); ...原创 2019-11-29 17:15:24 · 460 阅读 · 0 评论 -
页面跳转的几种方法
这里是引用window.location()是只能在一个网站中打开本网站的网页window.open()是可以在一个网站上打开另外的一个网站的地址当嵌套在页面内使用跳转时"top.location.href" 是最外层的页面跳转(即页面跳转)"window.location.href"、"location.href"是本页面跳转(内层部分单独跳转)"parent.locati...原创 2019-11-19 18:03:12 · 2793 阅读 · 0 评论 -
js 清空选中页面部分
$('#id').empty()// 清空选中位置的内容,防止重复往页面添加内容原创 2019-08-06 16:17:34 · 354 阅读 · 0 评论 -
js获取当前时间和7天前的时间
// 获取各种类型当前时间var date = new Date(); //获取当前时间国标版var year = date.getFullYear(); // 获取年var month = date.getMonth() + 1; //获取当前月var day = date.getDate(); //日var hour = date.getHours(); //时v...原创 2019-07-15 17:03:40 · 5303 阅读 · 1 评论 -
js 异步加载数据怎么添加事件
//js加载的数据使用 on选中 body 进行添加事件$('body').on('click','.cls',function(){});原创 2019-06-04 09:53:53 · 376 阅读 · 0 评论