草庐IT

uni-getLocation

全部标签

uni-app开发微信小程序遇到的部分坑

记录一些官方文档没有的踩坑点。一、组件设置全屏覆盖设置宽度和高度100%是没用的需要在里面加设置一层view,并且设置对应宽高分别为vw和vh.wrap_test{width:100vw;height:100vh;}复制代码二、wx.onNetworkStatusChange、uni.onNetworkStatusChange网络状态监听不生效问题1、该方法只能在手机上进行验证才能生效,小程序开发工具上面不生效2、该方法只能写在onLoad方法里面,写在mounted方法不生效错误写法❌mounted(){uni.onNetworkStatusChange(function(res){cons

uni-app开发微信小程序遇到的部分坑

记录一些官方文档没有的踩坑点。一、组件设置全屏覆盖设置宽度和高度100%是没用的需要在里面加设置一层view,并且设置对应宽高分别为vw和vh.wrap_test{width:100vw;height:100vh;}复制代码二、wx.onNetworkStatusChange、uni.onNetworkStatusChange网络状态监听不生效问题1、该方法只能在手机上进行验证才能生效,小程序开发工具上面不生效2、该方法只能写在onLoad方法里面,写在mounted方法不生效错误写法❌mounted(){uni.onNetworkStatusChange(function(res){cons

uni-app开发App上架Apple Store流程(简略版)

环境准备:MacBook(安装HBuilderX、XCode、Developer、TestFlight、Transporter),苹果开发者账号详细版地址:http://t.csdn.cn/mTMtt1、申请开发者账号2、登录 iOSDevCenter 申请App ID和证书        2.1 Identifiers>>申请AppID建议域名反写    2.2生成证书请求文件(申请开发证书与发布证书均需要)MacBook>>钥匙串访问>>证书助理>>从证书颁发机构请求证书>>输入用户邮件地址、常用名称,选择存储到磁盘就得到了证书请求文件(.certSigningRequest)     2

uni-app开发App上架Apple Store流程(简略版)

环境准备:MacBook(安装HBuilderX、XCode、Developer、TestFlight、Transporter),苹果开发者账号详细版地址:http://t.csdn.cn/mTMtt1、申请开发者账号2、登录 iOSDevCenter 申请App ID和证书        2.1 Identifiers>>申请AppID建议域名反写    2.2生成证书请求文件(申请开发证书与发布证书均需要)MacBook>>钥匙串访问>>证书助理>>从证书颁发机构请求证书>>输入用户邮件地址、常用名称,选择存储到磁盘就得到了证书请求文件(.certSigningRequest)     2

UNI-APP_开发支付宝小程序注意事项与解决方法,支付宝小程序图片显示问题

一、编译后,微信小程序上图片图标显示正常,但是一到支付宝小程序图片图标显示就不正常如下图:微信显示支付宝显示官方文档:https://opendocs.alipay.com/mini/component/image//修改前---会出问题imagesrc=""mode="">image>//修改后---问题解决imagesrc=""mode="aspectFit">image>//或去除mode---问题解决imagesrc="">image>其他注意事项1.问题:swiper轮播插件和notice滚动通知插件样式冲突解决办法:加!important来处理样式冲突2.问题:image图片样式出

UNI-APP_开发支付宝小程序注意事项与解决方法,支付宝小程序图片显示问题

一、编译后,微信小程序上图片图标显示正常,但是一到支付宝小程序图片图标显示就不正常如下图:微信显示支付宝显示官方文档:https://opendocs.alipay.com/mini/component/image//修改前---会出问题imagesrc=""mode="">image>//修改后---问题解决imagesrc=""mode="aspectFit">image>//或去除mode---问题解决imagesrc="">image>其他注意事项1.问题:swiper轮播插件和notice滚动通知插件样式冲突解决办法:加!important来处理样式冲突2.问题:image图片样式出

uni-app 微信小程序中如何通过 canvas 画布实现电子签名?

一、实际应用场景电子签名软件应用场景:电子签名在金融、银行、贷款行业中可以用于对内日常办公流转的文档的盖章签字,对外涉及业务合作协议,采购合同,贷款申请、信用评估、贷款合同、贷款文件表、说明函等等。可以说,只要是涉及纸质文档签字盖章的场景,都能够使用电子印章,电子签名。二、实现方式利用canvas画布,模拟人工在纸张上手写的笔迹。原理其实很简单,就是你在画布上任意涂写即可,最后保存整个画布区域的内容为图片。三、案例demo分享这里我加了几个操作按钮,应该能满足您基本的数字签名需要了,最后我也会贴上我的源码。 ps:微信小程序关于画布的官方文档https://developers.weixin.

uni-app 微信小程序中如何通过 canvas 画布实现电子签名?

一、实际应用场景电子签名软件应用场景:电子签名在金融、银行、贷款行业中可以用于对内日常办公流转的文档的盖章签字,对外涉及业务合作协议,采购合同,贷款申请、信用评估、贷款合同、贷款文件表、说明函等等。可以说,只要是涉及纸质文档签字盖章的场景,都能够使用电子印章,电子签名。二、实现方式利用canvas画布,模拟人工在纸张上手写的笔迹。原理其实很简单,就是你在画布上任意涂写即可,最后保存整个画布区域的内容为图片。三、案例demo分享这里我加了几个操作按钮,应该能满足您基本的数字签名需要了,最后我也会贴上我的源码。 ps:微信小程序关于画布的官方文档https://developers.weixin.

vue小程序开发(一) uni-app基本学习

vue小程序开发(一)uni-app基本学习脚手架搭建项目新建页面样式和sass基本语法数据展示数据循环条件编译计算属性事件传参方式组件组件的简单使用示例组件传递参数父向子传递数据子向父传递数据全局共享数据组件插槽未使用插槽在组件中添加插槽生命周期介绍当小程序模拟器无反应时脚手架搭建项目全局安装npminstall-g@vue/cli创建项目vuecreate-pdcloudio/uni-preset-vuemy-project启动项目(微信小程序)npmrundev:mp-weixin微信小程序开发者工具导入项目​根目录​进入目录再导入建立完成目录结构┌─uniCloud云空间目录,阿里云为

vue小程序开发(一) uni-app基本学习

vue小程序开发(一)uni-app基本学习脚手架搭建项目新建页面样式和sass基本语法数据展示数据循环条件编译计算属性事件传参方式组件组件的简单使用示例组件传递参数父向子传递数据子向父传递数据全局共享数据组件插槽未使用插槽在组件中添加插槽生命周期介绍当小程序模拟器无反应时脚手架搭建项目全局安装npminstall-g@vue/cli创建项目vuecreate-pdcloudio/uni-preset-vuemy-project启动项目(微信小程序)npmrundev:mp-weixin微信小程序开发者工具导入项目​根目录​进入目录再导入建立完成目录结构┌─uniCloud云空间目录,阿里云为