weixin_42367288的博客

原创 自定义校验form表单

【代码】自定义校验form表单。

原创 echarts条形图 动态 设置标签背景和柱状图渐变颜色

【代码】echarts条形图 动态 设置标签背景和柱状图渐变颜色。

原创 js获取列表中最大的值

【代码】js获取列表中最大的值。

原创 echars连续堆叠柱状图

【代码】echars连续堆叠柱状图。

原创 好货分享

好货分享

原创 elementUI动态合并单元格无敌详细解释版

elementUI动态合并单元格无敌详细解释版。

原创 vue页面布局的自动缩放

vue页面布局的自动缩放

原创 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 {

原创 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

原创 vue-amap生成地图遮罩层、点标记和弹窗

<template> <div style=" position: relative;"> <div class="head-container"> <div style="text-align: center;margin-top: 10px;font-size: 18px;padding-bottom: 20px"> 地区选择 </div> <el-tree

原创 elementui 上传文件

组件调用 <fileUpload v-model="form.file"/>组件封装<template> <div class="upload-file"> <el-upload :action="uploadFileUrl" :before-upload="handleBeforeUpload" :file-list="fileList" :limit="limit" :on-erro

原创 elementui 上传图片

组件调用 <image-upload v-model="form.img"></image-upload>组件封装<template> <div class="component-upload-image"> <el-upload :action="uploadImgUrl" list-type="picture-card" :on-success="handleUploadSuccess"

原创 使用vue-amap实现地图 搜索 选址 复现地图的功能

首先安装 vue-amapnpm install vue-amap --savemain,js引用//地图组件import aMap from 'vue-amap'Vue.use(aMap)// 初始化vue-amapaMap.initAMapApiLoader({ // 高德key key: 'c1491a41ed12637c4aaab4f283a09522', // 插件集合 （插件按需引入） plugin: [ 'Geolocation', 'AMap.District

转载 使用vue-amap实现多边形绘制和编辑

<template> <div class="content"> <div class="amap-wrapper"> <!-- <el-amap-search-box class="search-box" :search-option="searchOption" :on-search-result="onSearchResult" ></el-amap-sear

原创 vue输入地址 搜索地图位置,点击地图获取点击位置

<template> <div id="amap-container"> <el-input id="search-input" v-model="searchValue" class="input-with" placeholder="请输入地址" clearable @clear="handelclearInput" @keyup.native.ent

原创 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

原创 微信小程序之使用本地接口开发

微信小程序之使用本地接口开发目录导航一、解决思路二、准备工作三、配置Charles四、配置开发工具　　本文主要讲解如何使用本地接口进行开发，很多人都会遇到这个问题，特别是小程序上线后。一、解决思路　　在小程序开发工具设置网络代理，然后再通过Charles设置代理，将https域名转为本地接口进行访问。以下示例的环境为win7 + 老版本的微信开发工具二、准备工作　　1.配置https域名为小程序配置request合法域名，在登录公众号平台去设置。2.安装Charles下载地址：h

原创 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

原创 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]" :...

原创 解决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"

原创 element-ui table表格 上传图片

teble表格数据要添加自定义内容需要 <el-table-column prop="desc" header-align="center" align="center" label="基地介绍"> <template slot-scope="scope"> {{scope.row.desc}} </template> </el

原创 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>//设置

原创 css背景图片自适应

#background { background-image: url('../../assets/background.png'); height: 100vh; position:fixed; top: 0; left: 0; width:100%; min-width: 1000px; z-index:-10; zoom: 1; background-color: #fff; background-size: cover; -webkit-backgro

原创 uniapp 拦截器

export default { config: { baseURL: 'https://xxx.xxx.com', header: {}, dataType: 'json', // #ifndef MP-ALIPAY || APP-PLUS responseType: 'text', // #endif // 注：如果局部custom与全局custom有同名属性，则后面的属性会覆盖前面的属性，相当于Object.assign(全局，局部) .

原创 findindex 用法

let idx= list.findIndex((itm) => itm== id)

原创 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']

原创 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

原创 js JSON序列化操作

一、JSON 数据 - 名称和值 JSON 数据的书写方式是名称/值对，类似 JavaScript 对象属性。 名称/值对由（双引号中的）字段名构成，其后是冒号，再其后是值 JSON 名称需要双引号。JavaScript 名称不需要。"firstName":"Bill"二、JSON对象和JSON数组JSON对象在花括号内书写对象能包含多个名称键值对{"firstName":"Bill", "lastName":"Gates"} JSON 数组在方括号中书写。数组能够包含对象：

原创 box-shadow 详解

原创 el-table使用与样式修改

一、样式修改篇开篇：修改element的样式的时候style标签不能加上scoped所以为了防止修改的样式影响到别的页面，建议在当前页面加一个id,修改时带上id，或者在样式前面加上 /deep/ ，控制修改的权限范围<template> <div id="top"></div></template>修改头部背景#top .el-table th{ background: #344067; }修改行背景 #top .el

原创 css字体竖排居中

.a{ word-wrap: break-word;/*英文的时候需要加上这句，自动换行*/ /*自测了这句话没啥用*/ writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode:...

原创 js获取url请求头上的参数

js获取url请求头上的参数 //获取一个的参数的时候 var nid = location.search; var info_id = nid.match(/\d/g).join(""); console.log(info_id); //获取多个参数的时候 function getQueryVariable(variable) { ...

原创 echars安卓坐标轴字体小的问题解决

微信小程序echars安卓坐标轴字体小微信小程序中,echars x轴y轴字体在ios端没有任何问题,而在安卓中就会发现字体小的一匹,下面就是解决的代码,.友情提示: 由于echars源代码问题只能使用 13px的字体 xAxis: { axisLabel: { // 安卓字体小 位置1 fontSize: '13', },} yAx...

原创 微信小程序echars

上班闲来无事,写点东西吧//echars x轴 type的几种类型,官网扣的'value' 数值轴，适用于连续数据。'category' 类目轴，适用于离散的类目数据，为该类型时必须通过 data 设置类目数据。'time' 时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。'log'...

原创 关于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...

原创 echars 天/周/月 x轴

首先定义下const gettime = () => { let a = new Date(); let b = a.setDate(a.getDate() + 1); let c = new Date(b); let y = c.getFullYear(); let m = c.getMonth() + 1; let d = c.getDate(); let ...

原创 全选/获取选中的id

只有代码不多比比,加油 奥~利给 $('body').on('click', '.btnOperate', function () { var flag = $(this).prop('checked'); if (flag) { $('.tab').prop('checked', true); ...

原创 pycharm怎么快速安装一个文件里的所有包

pip install -r 文件.txt

原创 页面跳转的几种方法

这里是引用window.location()是只能在一个网站中打开本网站的网页window.open()是可以在一个网站上打开另外的一个网站的地址当嵌套在页面内使用跳转时"top.location.href" 是最外层的页面跳转(即页面跳转)"window.location.href"、"location.href"是本页面跳转(内层部分单独跳转)"parent.locati...

原创 js 清空选中页面部分

$('#id').empty()// 清空选中位置的内容,防止重复往页面添加内容