lixiaohua66的博客

原创 uniapp 在app中获取经纬度

准确获取经纬度

原创 uniapp webview嵌套h5之间的通信

nvue页面：@onPostMessage方法能实时通讯，必须要在nvue页面中，vue页面中@message只能在特定的时机才能触发；注意：无论是否是uniapp的h5页面 都要重新引入该文件，直接使用uni.postmessage无效；

原创 uniapp 使用echarts

能兼容app。

原创 修改原生滚动条样式

1

原创 vue2搭建项目流程

1

原创 uniapp 解决map覆盖不了问题

使用subnvue页面1.在pages.json里面注册页面{ "path": "xxx", "style": { // "navigationBarTitleText": "任务" "app-plus": { "titleNView": false, "subNVues": [{//地图详情窗体 ...

原创 vue 使用vue-amp给地图添加点标注，鼠标移入移出显示和隐藏对应的弹框

1.安装npm install vue-amap --save2.在main.js文件中引入import VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: '40804db8586c2c1e8fa23b7541a6ebe2', plugin: ['AMap.Geolocation','Geolocation','AMap.DistrictSearch'],//按需引入 // 默认高德...

原创 vue 通过url下载pdf文件

试过了各种a标签以及blob对象都下载不成功最后找了个插件download.jsGitHub - rndme/download: file downloading using client-side javascript1.npm install downloadjs2.import download from 'downloadjs'3.download(url，'/test.pdf')...

原创 记录：数组对象按属性分组

原创 pre标签导致打印页面出现大片空白

1.给存放的容器添加以下css.pcol{white-space: pre-wrap;word-wrap: break-word;word-break: break-all;}2.打印的时候把pre标签替换成div等你需要的标签：$("pre").each(function(){ $(this).replaceWith("<div class='pcol'>"+$(this).html()+"</div>")});//打印触发...

原创 idea 设置右上角的svn更新和提交图标

idea有时候有些项目右上角的svn的更新和提交按钮找不到 分几种情况：1.在vcs--checkout..--选择svn即可；（没找到图片，但是大致是这样子操作的）2,。如上图中 若找不到svn选项，则在setting---plugins --搜subversion，检查是否安装了svn，如果没有，则安装，有则看下面的3.3.还是找不到的话 可以在下面找：选择subversion后即可在右上角看到图标了...

原创 小程序 Vue-Quill-Editor编辑器的内容在小程序显示样式丢失

1.先在编辑器的quill文件夹中找到css文件，一共3个，quill.bubble.css、quill.core.css、quill.snow.css，把css改为wxss后缀；同时把文件中含有* 等报错的代码注释，因为小程序识别不了*2.在wxss中添加引入：@import './quill.bubble.wxss';@import './quill.core.wxss';@import './quill.snow.wxss';3.下载wxParse插件 在wxml页面引入文件：...

原创 小程序 vue 监测屏幕滑动事件

1.在你需要监听的块外增加监听遮罩层，包含待监听块在内<view bindtouchstart="touchStart" bindtouchend="touchEnd"> <!--待监听功能模块--></view>2.在data中定义touchx和touchy数值3.在method： touchStart(e) { console.log(e) var that = this; that.setData...

原创 vue 平铺式日历--在原基础上增加小圆点功能

原插件效果：需求效果：由于原插件无小圆点功能，所以增加了一个小圆点数组属性，另外注意，由于是vue，修改插件会比较麻烦，所以本人把插件单独作为组件放到component里面引入，而非直接下载使用。使用的插件：vue-material-year-calendar(可自行在GitHub搜步骤）以下步骤，按需求更改过，红色框为自己添加内容）使用步骤：1.安装插件：npm install vue-material-year-calendar --save2.导入插件：im

原创 vue 多层嵌套el-checkbox-button v-model绑定动态传值index后无法显示

问题：当给el-checkbox-group双向绑定加上index后 选项不显示解决：　Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。然而它可以使用Vue.set(object, key, value)方法将响应属性添加到嵌套的对象上...

原创 vue div可编辑contenteditable=“true“时 如何双向绑定

<div contenteditable="true" v-html="content" @input="content=$event.target.innerHTML"></div>

原创 js 往数组中指定位置插入元素

var a= [1,2,3]a.splice(0,1,'xx')//0是索引，1是个数，3是元素输出[xx,1,2,3]

原创 js 把一个数组加入一个数组中

parentArr: [ { childrenArrs: [ { mixArr: '2' }, { mixArr:'2' }, ] },

原创 小程序 时分-时分选择器

找了很久的时分-时分选择器 刚接触小程序 写的不多 还在学习中 在其他大神的博客上学习的 现记录一下wxml：<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"> {{multiArray[0][multiIn...

原创 小程序 年月日时分 插件

index.wxml:<viewclass='address'><templateis="mars"data="{{selectRole:'A',step:0}}"></template><pickerYMDHMbind:onPickerChange="onPickerChange4"date="{{endedTime}}"></pickerYMDHM></view>(图片仅为看得更清晰一点...

原创 highcharts 自定义y轴标签 返回的数据太接近导致出现多个相同标签

思路：定义一个变量 当formatter循环遍历的时候 判断是否满足条件 第一次进入记录变量 显示y轴名称，再进入则退出；var flag1 = falseformatter: function () { // 2021/5/21 ly 只显示一个y轴标签 记录变量，判断是否有 没有就显示 有就返回 if (this.value >0 && this.value <= 0.5 ) { if(flag1 == false)...

原创 解决echarts宽度为百分比时，初始化的宽度始终默认为100px

解决办法 ：加载或者是点击加载的时候重置一下图表即可；weekChart.resize()

原创 js调用浏览器打印功能

functiondoPrint() {//取得浏览器的userAgent字符串bvar userAgent = navigator.userAgent.toLowerCase();if(userAgent.indexOf("trident") > -1 || userAgent.indexOf('msie') > -1) {alert("请使用google或者360浏览器打印");...

原创 用css设置小程序fixed固定底部栏适配iphonx系列底部刘海

wxml：外面套一层<viewclass="pagepage--with-footer">...//底部固定区域<viewclass="btns"><viewclass="signs">报名</view></view></view>css:.btns{width:100%;position:fixed;left:0;bottom:0;...

原创 小程序自定义导航 并适配

https://my.oschina.net/u/4370809/blog/4680659

原创 el-table 回显勾选

1.row-key作为勾选的标识 一般为id 根据table中对应的id命名，而:reserve-selection也必须添加2.通常在获取table后 遍历table获取对应勾选项目，使用该语句进行回显。toggleRowSelection(that.form.tableData[i],true) 第一个参数为勾选项的下标...

转载 vue el-select 既可以下拉选择 也可以手动编辑

转载于：https://blog.csdn.net/sunshineTing2/article/details/108978675

原创 vue 获取的富文本编辑内容，回显在前端

/***@msg:html反转义*/exportfunctionhtmlDecode(text){lettmp=document.createElement('div')tmp.innerHTML=textconstoutput=tmp.innerText||tmp.textContenttmp=nullreturnoutput}

原创 vue el-tabs下的子页面点击跳转到其它子页面

需求：在子页面first，点击按钮跳转到子页面thirdel-tabs所在的页面：data () { return { activeName: 'first', }},点击按钮的页面js：

原创 vue el-select可多选可单选 选择全部后不能选择其他；其他可多选

<el-select size="middle" clearable v-model="form.ground" @change="handlePlat" placeholder="请选择小组" filterable multiple style="width: 400px;"> <el-option label="全部" value="全部"></el-option> <el-option v-for="(item, index) in ground.

原创 vue el-table 导出excel表格

1：安装依赖：npminstall--savexlsxfile-saver2：引入：import FileSaverfrom'file-saver'import XLSXfrom'xlsx'3：给table加个id：xx4：exportExcel () { /* generate workbook object from table */ var xlsxParam = { raw: true } // 导出的内容只做解析，不进行格式转换 ...

原创 vue 模拟下拉框的箭头动画（展示或隐藏）

<img :class="{ 'arrowTransform': !flag, 'arrowTransformReturn': flag}" src="arrow.png" alt="" @click="flag = !flag">data(){ return { flag : false, }} .arrowTransform{ transition: 0.2s; transform-origin: center; transform...

原创 让图片在相册范围内等比缩放 不变形

function scalingImg(obj){ var $this = $(obj); var imgWidth=$this.width(); var imgHeight=$this.height(); var parent = $this.parent(); var containerWidth = parent.width(); var containerHeight=parent.height(); var containerRati.

原创 搭建vue的基本步骤

vue项目搭建步骤vue-cli初始化1. 全局安装 vue-clinpm install --global vue-cli2. 创建一个基于 webpack 模板的新项目vue init webpack my-project3. 安装依赖cd my-projectnpm install (换源安装: npm install --registry https://registry.npm.taobao.org )4.启动：npm run dev5.打包：npm run bu.

原创 highcharts 横坐标只显示整点或者半点的刻度

思路：获取判断是否是整点的时间 是整点或者半点，则labels显示，反之隐藏；x轴请求的数据如下：====timelist====04:55,05:00,05:05,05:10,05:15,05:20,05:25,05:30,05:35,05:40,05:45,05:50,05:55,06:00,06:05,06:10,06:15,06:20,06:25,06:30,06:35,06:40,06:45,06:50,06:55,07:00,07:05,07:10,07:15,07:20,07:25,.

原创 截取替换指定字符串

varmade_on=ctx+'/fornt/img/xuanzhong_icon2x.png',made_off=ctx+'/fornt/img/xuanzemore_icon2x.png';$('.made_li').on('click',function(){varmadeSrc=$(this).find('.made_img').attr('src...

原创 上传图片并预览 限制个数

html：<div class="img-up"> <!--上传的图片--> <div class="imgbox"> <!--<div class="imgContainer">--> <!--<img src="img/signin_bg.png" class="loa...

原创 vue+elementui 下拉框二级联动

vuescript:data(){return{},methods:{}

原创 highcharts 数值为空 不中断并且以虚线展示

series: [{ data: [29.9, null, null, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], zoneAxis: 'x',//设置分区 connectNulls:true,//连接空值 zones: [{ va...

原创 高德地图 绘制边界

//绘制边界function drawBounds(qname,rank,map,fitView) {//qname 区 rank行政级别(district区,city市,province省,country国) //AMap.service('AMap.DistrictSearch', function() { //加载行政区划插件 //实例化Distri...