草庐IT

uniapp中修改uni.showModal弹框content内容样式

 解决:在项目common的style.scss中定义全局样式.uni-modal{   .uni-modal__bd{      color:blue;      font-size:32rpx;      font-weight:bold;      padding:64rpx0;   }}

解决uni-app小程序获取路由及路由参数

解决uni-app里面的小程序获得当前路由及路由参数在uni-appH5端可以获得当前页面的路由及参数,但是小程序里面就开始报错:代码:this.type=this.$route.query.type//获取type携带的参数在小程序中报的错误:解决方案://获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面letpages=getCurrentPages();letpage=pages[pages.length-1].$page.fullPath;//完整路由地址this.type=page.split('type=')[1]//携带的type参数Tha

H5向uni-app小程序传递参数

1.本地下载包引入也可以。 2.传递参数。uni.webView.postMessage({data:{num:'3'}})3.接收参数。@message="handleMessage" methods:{ handleMessage(evt){ console.log(evt.detail.data); this.num=evt.detail.data[evt.detail.data.length-1].num } }  获取当前数据是一个数组,每次获取让数组长度-1就是你需要的数据。

uni-app打包ios的步骤

注意:下面的操作必须同时满足三个条件,且这三个条件都是必须得:1.有一个苹果开发者账号(要收费)2.有一台苹果笔记本(在笔记本上生成证书和文件)3.有一部苹果手机(用于测试app的功能)使用uniapp发布ios的应用的步骤如下:点击发行——原生app——云打包出现页面如下,选择ios(ipa包)下面是苹果开发者后台的功能界面BundleID(AppID),证书私钥密码,证书profile文件,私钥证书这四个选项,按照官网操作步骤来即可,只要是按照这个步骤一步一步来,一定是可以成功的(重点!!!)uni-app打包ios生成BUndleID,证书私钥密码,证书profile文件,私钥证书的如下

uni-app 中使用uview生成测试小程序后报错:pleaseSetTranspileDependencies is not defined

这是一篇踩坑文,记录一个uni-app中的坑点。在uni-app中使用uview后在生成小程序后第一次编译时控制台报了这么一个错:在检查了许久的原因后最后找到的解决办法是:在文件/common/vendor.js中搜索并删除下面这句话pleaseSetTranspileDependencies?.test;如上图。删除掉之后重新编译一下项目就正常运行了。

uni-app运行微信小程序无法启动小程序-Enable IDE Service (y/N) 

uni-app运行微信小程序无法启动小程序异常信息如下EnableIDEService(y/N)[27D[27C(如下图)解决方式手动开启微信小程序开发工具->设置->安全->打开服务端口参考资料uni-app官方文档中运行uni-app中第3点配置,其中注意项enableideservice(y/n)[27d[27c

uniApp 使用uni.openDocument(object)预览pdf、excel、word等文件

uniApp使用uni.openDocument(object)预览pdf、excel、word等文件1.实现思路:2.直接上代码(可直接复制)3.注意事项1.实现思路:这里咱们直接用的uniapp官方提供的uni.downloadFile方法调用手机第三方能打开文件的工具,比如wps等(ps:这里实现的是APP文件预览)。2.直接上代码(可直接复制) //文件预览 prefile(e){ letthat=this leturl=that.$config.fileUrl+e; uni.downloadFile({ url:url, success:function(re

uni-app 实现节流与防抖

提示:这次要讲的前端关于节流和防抖一、什么是防抖?防抖是指在频繁触发某一个事件时,一段时间内或者一定条件下不再触发该事件对应调用的函数。二、防抖代码1.示例 : 防止按钮多次连续点击代码如下(示例): 点击 exportdefault{ data(){ return{ //请求状态识别变量 requestStatus:false } }, methods:{ buttonTap:function(){ //模拟按钮点击后会执行api请求,耗时1秒 //请求完成前按钮点击将不会继续执行此函数 if(this.requestStatus){

微信小程序canvas实现简易手写签名版(uni-app)

微信小程序可以通过canvas实现手写签名的效果,本文中使用的是微信小程序Canvas2D接口本示例中绘制的是横屏签名的效果,效果图如下:这里我们需要调整canvas的物理宽高,默认物理宽高为300*150px,物理宽高调整通过css样式即可,本文中需要根据屏幕高度进行动态调整,使用的是行内样式页面布局:template> viewclass="sign-page":style="{paddingTop:top+'px'}"> viewclass="canvas-box"> viewclass="left-pane"> viewclass="f28text-gray6left-te

uni-app web-view的使用

在上一页点击需要跳转到app内置的浏览器里(app跳h5页面),uniapp提供了web-view需要新建页面,在新页面里引用web-view,在新页面里才加上网址(h5)1,在所需页面引入//如果不暂存在本地,会在浏览器上被转译uni.setStorageSync('PAYWEBURL',res.data.data.url)//考虑到所传网址需要转译吗(不需要)//letenUrl=encodeURIComponent(res.data.data.url)//转译uni.navigateTo({//url:'/pages/cashier/payapp'+enUrl//需要在调转页里转译回去u