杨葱儿-CSDN博客

原创 uni 禁止滚动事件

【代码】uni 禁止滚动事件。

2023-02-10 10:47:29 221 1

原创 uniapp滚动到底部事件

【代码】uniapp滚动到底部事件。

2023-01-17 15:34:48 656

原创由于应用universal link 校验不通过（ios分享）

Bundle id是你打包的时候可以看到的填写进去，link也是在编辑器里面可以有的，填写好提交就可以了。在上拉基本信息那里去点击修改进去新的页面不用管，下拉点击保存，下一步。下拉查看应用平台这里没有ios的，就要新增ios的。app苹果分享的时候校验不通过。这样就可以勾选新增ios的了，解决方法：登录微信开放平台。

2023-01-05 10:37:55 10965

原创 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 706

<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 1238

原创高德和百度坐标互转

//百度坐标转高德（传入经度、纬度）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 1667

原创 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 2947 4

原创 layui表格筛选列不随页面刷新重置

Layui table 自带筛选列的功能，但是这个筛选列会随着页面的刷新重置。用户第二次进入页面或者进行table手工渲染，都会使得筛选项重置。本例利用layui自带的本地储存进行筛选列的数据保存，以达到刷新页面不会重置筛选列的效果。只需要改变引入路径就可以完全运行起来的项目.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Layui</title&

2021-06-24 11:44:51 1519 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 230

原创对象数组中根据属性值大小排序

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 257

原创 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 973 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 3825 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 9401 1

原创 uni-app 使用u-echarts图表插件步骤（圆环）

一、去插件市场下载插件：https://ext.dcloud.net.cn/plugin?id=271二、把components和static里面的文件复制到自己的项目中三、使用：<template> <view class="qiun-columns"> <view class="qiun-charts" >  <canvas canvas-id="canvasRing

2021-03-18 17:32:35 3884 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"> &lt...

2021-03-09 15:24:03 1209

原创 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 6085 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 1829 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 2359 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 406

原创数组搜索模糊查询（四）

被搜索的数据类型为数组包数组包对象,如：//数组模糊搜索 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 1066

原创 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 818

原创 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 1967

原创 app端input输入框 type=“number“需要输入小数

<input type="" value="" />type属性值：number：数字键盘（无小数点）idcard：数字键盘（无小数点、有个 X 键）digit：数字键盘（有小数点）

2020-10-06 10:46:57 466

原创 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 3609

原创 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 4766

原创 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 7507

原创 uni-app 动态更改导航栏标题title

需要达到点击A页面得到库位，跳转到B页面更改B页面的导航栏标题实现：onLoad(op) { // 动态更改标题 console.log(op.number); uni.setNavigationBarTitle({ 　　title:op.number })},

2020-09-17 16:05:09 6958

原创 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 4203

原创 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 1493

原创 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 8207 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 4579 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 20027 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 396

原创微信公众号获取定位地图（有经纬度）

先配置参数：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 2706

原创微信公众号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 272

原创微信公众号分享到朋友朋友圈

首先哈，我用的是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 532

原创微信公众号授权方法

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 768

原创 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 7482 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 7849 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 3348

空空如也

空空如也