现在几点，开心一点-优快云博客

关于移动端APP 键盘弹出来后，背景图片少一截的解决方法：<template> <div id="app" :style="{ height: bodyHeight + 'px' }"> <router-view :key="index" /> </div></template><script>export default { name: 'App', data () { retur

2022-01-19 13:21:29 163

原创 Easyplayer关于部署到服务器上之后H265视频播放不了

Easyplayer关于部署到服务器上之后H265视频播放不了分析：.wasm文件需要放在项目根目录下，不仅放在前端项目代码的根目录下，在打包之后也是要将.wasm文件放到根目录下解决：将.wasm文件放到dist文件夹的根目录下发给后端部署得以解决...

2021-11-29 16:45:32 1126

要从根据登录的角色实现左图到右图的动态底部导航栏先讲一下常规操作在app.json里添加，这是固定的tabbar "tabBar": { "color": "#999", "backgroundColor": "#fafafa", "selectedColor": "#333", "borderStyle": "white", "list": [{ "text": "首页", "pagePath": "pages/home/ma

2021-11-22 09:34:48 193

原创切换van-tab选项卡里echarts显示不正常问题

第一个echarts可以正常显示，切换完tab之后，第二个tab里的echarts就无法正常显示了，查了资料得到了两种解决方案第一个简单的方法就是：使用v-if在点击第二个选项卡的时候将其echarts显示<van-tabs class='tabs' v-model="activeName" nav-class="tab_class" color='#2F80F6' title-active-color="#2F80F6" title-inactive-color="#333333...

2021-10-27 14:48:27 1505 1

原创 vue安装vue-awesome-swiper@3实现图片列表缩略图双向控制效果

npm install vue-awesome-swiper@3 --save-dev安装时一定要有版本，否则安装完成后极大可能会报错main.js文件全局引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper/*{defaultoptionswithglobalcomponent}*/)页面就可以...

2021-10-24 12:03:23 1269 3

原创 mpvue-echarts柱状图数据偏少时不自适应拉开柱子间距

UI设计图是这样的，放6个数据，但是调接口时，数据偏少时，echarts就会自适应加大柱子之间间距，3个数据时看着还好，一条两条数据时它自己在空白区域居中或者分散就比较单调稍微影响美观，这时想让图表展示出从上向下不扩大间距的依次排列，怎么办呢？百度上竟然没百度出来有什么属性来控制，那就只能自己创造条件来实现了调完接口，给数组赋值时，判断如果没有达到6个数据时就push空字符串，这样就出来了想要的效果了。 if (this.flowRankData.typeName.length &l.

2021-10-22 09:42:07 1417 1

转载用vantweapp组件库写带显示隐藏功能的密码输入框出现的bug

mpvue写小程序时，用vantweapp组件库写带显示隐藏功能的密码输入框。使用van-field的type属性时，会出现在失焦情况下显示隐藏失效问题。解决：修改为password属性控制显示隐藏的方法

2021-10-14 09:42:37 1039

原创设置数字串动态滚动效果

HTML代码段 <div class="data"> <span>今日入区车辆</span> <div class="box-item"> <li v-for="(item, index) in orderCarsNum" :key="index" :class="{ 'number-item': !isNaN(item), 'mark-item': isNaN(ite

2021-07-08 11:23:10 190

原创 svgIcon封装

main.js文件引入import '@/icons' // api: http://www.iconfont.cn/public文件夹下 index.html <link rel="icon" href="<%= BASE_URL %>favicon.ico">components文件夹 --> 新建SvgIcon文件夹 --> index.vue文件<template> <div v-if="isExternal

2021-07-08 10:26:19 266

原创 el-import 上传.xls或.xlsx文件

<template> <el-upload ref="upload" class="upload" :headers="{ token: token }" :action="upLoadUrl" :before-upload="beforeUploadFile" :on-change="fileChange" :on-remove="handleRemove" :on-success="imgSuccess" :f

2021-07-08 09:52:08 476

原创 vue-elementui表格封装

效果图呈上表格组件封装eltable.vue<template> <div class="table">  <el-table id="iTable" ref="mutipleTable" v-loading.iTable="

2021-07-08 09:46:27 299 1

原创 vue+elementui 表单封装

表单组件封装 elForm.vue文件<template> <el-form ref="form" :inline="inline" :label-width="labelWidth" class="datafill-elform" :model="baseData" :rules="rules" @keyup.enter.native="dataFormSubmit(baseData)" > <el-

2021-07-08 09:27:54 555 1

原创下载安装包调接口写方法

下载安装包调接口写方法

2021-04-26 09:44:09 117

转载 vue封装图片放大镜

vue封装图片放大镜参考地址：https://blog.youkuaiyun.com/weixin_41192489/article/details/111567135下面是封装的vue组件components<template> <div style="display: flex;position: relative"> <div class="box" :style="minImgBoxStyle" @

2021-04-07 09:44:59 183 1

原创 echarts 折线图中有两条线，在鼠标悬停时显示数据

echarts 折线图中有两条线，在鼠标悬停时显示数据tooltip:{ trigger:'item', show:true}trigger:‘item’,这个属性效果图如下：tooltip:{ trigger:'axis', show:true}trigger:‘axis’,这个属性效果图如下：![鼠标悬停时分别显示两条线的x轴和y轴数据]](https://img-blog.csdnimg.cn/20210331095239136.png?x-oss-process=im

2021-03-31 09:55:01 3121

原创 echarts 折线图阴影去除及只有一个点时显示该点

echarts 折线图阴影去除及只有一个点时显示该点阴影去除是将所有的含有shadow的属性都删掉 shadowColor、shadowBlur、shadowOffsetY等只有一个点时也要显示出来这个点，解决思路：将这个折线图表上的所有数据点都给显示出来，这样在只有一个数据的情况下，也是有点显示的，不然图表将是空白的图表。...

2021-03-30 12:30:49 4456

原创两个按钮增加联动性

两个按钮增加联动性需求：控制弹窗按钮开时声音按钮也开；声音开时弹窗按钮必须开解决思路：使用@change方法，获取到当前按钮的当前状态，

2021-03-30 12:27:00 329

原创 vue-Element 日期时间选择器中只精确到小时

vue-Element 日期时间选择器中只精确到小时解决方案:data-format:”yyyy-MM-dd HH” 如果不行，就再在css里加样式：<style>/* 选择时间时去掉分钟样式 */.el-time-spinner__wrapper{ width:100% !important;}.el-scrollbar:nth-of-type(2){ display: none !important; }</style>...

2021-03-30 12:24:36 2296 3

原创没有可视化权限的用户点击可视化按钮会跑到404页面

没有可视化权限的用户点击可视化按钮会跑到404页面解决：没有权限的用户登录进来时将可视化按钮隐藏登录时在路由守卫里将用户发的权限信息存在了sessionStorage里在写这个可视化按钮的页面提取sessionStorage里的用户权限，用数组.find方法和.indexOf方法data里isShow:true...

2021-03-30 12:21:38 59

原创 F5刷新之后跑到首页去了，应当停留在本页面

F5刷新之后跑到首页去了，应当停留在本页面解决：可能是由于路由守卫里面，刷新之后重定向了个router.push({name:“index”}),把这个重定向给去掉用路由守卫在控制台打印 from 若为null那么就用下面的方法：将当前页面的路由存在cookie里；然后将路由重定向为当前页面，即router.push（{path:nowpage}）...

2021-03-30 12:18:42 3794

原创文件上传时不符合限制的文件后缀也出现在上传的列表里

文件上传时不符合限制的文件后缀也出现在上传的列表里写在before-update(){}钩子函数里虽然不会调用上传文件的接口，但是会出现在文件列表里解决方案就是写在fileChange(){}钩子函数里。// 文件状态改变时的钩子 fileChange(file, fileList) { this.hideUpload = fileList.length >= this.limitNum this.fileList.push(file.raw) // 解决

2021-03-30 12:09:42 525 1

原创浏览器返回上一页页面出现异常，导航栏没有同步返回的情况

浏览器返回上一页页面出现异常，导航栏没有同步返回的情况 <div v-if="isShow" class="home-icon"> <router-link to="/opex-device-info"> <svg-icon icon-class="opex" /&

2021-03-30 12:06:03 301

原创克隆代码及代码提交

从gitlab远程仓库克隆代码到本地新建一个文件夹右键 git bash here 此处默认已经安装 git （直接去git官网下载最新版git安装包安装即可）克隆代码之前，你需要有gitlab账号，成为项目组的成员，需要配置ssh秘钥，百度一下也就几行代码，粘贴到gitlab上点击右上角头像Settings->SSH KEYS里就好。git clone http://…(代码地址）克隆代码到本地git pull将代码提交到gitlab远程仓库(github也是同样的步骤)

2021-03-19 16:26:20 789

原创解决微信公众号H5页面ios上可以左右晃动的bug

解决微信公众号H5页面ios上会左右滑动的bug APP.vue里页面 **body{-webkit-overflow-scrolling:touch;} 一级子元素{ming-height:101%;}** 解决下拉加载一次却请求多次接口正常请求一次接口之后又OPTIONS跨域请求了一次，虽然OPTIONS请求耗时才3ms左右，但是对于前端页面上会有请求一次接口弹出一个返回结果的弹出窗toast的情况下，很是影响页面的视觉效果。解决：首先对于不能正常请求的情况

2021-03-19 13:24:49 1695

weixin_47581490的博客

原创拖拽-改变div高度-自定义dragging.js方法

原创 js 平滑回到顶部

原创字符串的加密与解密

原创控制输入框只能输入数字，并在提交时转为int类型

原创过滤器filter的使用

原创 Vue 中 wangEditor 富文本编辑框的使用

原创 el-select 结合el-tree树形结构下拉框的封装使用

转载 vue写移动端适配rem

转载 js 小数位不够的用0补足位数方法

转载安卓APK原生云打包操作过程

转载关于移动端APP 键盘弹出来后，背景图片少一截的问题解决