草庐IT

uni-getLocation

全部标签

【uniapp,样式,登录】【微信小程序】获取用户昵称和头像 uni.getUserProfile 废弃 后 新规则 写法

uni.getUserProfile已废弃//授权获取用户信息废弃 getUserProfile(e){ console.log('授权登录') uni.showLoading({ title:'加载中' }) letthat=this uni.getUserProfile({ desc:'用于完善会员资料', success:(res)=>{ uni.hideLoading(); that.nickName=res.userInfo.nickName that.avatar=res.userInfo.avatarUrl

uni-app简单实现一下拖拽排序

闲来无事,就想着写个拖拽排序的组件好了,虽然效果差了些,但以后我变强了,在优化嘛。🤪示例:创建组件(直接上代码): exportdefault{ name:"drag-and-drop-sort-A", props:{ //容器大小 containerSize:{ type:Object, default:()=>({wdith:'100vw',height:'100vh'}), }, //控件的大小 controlsSize:{ type:Object, default:()=>({width:

uni-app写app点击app的分享,分享至微信,在微信中点击分享卡片打开小程序并跳转至相应页面

uni-app写的app//分享小程序asynchandleShare(index){let_this=this;setTimeout(()=>{this.drawCanvas();setTimeout(async()=>{this.canvasFlag=false;},4000);},100);this.canvasFlag=true;},drawCanvas(){let_this=this;this.$nextTick(async()=>{//初始化awaitthis.$refs.rCanvas.init({canvas_id:'rCanvas',canvas_width:399,canv

【uni-app】UniApp实现微信小程序中拨打手机电话和长按加微信客服好友(完整代码示例)

UniApp实现微信小程序中拨打手机电话和长按加微信客服好友(完整代码示例)一、service.Vue 客服电话 {{PhoneNumber}} 客服微信 {{WxNumber}} 请长按下面的二维码,加客服微信 --> expo

[uni-app] 微信小程序 如何修改替换头像

 如下图所示,微信小程序中涉及到修改头像的交互技术:前端应用框架为uni-appUI框架为uView 思考:1.头像点击事件click2.从本地相册选择图片或使用相机拍照uni.chooseImage(OBJECT),方法执行成功后根据success中返回的图片的本地文件路径列表tempFilePaths,做操作3.上传图片uni.uploadFile(OBJECT),通过上传接口拿到图片的路径或者跟图片有关的值,再根据这个值调取后端接口拿到base64字符串【最后还是要看后端开发要怎么设计了,说白了都是从接口里拿到想要的值。。】 js: //点击头像触发click事件change

uniapp刷新页面后使用uni.navigateBack()无法返回上个页面

最近写uniapp项目的时候发现有时候需要更新页面数据,我是用h5强制刷新页面后就无法返回上一个页面,查了文档后发现是页面栈丢失问题。百度看了很多大佬们的方法,方法基本一致,使用原生JS的history对象,封装一个兼容uniappapi和原生js的返回的方法。在此记录一下方法letcanNavBack=getCurrentPages()if(canNavBack&&canNavBack.length>1){uni.navigateBack()}else{history.back();}//在返回的方法里替换

uni-app 微信小程序全局配置分享好友、朋友圈...

使用uni-app在实际项目中开发微信小程序,经常会遇到给项目添加分享给微信好友、朋友圈...功能,一般来说要将某个页面分享出去,就要在当前页面添加: exportdefault{ data(){ return{} }, onLoad(){}, methods:{}, //分享给好友 onShareAppMessage(res){ console.log(res); if(res.from==='button'){//来自页面内分享按钮 console.log(res.target) } return{ title:'title',//自定义分享标题

解决uni-app微信小程序input,textarea输入框在底部时,键盘弹起页面整体上移问题

问题是这样的input,textarea获取焦点时会自动调起手机键盘,设置:adjust-position=“true”,和不设置都会导致键盘弹起时页面整体上移问题分析input获取焦点时会自动调起手机键盘,设置:adjust-position=“true”,会导致键盘弹起时页面整体上移思路:设置使键盘弹起使页面不上移设置输入框所在盒子为绝对定位键盘弹起时获取键盘高度设置输入框所在盒子的bottom的键盘高度解決方案:adjust-position=“false”textareaclass="flexbuyer_input_fd2_0"confirm-type="done":placehold

微信小程序uni.downloadFile tempFilePath返回bin文件

默认的uni.downloadFile会返回tempFilePath,返回格式安卓为bin后缀。如://Anhighlightedblockuni.downloadFile({url:xxxxxxxxxx,success:(data)=>{if(data.statusCode===200){uni.openDocument({filePath:data.tempFilePath,//临时路径为bin后缀fileType:fileName.split('.')[1],//文件类型showMenu:true,//是否展示分享success:function(res){uni.hideLoading

uni-app如何区分 app、h5、小程序代码; uni-app如何判断是android、ios、小程序

uniapp是DCloud公司于2012年开始研发的能够一次代码开发,生成H5、小程序(微信、支付宝、百度、华为等)、APP等应用的技术的统称,开发工具是HBuilderX,功能非常强大,由此引申出许多技术社区与生态环境。使用HBuilderX开发Uniapp程序的项目,用它生成多端应用,由于兼容各种多端应用,程序代码需要相应的适配,因为各端技术标准不同,也会出现很多问题,要对uniapp的编译原理多端生成有一定程度的理解。既然在同一套代码里进行多端开发,那就要能够区分哪块代码用在小程序,哪块代码用在app,哪块代码用在h5;同时app中也要能够区分是Android还是ios。那么怎么区分呢,