河枣-优快云博客

原创 uniapp实现App弹窗更新升级（完整版）

对于没有做过App升级更新的伙伴来说，起步无非是困难重重的。原理说来简单：对比版本号，版本号低的或相等的，不作为；版本号高的，弹窗、升级。但是实际上双手放在键盘上，无从下手。笔者最开始也是这个状态，靠的是一步步摸索、调试才有了让领导较为满意的结果，虽然前前后后修改了几个版本，但总算松了口气。效果及代码展示如下：// App.jsimport config from '@/utils/config.js';import checkappupdate from '@/utils/checkap

2021-10-24 13:26:09 13359 9

原创 uniapp监听短信验证码并填入输入框

代码如下，主要代码来自于uniapp问答社区，感兴趣的可以去看看，这里仅作记录自定义一个子组件<script> export default { data() { return { body: '' } }, mounted() { this.requestLocation() }, destroyed() { console.log('children--destroyed') }, methods: { monitor(

2021-10-08 15:28:57 3255 12

原创 echarts动态显示某个省或某个市

第一张图是打开市地图之前的中国地图，为过渡效果；第二张图才是动态显示出来的广州市。其实只显示中国某个省或者某个市或是某个县，都是一样的写法，这里只写了动态显示市的！如果会省下钻和市下钻的，写起来就容易多了，只需要变化下，再多加一个定时器即可，但那样一显示出来首先是中国地图，定时器后隐藏中国地图，再显示广州市，那样看起来多少会有些不舒服，所以这就是我加个过渡效果的原因，或者也可以自己添加自定义过渡效果。在写之前得先拿到中国各大城市的json文件，放在public文件夹下然后，可复制代码！<..

2020-08-09 23:13:52 2400

原创使用echarts宽度100%变成100px问题（一招搞定）

**前言：**每个开发者在使用echarts制作图形过程中，多多少少都会踩到一些坑，比如图形宽高问题，图形清晰度问题。今天要说的是当图形宽度设置是100%时，切换tab后变成了100px了，如果已经设置了自适应，那么手动去改变浏览器屏幕的宽，会发现图形又恢复正常了。原因：切换tab时，元素本身就是存在的，只是样式被设置成display: none，那么宽高为0px；echarts对图形最小的默认为100px，所以就会出现这样的情况。解决问题过程中，在网上看到的帖子里，发现很多并不能解决到问题。比如：

2020-08-02 22:08:30 9381 1

原创前端调用微信内置地图

项目中要求使用微信内置地图，在这里记录一下！前端要做的很简单，一是调用后端接口配置appId和签名等等，二是调用微信内置位置接口，两步搞定。1.后端接口配置appId和签名等this.axios.get('/api_index/getSign', {params: {page_url: 'http:/wei/productseries'}}).then((res) => { if(res.data.code == 1) { let data = res.data.data w

2020-07-20 22:00:52 1196

原创四步学会使用ECharts做图

前言：最近有些朋友抱怨用ECharts做统计图时难做，看官网很枯噪无味头又晕，那接下来我简单说下我是怎么四步做图的，给参考参考。首先先引入安装ECarts依赖，使用webpack工具打包的可以使用命令行安装npm install echarts --save然后在局部或全部引入var echarts = require(‘echarts’)四步走：1.划分好容器，定好容器的宽高<div style="height: 500px; width: 500px;" ref="useAxis"&

2020-07-14 20:15:31 1059

原创 vue中使用分页

分页功能需求：很多数据时，一个页面展示不下，就需要在同一页面通过分页控制来查看数据列表；功能组成：列表+分页控制器实现：此处使用element-ui里的分页控制器来实现ps：element-ui的安装和引入可自行看element-ui官网代码展示1.封装公共分页控制器组件<template> <el-pagination :current-page="currentPage" layout="total, prev, pager, next, jumper

2020-07-06 22:19:36 459

原创 vue中点击滚动到指定位置，监听滚动返回选中状态

点击一个元素滚动到页面某个位置，我们可以简单通过锚点和scrollTop方法来实现。但在此处通过scrollTo方法来实现，再设置滚动行为smooth平滑滑动，让过程更加顺畅，话不多话，马上上代码！<template> <div class="wrap"> <div class="pou"> <div class="blo" :class="{'active': active1 === index}" v-fo

2020-06-29 22:39:27 1742

m0_48507640的博客