znx981912的博客

原创 uniapp实现tabBar页返回不是首页跳转首页返回

重写再按一次退出应用

原创 返回一次 退出app或小程序 不显示‘再按一次退出应用‘

监听app返回键

原创 uni小程序 系统返回提示解决

// #ifdef APP-PLUSlet main = plus.android.runtimeMainActivity();//为了防止快速点按返回键导致程序退出重写quit方法改为隐藏至后台plus.runtime.quit = function(){main.moveTaskToBack(false);};//重写toast方法如果内容为 ‘再按一次退出应用’ 就隐藏应用，其他正常toastplus.nativeUI.toast = (function(str){if(str ==

原创 高德地图测距离

不需要引入其他/* 高德地图测距离 */ getDistance(lat1, lon1, lat2, lon2) { var radLat1 = (lat1 * Math.PI) / 180; //将角度换算为弧度 var radLat2 = (lat2 * Math.PI) / 180; //将角度换算为弧度 var a = radLat1 - radLat2; var b = (lon1 * Math.PI) / 180 - (lon2 *

原创 uniapp swiper 指示点位置修改 亲测有用

只需要设置swiper的高度高于子元素swiper-item就OK 有效回来点个赞哈

原创 uniapp 导航栏右侧 文字按钮/图标按钮 阿里巴巴矢量图引入

添加代码至项目 引入css以及ttf文件→static文件夹APP.vue引入css文字不用引入外部文件 阿里巴巴矢量图需要引入先监听导航栏点击方法onNavigationBarButtonTap(e){ console.log(e); }文字{ "path" : "pages/maintenance/maintain/inventory/inventory", "style" :

原创 uniapp传参对象

传参 如果传的是对象 需要提前转字符串 接收页面parst再转对象

原创 HTML转义字符

原创 uniapp map地图

<template> <view class=""> <!-- scale Number 16 缩放级别，取值范围为3-20 min-scale Number 3 最小缩放级别 max-scale Number 20 最大缩放级别 layer-style Number/String 1 个性化地图 需要去对应地图创建项目 选择个性地图 申请key markers Array 标记点 polyline Array .

原创 uniapp nvue页面 map地图全屏设置

**nvue页面：100vh 以及百分比不可用1，可以获取当前屏幕高度 然后赋值2，也可以**<view style="flex:1;"> <map :latitude="latitude" :longitude="longitude" style="width: 750rpx;flex: 1;"></map></view>...

原创 uniapp icon标签

<icon type="success" size="15" color="red"></icon>

原创 uniapp 进度条设置

动态设置 是否动画加载 百分比同步加载1-100%文档地址<view class="progress-box"> <progress percent="100" show-info activeColor="red" active stroke-width="2" /> </view>

原创 uniapp 动态设置导航栏标题 副标题 背景图片 web-view

page-meta需要是template下第一个标签，而navigation-bar又必须是page-meta下的第一个标签文档地址<template> <page-meta :background-text-style="bgTextStyle" :background-color="bgColor" :background-color-top="bgColorTop" :background-color-bottom="bgColorBo

原创 uniapp 一个项目只能使用一个APPID

一个项目只能使用一个APPID 这时只需要登录开发者中心就会自动更改APPID了

原创 uniapp预览图片，保存图片到本地，以及关闭问题

uniapp分享转发功能实现 [需要先下载插件：地址附上](https://ext.dcloud.net.cn/plugin?id=4860#detail)/* 分享 目录为 uni_moudules/uni-share */uniShare() { uniShare.show({ content: { //公共的分享参数配置 类型（type）、链接（herf）、标题（title）、summary（描述）、image

转载 随机字符串，自定义位数，根据项目需求，多种方法随意挑选

**取值随自己需求更改** // 方法一： var randomNum = ('000000' + Math.floor(Math.random() * 999999)).slice(-6); // 方法二：随机字符，从数组的尾部选取元素6个数字 var randomNum = Math.random().toString().slice(-6); // 方法三： 四舍五入取到小数点后六位数，从数组的尾部选取6个元素

原创 uniapp 使页面处于底部

scrollTop：页面距离顶部距离pxduration：滚动动画时间毫秒（ms）

原创 uniapp小程序分包设置

原创 当前时间戳，将手机号中间四位替换为*，随机字符串，手机号验证，身份证验证

/* 当前时间戳 获取 */function timestampFn() { let timestamp = Date.now(); return timestamp;}/* 随机字符串 32位*/function generateUUID() { var d = new Date().getTime(); var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { var r =

原创 验证码倒计时

获取验证码倒计时return{ second：120}getCodeFn() { let flag = true; if (this.user.phone == '' || this.$http.isPhone(this.user.phone) == false) { this.$http.showTK({ title: '手机号为空或者验证错误', duration: 800 }); return; } else { if (this.flag) {

原创 uniapp下拉刷新设置配置

{ "path": "pages/test-drive/monopolyShop", "style": { "navigationStyle": "custom", "onReachBottomDistance":50, // "enablePullDownRefresh":true, "app-plus":{ // "titleNView":false "scrollIndicator":"none", "pullToRefr

原创 input输入框光标颜色修改

/ input输入框光标颜色修改 /caret-color:#c3002f;

原创 传参多个参数

```当然也可以传入对象uni.navigateTo({url:’/pages/maintenance/aboutOk?driveMile=’ +driveMile +‘&dlrShortName=’ +this.dlrShortName +‘&aboutTime=’ +this.aboutTime +‘&orderCode=’ +this.orderCode +‘&aboutType=’ +this.aboutType +‘&disabled

原创 禁止input输入空格

<input type=“text” value="" v-model.lazy=“user.name” placeholder=“姓名” maxlength=“6” @keyup=“user.name=user.name.replace(/[, ]/g,’’)”/>

原创 uniapp监听安卓或ios系统返回，退出小程序或关闭页面

onBackPress: function(e) {plus.runtime.quit();return true;}

原创 uniapp强制刷新页面

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar