![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
小郑!
这个作者很懒,什么都没留下…
展开
-
uni-app实现页面滚动到指定位置
uni-app实现页面滚动到指定位置uni.createSelectorQuery().select(".content").boundingClientRect(data=>{//目标节点、也可以是最外层的父级节点 uni.createSelectorQuery().select(".box1").boundingClientRect((res)=>{//最外层盒子节点 uni.pageScrollTo({ duration:0,//过渡时间必须为0,uniapp b原创 2022-03-24 13:58:47 · 9145 阅读 · 0 评论 -
uni-app小程序分享
uni-app小程序分享(全局)在common文件下share.jsexport default { data() { return { share: { // 转发的标题 (默认标题) title: '', // 默认是当前页面,必须是以‘/’开头的完整路径 path: '', //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径, //支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4原创 2022-03-21 16:42:07 · 1422 阅读 · 0 评论 -
uniapp调用第三方地图
uniapp调用第三方地图uni.getLocation({ type: 'wgs84', success: function (res) { console.log('当前位置的经度:' + res.longitude); console.log('当前位置的纬度:' + res.latitude); let longitude=res.longitude let latitude=res.latitude原创 2022-01-18 09:36:04 · 1976 阅读 · 0 评论 -
uni-app实现纵向滑动和横向滑动
uni-app实现纵向滑动和横向滑动 <text>纵向滚动</text> <view> <scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper" @scrolltolower="lower"原创 2021-12-01 15:26:15 · 3681 阅读 · 0 评论 -
uni-app获取DOM元素
uni-app获取DOM元素 uni.createSelectorQuery().select('#reasonSelf') uni.createSelectorQuery().select('.class类名') 如果有许多相同类名的 let doms=uni.createSelectorQuery().selectAll(‘.class1’) doms.fields({ rect:true, //是否返回节点布局位置信息{left,top,right,bottom} siz原创 2021-11-24 13:50:42 · 22222 阅读 · 0 评论 -
uniapp获取openid
uniapp获取openidwx.login({ success: function(res) { console.log('resCode', res) //发起网络请求 wx.request({ url: 接口地址, data: { code: res.code }, success: res => { conso原创 2021-11-08 14:42:25 · 2019 阅读 · 0 评论 -
uni-app实现微信小程序支付
uni-app实现微信小程序支付 var data = { 'out_trade_no': 订单号, 'WIDsubject': 商品名字, 'WIDtotal_fee': 价格, 'openid': openid, 'appid': 'APPID', 'callBackUrl': 'url地址', }; console.log('支付data',data) GetServerData('/webserv原创 2021-11-08 14:39:11 · 983 阅读 · 0 评论 -
uniapp动态修改页面的标题
uniapp动态修改页面的标题第一种方法 { "path": "pages/login/login-form", "style": { "navigationStyle": "custom" //自定义头部 } }, 第二种方法 onLoad(options) { console.log('options',options) this.name=options.name this.label=options.label uni.se原创 2021-11-03 15:32:28 · 15657 阅读 · 0 评论 -
uniapp分包
uniapp分包最近写小程序发现上传报错,,提示包过大,无法编译通过。分包能减小体积分包新建分包pages.jsonpages.jsonmanifest.json静态资源(图片)图片必须是放在static下面分包的文件按照图片地址引入就OK,分包后效果这样每个包都没有超过2M,就可以上传了...原创 2021-10-28 10:13:27 · 365 阅读 · 0 评论 -
uni-appJSON数组根据任意两条数据去重
uni-appJSON数组根据任意两条数据去重 var newArr=[ {FILENAME: "1464938237417052129_1.jpg",FILEPATH: "https://img.tolandhealth.cn/upload/prodImage/EA000023/000000023879/",FLAGS: false,PRODNAME: "北京朝阳医院入职健康体检",PRODUCTID: "8152625980672000100001",RACKTYPE: 1,SKUID: "81原创 2021-10-18 09:39:02 · 990 阅读 · 3 评论 -
uni-app适配刘海屏问题
uni-app适配刘海屏问题先看问题解决后在css里面添加样式 padding-top: var(--status-bar-height); //是计算状态栏的高度 padding-top: calc(var(--status-bar-height) + 13px);//如果不可以可以按照这个加或者减一些高度...原创 2021-10-13 15:21:12 · 1973 阅读 · 1 评论 -
uni-app实现type=file并且实现图片上传
uni-app实现type=file并且实现图片上传<view class="btn-choice-pic" ref="input"> <view class="" @click="choicePic"> 选择图片 </view></view> mounted() { // 创建附件上传 var _self = this; var input = document.createElement('input'); //创建原创 2021-09-29 11:08:00 · 1949 阅读 · 0 评论 -
uniapp获取路由传参
uniapp获取路由传参在跳转的页面接受参数 onLoad(option){ console.log(option) }原创 2021-08-30 11:35:05 · 1859 阅读 · 0 评论 -
uni-app几种常用的提示框
uni-app几种常用的提示框1、成功提示框提交的时候,提交成功弹出的提示框。uni.showToast({ title: '提交成功', duration: 3000//单位毫秒});2、加载框uni.showLoading({title: '加载中'});setTimeout(function () {uni.hideLoading();}, 2000);3、去掉图标,只显示文字提示框uni.showToast({title: '请填写员工工号',icon:'原创 2021-08-16 17:25:44 · 8305 阅读 · 0 评论 -
uni-app上拉加载更多下拉刷新
uni-app上拉加载更多下拉刷新布局<template> <view> <view class="list" v-for="(item,index) in newsList" :key="index"> <view class="list-left"> <!-- <image :src="item.img"></image> --> </view> <view clas原创 2021-08-16 17:08:36 · 632 阅读 · 1 评论 -
uniapp存储
uniapp存储1、存储/设置同步 uni.setStorageSync('id',data); //data可以是json也可以是string 异步 uni.setStorage({ key:'id', data:80, success(data){ console.log(data)} })2、获取同步 var res=uni.getStorageSync('id'); 异步 uni.getStorage({ key:'id', success(res)原创 2021-08-16 15:49:17 · 766 阅读 · 0 评论 -
uniapp动态图片加载不出来
uniapp动态图片加载不出来var aa=‘data:image/JPEG ;base64,’+res;//res是base64的格式this.url=aa.replace(/[\r\n]/g, “”)这样就出来了原创 2021-08-12 16:56:02 · 2996 阅读 · 0 评论 -
navigator跳转页面bug解决
navigator跳转页面bug解决一般我们会用navigator url=“地址” 跳转页面但是有时候却跳转不过去,pages.json里面也有配置tabBar里一般就是四个主页面,这些主页面之间的跳转就像tab切换,这几个页面需要在tabBar里另外配置,普通页面向这四个主页面跳转的时候,不能使用navigator,需用uni.switchTab({})。声明:这只是我碰见的一种问题,这样就可以解决...原创 2021-08-12 14:41:44 · 588 阅读 · 0 评论