随笔分类 -  uni-app学习笔记

记录一些uni-app学习及实战中的问题及解决方法
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 微信支付介绍 微信公众号程序或微信小程序项目中基本都要有微信支付。支付场景基本就是点击支付,然后手机底部拉起输入微信支付密码弹窗,密码输入正确后,支付完成。但是无论是微信小程序或微信公众号程序都是在后端调用微信api接口进行统一下单,将接 阅读全文
posted @ 2022-07-26 16:16 林恒 阅读(477) 评论(0) 推荐(0) 编辑
摘要:这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 对uni.request的一些共同参数进行简单的封装,减少重复性数据请求代码。方便全局调用。 先在目录下创建 utils 和 common 这2个文件夹 utils 是存放工具类的,common 用来放置常用方法的 之后在utils 中创 阅读全文
posted @ 2022-06-13 15:17 林恒 阅读(622) 评论(0) 推荐(0) 编辑
摘要:最近找到了一篇uni-app的地图解决方案精品文章,这里分享给大家,希望对大家有所帮助 转载地址:https://blog.csdn.net/cplvfx/article/details/111447466 前置条件:你需要阅读 https://uniapp.dcloud.io/component/ 阅读全文
posted @ 2021-11-20 09:23 林恒 阅读(1506) 评论(0) 推荐(0) 编辑
摘要:最近在研究uni-app,制作了一个很有意思的集合项目demo,这里给大家分享下大转盘的前端设计思路 需求案例:大转盘抽奖 线上demo查看: 案例效果: 制作思路: 前端大转盘使用css3动画来做,在开始做的时候,我思路上碰到一个问题,抽奖结果是我前端给后台还是后台给我,最后我发现,只有后台传结果 阅读全文
posted @ 2021-04-14 17:10 林恒 阅读(1566) 评论(8) 推荐(0) 编辑
摘要:在开发用户模块的时候,相信大家都碰到过一个功能,图片滑动解锁后发送验证码,这里分享我用uni-app制作的一个小控件 效果如下: 需要如下图片资源 template <template> <view class="zhezhao" v-if="shows" @tap="shows=false"> < 阅读全文
posted @ 2021-01-21 16:35 林恒 阅读(891) 评论(0) 推荐(0) 编辑
摘要:授权页面 因为微信小程序提供的 权限弹窗 只能通用户确认授权 所以可以 写一个授权页面,让用户点击 来获取用户相关信息 然后再配合后台就可以完成登录 <button class="btnInfo" open-type="getUserInfo"/> 素材 页面代码示例这个接口要在后端调用(https 阅读全文
posted @ 2021-01-19 16:00 林恒 阅读(3743) 评论(0) 推荐(0) 编辑
摘要:uni-app对接微信小程序直播 1.登录微信小程序后台-点击>设置->第三方设置->添加直播插件 2.添加直播组件后->点击<详情> 记录这两个参数直播插件的appid和最新版本号 3. 打开项目,找到manifest.json这个文件 代码: "plugins" : { "live-player 阅读全文
posted @ 2021-01-12 17:09 林恒 阅读(1479) 评论(0) 推荐(0) 编辑
摘要:1.uni-app中对接第三方为了防止跳出app使用了webview <template> <view> <web-view :src="url" @message="message"></web-view> </view> </template> <script> export default { 阅读全文
posted @ 2021-01-11 14:51 林恒 阅读(1038) 评论(0) 推荐(0) 编辑
摘要:uni.getLocation 获取当前的地理位置、速度。 在微信小程序中,当用户离开应用后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用 uni.getLocation({ type: 'wgs84 ', success: function (res) { console.lo 阅读全文
posted @ 2021-01-06 17:59 林恒 阅读(2865) 评论(0) 推荐(0) 编辑
摘要:之前做过一个picker的三级联动功能,这里分享代码给大家 具体代码: // An highlighted block <template> <view> <picker mode="multiSelector" @change="bindMultiPickerChange" @columnchan 阅读全文
posted @ 2021-01-04 16:03 林恒 阅读(2739) 评论(0) 推荐(0) 编辑
摘要:因为这个jssdk被uni-app坑了好多天,作者说支持1.4版本,但是我用1.4的两个分享的新方法一直不支持。 最后只能放弃了,期待什么时候能更新上。 基本的使用方法:第一步 - 下载使用方式下载地址:https://unpkg.com/jweixin-module@1.4.1/out/index 阅读全文
posted @ 2020-12-24 17:53 林恒 阅读(828) 评论(0) 推荐(0) 编辑
摘要:开发环境 1. Android Studio下载地址:Android Studio官网 OR Android Studio中文社区 2. HBuilderX(开发工具) 3. App离线SDK下载:最新android平台SDK下载 注意:HBuilderX版本要跟SDK版本一致。 SDK目录说明 | 阅读全文
posted @ 2020-12-23 17:31 林恒 阅读(2117) 评论(0) 推荐(0) 编辑
摘要:微信小程序条件渲染 在小程序app。json中添加 需要先获取位置信息 "permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序位置接口的效果展示" } }, 才可以获取wifi信息 wx.startWifi({ //初始化wifi 阅读全文
posted @ 2020-12-15 16:43 林恒 阅读(2917) 评论(0) 推荐(0) 编辑
摘要:最近在做uni-app项目时,遇到了需要蓝牙打印文件的功能需要制作,在网上找到了一个教程,这里分享给大家。 引入tsc.js 简单得引入到自己所需要得页面中去,本次我们只要到了标签模式,他同时还有账单模式可以选择。 // 蓝牙打印 指令和转码 var tsc = require('@componen 阅读全文
posted @ 2020-12-09 20:57 林恒 阅读(4602) 评论(0) 推荐(0) 编辑
摘要:起初小程序上线时,微信限制了代码包不能超过1MB,后来功能变大变成了2M了,限制大小是出于对小程序启动速度的考虑,希望用户在使用任何一款小程序时,都能获得一种“秒开”体验。但是,2MB也限制了小程序功能的扩展,小程序业务的发展可能需要更大的体积。为了解决这个问题,微信推出了—分包加载。 小程序分包加 阅读全文
posted @ 2020-12-08 20:11 林恒 阅读(1397) 评论(0) 推荐(0) 编辑
摘要:最近使用 uni-app 开发 app ,需要实现一个调起手机摄像头扫描二维码功能,官网API文档给出了这样一个demo: // 允许从相机和相册扫码 uni.scanCode({ success: function (res) { console.log('条码类型:' + res.scanTyp 阅读全文
posted @ 2020-12-08 19:59 林恒 阅读(1979) 评论(0) 推荐(0) 编辑
摘要:Android平台从6.0(API23)开始系统对权限的管理更加严格,所有涉及敏感权限都需要用户授权允许才能获取。因此一些应用基础业务逻辑需要的权限会在应用启动时申请,并引导用户允许。 读写手机存储权限 应用需要保存运行状态等数据到手机SD卡中,启动时需要获取读写手机存储权限,此权限为基础权限,影响 阅读全文
posted @ 2020-12-07 19:56 林恒 阅读(3010) 评论(0) 推荐(0) 编辑
摘要:打包提交appstore如果用到了如下权限需要修改提示语,详细描述使用这个权限的原因,如不修改提示语appstore审核可能会被拒绝。Apple的原则是,如果一个app想要申请用户同意某个隐私信息访问许可,需要给用户明确的申请权限的原因,能给用户带来什么价值。所以要求开发者填写这个原因,并且在iOS 阅读全文
posted @ 2020-12-07 19:39 林恒 阅读(2271) 评论(0) 推荐(0) 编辑
摘要:http.js //封装requset,uploadFile和downloadFile请求,新增get和post请求方法 let http = { 'setBaseUrl': (url) => { if (url.charAt(url.length - 1) "/") { url = url.sub 阅读全文
posted @ 2020-12-04 17:11 林恒 阅读(1273) 评论(0) 推荐(0) 编辑

欢迎阅读『uni-app学习笔记』
点击右上角即可分享
微信分享提示