- 博客(151)
- 收藏
- 关注
RSS订阅原创 由于应用universal link 校验不通过（ios分享）
Bundle id是你打包的时候 可以看到的填写进去，link也是在编辑器里面可以有的，填写好提交就可以了。在上拉基本信息那里去点击修改进去新的页面不用管， 下拉点击保存，下一步。下拉查看应用平台这里没有ios的，就要新增ios的。app苹果分享的时候校验不通过。这样就可以勾选新增ios的了，解决方法：登录微信开放平台。
2023-01-05 10:37:55
14763
原创 uni-app输入密码
<template> <view> <view class="u-padding-40"> <u-button type="success" @click="showPop(true)"> <u-icon name="red-packet"></u-icon> <text class="u-padding-l...
2021-11-18 11:20:51
796
原创 uni-app实现多选
<view class="times-list"> <view class="checkedNo" :class="{ checkedYes: checkedArrey.indexOf(i) != -1 }" v-for="(time, i) in classList" :key="i" @click="appointment(i)"> {{ time.name }} </view></view>classList: [{...
2021-10-19 16:07:23
1367
原创 高德和百度坐标互转
//百度坐标转高德（传入经度、纬度）function bd_decrypt(bd_lng, bd_lat) { var X_PI = Math.PI * 3000.0 / 180.0; var x = bd_lng - 0.0065; var y = bd_lat - 0.006; var z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * X_PI); var theta = Math.atan2(y,...
2021-08-17 16:22:52
1733
原创 uni-app 上传图片并压缩（uView)
<view class="" style="background: #fff;padding: 22upx 0;margin-top: 16upx;"> <view class="">拍照上传(至少一张，最多三张)</view> <view class=""> <view class="u-demo-area"> <u-upload :before-remove="beforeRemove" ref="uUpload" :ma.
2021-08-04 17:28:28
3229
4
原创 layui表格筛选列不随页面刷新重置
Layui table 自带筛选列的功能，但是这个筛选列会随着页面的刷新重置。用户第二次进入页面或者进行table手工渲染，都会使得筛选项重置。本例利用layui自带的本地储存进行筛选列的数据保存，以达到刷新页面不会重置筛选列的效果。只需要改变引入路径就可以完全运行起来的项目.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Layui</title&
2021-06-24 11:44:51
1659
2
原创 通过两个地址的经纬度计算两点间距离（km
distance(la1, lo1, la2, lo2) { var La1 = (la1 * Math.PI) / 180.0 var La2 = (la2 * Math.PI) / 180.0 var La3 = La1 - La2 var Lb3 = (lo1 * Math.PI) / 180.0 - (lo2 * Math.PI) / 180.0 var s = 2 * Math.asin( Math.sqrt( Math.pow(Math.sin(La3 / 2..
2021-06-18 18:02:57
317
原创 对象数组中根据属性值大小排序
let arr = [ {name:'a',age:23}, {name:'b',age:33}, {name:'c',age:9}, {name:'d',age:17}, {name:'e',age:25}, {name:'f',age:18},]console.log(arr);let arr2 = arr.sort(function(a,b){ return a.age-b.age})console.log(arr2);[{.
2021-06-18 18:01:09
295
原创 uni-app 将img图片转换为video视频
<!--原--><img src="src" alt="视频"><!--现--><video src="src" style="width:100%"></video><!--转换为视频后加入属性会预览视频图--><video :src="src" style="width:100%" controls :poster="src+'?x-oss-process=video/snapshot,t_0,f_jpg'"..
2021-05-19 15:47:25
1478
3
原创 uni-app 视频实现显示预览图
src视频路径为在线路径才可以<video :src="src" controls :poster="src+'?x-oss-process=video/snapshot,t_0,f_jpg'"></video>
2021-05-19 15:38:40
4006
1
原创 uni-app 跳转外部链接
A页面用uni.navigateTo跳转一个渲染外部链接的内部B页面url是文件路径。要用encodeURIComponent编码。不然路径会不完整//A页面tapdetail: function(i) {let url='http://saas.juwoxing.com/order/newpage/share/article_share.html?id='+i+'' url = encodeURIComponent(url) uni.navigateTo({ url:'softwe
2021-04-07 10:23:04
9514
1
原创 uni-app 使用u-echarts图表插件步骤（圆环）
一、去插件市场下载插件：https://ext.dcloud.net.cn/plugin?id=271二、把components和static里面的文件复制到自己的项目中三、使用：<template> <view class="qiun-columns"> <view class="qiun-charts" > <!--#ifdef MP-ALIPAY --> <canvas canvas-id="canvasRing
2021-03-18 17:32:35
4406
5
原创 uniapp上传图片转base64码（APP端，微信端）
插件地址：https://ext.dcloud.net.cn/plugin?id=123代码：注意点 引入的时候 必须是对象{}引入 不可删除 否则会报错：(0 , _index.default) is not a function<template> <view> <view @click="chooseImg">拍照</view> <view v-if="imgList.length > 0"> <...
2021-03-09 15:24:03
1295
原创 uni-app自定义导航栏返回路径
onBackPress(e){ console.log("监听返回按钮事件",e);//正常返回页面 uni.navigateTo({ url:"../service/service" })//返回主页面tabBaruni.switchTab({ url:"../service/service"}) // 此处一定姚要return为true，否则页面不会返回到指定路径 return true;}当用户进行以下操作时，会触发该函数： Android 实体返回.
2021-03-03 15:33:51
6358
1
原创 uni-app 自定义导航栏图标+文字（二）
page.json:{ "path": "pages/visit/addvisit/addvisit", "style": { "navigationBarTitleText": "添加拜访", "navigationBarBackgroundColor": "#f7ca44", "navigationBarTextStyle": "black", "titleNView": { "buttons": [{ "text": "发送", "fontSi...
2021-02-20 15:53:20
1943
1
原创 uni-app 通过本地经纬度获取详细地理位置
uni.getLocation({ type: 'wgs84', success: function(res) { console.log('当前位置的经度：' + res.longitude); console.log('当前位置的纬度：' + res.latitude); var point = new plus.maps.Point(res.longitude, res.latitude); plus.maps.Map.reverseGeocode( point, {.
2021-02-20 11:03:21
2460
1
原创 uniapp上传图片转base64码（PC端）
uni.chooseImage({ count: 9, success: res => { this.imageList = this.imageList.concat(res.tempFilePaths); console.log(res); // this.tempFilePaths = res.tempFilePaths[0]; this.urlTobase64(res.tempFilePaths[0]); .
2021-01-21 17:33:12
500
原创 数组搜索模糊查询（四）
被搜索的数据类型为数组包数组包对象,如：//数组模糊搜索 row--val值 arr--数组数据function serarr(row,arr){ var zrow = []; for(var i=0;i<arr.length;i++){ var crow = []; for(var k=0;k<arr[i].length;k++){ var row1 = arr[i][k].pid; if(row1.indexOf(row)>=0){ c
2020-12-09 16:54:18
1152
原创 Duplicate keys detected: ‘0‘. This may cause an update error. 解决办法
<view class="" v-for="(bind, bindex) in ite.bindcar" :key="bindex"> <view class="" style="font-weight: bold;">{{bind.auto_text}}</view> <view class="param" v-for="(param, pindex) in bind.param_texts" :key=...
2020-10-27 14:42:23
862
原创 nvalid prop: type check failed for prop “index“. Expected String with value “5“ 解决办法！
原来是elementUI的：index字段为字符串格式，后台数据为num格式，格式警告，格式转换，问题解决！提示的问题：是数据不匹配，传数的是Number类型 ，而组件需要的是String类型在这里，需要对数据类型进行强制转换即可，用String()强转。:value="ites.value_id" 改为：:value="String(ites.value_id)"...
2020-10-27 11:24:31
2064
原创 app端input输入框 type=“number“需要输入小数
<input type="" value="" />type属性值：number：数字键盘（无小数点）idcard：数字键盘（无小数点、有个 X 键）digit：数字键盘（有小数点）
2020-10-06 10:46:57
535
原创 uni-app 监听窗口尺寸变化事件和隐藏键盘
监听窗口尺寸变化:如App端设置软键盘弹出方式为adjustResize ，则在键盘弹出时，会触发此事件。 横竖屏切换时，会触发此事件uni.onWindowResize(CALLBACK)uni.onWindowResize((res) => { console.log('变化后的窗口宽度=' + res.size.windowWidth) console.log('变化后的窗口高度=' + res.size.windowHeight)})uni.offWind
2020-09-25 10:12:38
3893
原创 uni-app 软键盘顶起底部fixed定位的输入框
当点击input框时，软键盘弹出，把fixed定位的输入框向上推起，给input框设置：:adjust-position="true" 即可<view class="cu-bar search bg-white" style="position: fixed;left: 0;bottom: 0;width: 100%;z-index: 9999;" > <view class="search-form"> <input :adjust-position="tru..
2020-09-25 09:51:26
5293
原创 uni-app 中uni.navigateBack 跳转方法 返回上一页携带参数
//A页面data() { return { sercode: "CQHY" }},methods: { tapcode: function() { uni.navigateTo({ url:'../code/code' }); }} // B页面 let pages = getCurrentPages(); //获取所有页面栈实例列表 let nowPage = pages[ pages.length - 1]; //当前页页面实例 let ..
2020-09-23 16:28:07
7611
原创 uni-app 动态更改导航栏标题title
需要达到点击A页面得到库位，跳转到B页面更改B页面的导航栏标题实现：onLoad(op) { // 动态更改标题 console.log(op.number); uni.setNavigationBarTitle({ title:op.number })},
2020-09-17 16:05:09
7527
原创 uni-app 实现锚点跳转方法
核心代码：//从当前位置到达目标位置uni.createSelectorQuery().select('.comment-content').boundingClientRect(data=>{//目标位置的节点：类或者id uni.createSelectorQuery().select(".arc-content").boundingClientRect(res=>{//最外层盒子的节点：类或者id uni.pageScrollTo({ ...
2020-09-16 17:10:00
4410
原创 uni-app 自定义导航栏图标+事件（一）
一、阿里巴巴矢量图选出自己想要的图标：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2添加到自己的项目里，下载至桌面二、将解压好的项目打开，将两个文件复制到自己项目的static文件夹中：三、在page页面去使用"titleNView":{ "type":"default", "buttons":[{ "text": "\ue618", "fontSrc": "/static/fo..
2020-09-16 14:15:30
1596
原创 uni-app 列表消息滚动的实现
一、插件下载地址：https://ext.dcloud.net.cn/plugin?id=1179二、将插件里面的common文件复制到自己项目中去，在自己项目中App.vue中引入css（@import 'common/uni.css';）三、将tony-scroll.vue实例复制到自己项目页面去使用即可得到滚动效果示例代码：<template> <view class="home"> <view class="list uni-flex uni..
2020-09-15 16:09:09
8429
2
原创 uni-app 使用echarts图表插件步骤（柱状）
一、去插件市场下载插件：https://ext.dcloud.net.cn/plugin?id=1668二、把components和static里面的文件复制到自己的项目中:（如果你的图表不显示，肯定是忘记了static文件的js）三、使用：<template> <view> <echarts :option="option" style="height: 300px;" @click="echartsClick"></echarts>
2020-09-14 11:47:21
4962
15
原创 uni-app npm方法安装使用
一、打开对应项目的调试命令窗口1.电脑左下角搜索cmd，点击命令提示符，输入cd+空格+项目地址，回车就可以了：2.在当前目录下"shift+鼠标右键"，点击“在此处打开Powershell窗口”：二、输入命令初始化npmnpm init -y三、安装包npm install @dcloudio/uni-ui四、引入使用1.全局安装：在main.js中：import {uniBadge} from '@dcloudio/uni-ui'2.本地安装：.
2020-09-10 17:25:43
20742
4
原创 微信公众号的配置项
1.一定要引入微信的线上js<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript" charset="utf-8"></script>2.使用wx的功能要配置参数才可以使用jsApiList: ["updateAppMessageShareData","updateTimelineShareData","openLocation","chooseWXPay"].
2020-08-12 16:08:01
462
原创 微信公众号获取定位地图（有经纬度）
先配置参数：jsApiList: ["openLocation"]// 获取微信配置function getconfig(){ var urls = location.href; $.ajax({ url: "http://saas.juwoxing.com/order/api.php?s=/api/share/getSignPackage", type: "get", dataType: "json", data:{ url:urls, }, succe.
2020-08-12 16:03:18
2868
原创 微信公众号h5支付功能
首先要配置参数：jsApiList：["chooseWXPay"]// 获取微信配置function getconfig(){ var urls = location.href; $.ajax({ url: "http://saas.juwoxing.com/order/api.php?s=/api/share/getSignPackage", type: "get", dataType: "json", data:{ url:urls, }, succes
2020-08-12 16:01:00
315
原创 微信公众号分享到朋友 朋友圈
首先哈，我用的是uni-app写的代码，把分享也写在项目里不行，会报错，跨域问题 ，可能有解决方法，但目前我没有解决，希望能解决的可以告诉我方法然后用了另外一种方法，就是单独建个项目，建个H5页面，用原生写，说一下顺序：1.Sharing项目中有个点击事件，访问接口得到一个参数，跳转h5项目中的授权页cc.htmltapshare:function(id,i){ var _self = this; uni.request({ url: "http://saas.juwoxing.c
2020-08-12 15:56:02
672
原创 微信公众号授权方法
export default { data() { return { openid:'', } }, onLoad(op) { if(op.open_id!=undefined && op.open_id!=''&& typeof(op.open_id) != 'undefined'){ this.openid=op.open_id this.$openid.setTest(this.openid) }else{ this.op.
2020-08-12 15:35:22
812
原创 uni-app 二维码生成（链接转二维码）
// 引入二维码库 import QR from "../../utils/wxqrcode.js" // 二维码生成器 let img = QR.createQrCodeImg('生成的内容', { size: parseInt(300)//二维码大小 })插件下载地址：https://ask.dcloud.net.cn/article/34931注意！！：uni-app 生成二维码时一旦生成二维码的字符串长度大于一定字节数会报错 gen()这个方法未定义方法一：.
2020-07-30 15:35:43
7653
2
原创 uni-app获取当前系统年月日：2020-07-01
使用new Date()方法获取系统今天的日期，显示格式为：2020-07-01<template> <view class="content"> {{date}} </view></template><script> export default { data() { return { date: new Date().toI
2020-07-01 14:04:40
8354
2
原创 uni-app 点击按钮回到顶部
参考官方文档：https://uniapp.dcloud.io/api/ui/scroll?id=pagescrollto<button type="primary" @click="tapscroll">回到顶部</button>tapscroll:function(){ uni.pageScrollTo({ scrollTop: 0, duration: 300 })}
2020-06-17 10:12:38
3419
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人