uni-app
Bright2017
学,然后知不足!
展开
-
uni-app 报编译错误,使用了scss/sass语言,但是未安装相应的编译器插件
今天遇到这个问题,但是我明明已经去插件市场下载了插件。下载插件及步骤说明:https://ext.dcloud.net.cn/plugin?name=compile-node-sass下载了插件后,按照说明操作了,但是还是报错。最后发现是名称问题。插件下载后,压缩包的名称是compile-node-sass_0.0.3解压后需要更改插件名称,文件名字改成 compile-node-sass不然插件执行错误。...原创 2020-09-09 15:51:01 · 1752 阅读 · 0 评论 -
uni-app 监听滚动条停止的事件
let timer; onPageScroll:function(object){ clearTimeout(timer) // 每次滚动前 清除一次 that.canSwip = false; timer = setTimeout(function() { console.log('滚动结束了'); that.canSwip = true; }, 500); }转载 2020-07-30 11:22:57 · 3358 阅读 · 0 评论 -
uni-app 中 canvas的宽高如何设置为自适应尺寸
最近在做混合APP,使用的是uni-app框架今天在写canvas中,需要设置图片尺寸,但是尺寸需要根据屏幕宽度不同而改变,这里需要进行单位的换算,因为canvas中只能使用默认的px,这里需要计算一下context.drawImage(img, 0, 0, 宽度,高度);//首先获取屏幕宽度let device=uni.getSystemInfo();let width...原创 2020-04-27 17:24:52 · 14453 阅读 · 0 评论 -
uni-app中 canvas插入图片--图片保存空白
使用uni-app做混合APP时,需要用canvas生成海报。遇到问题,第一次保存底部是黑色的,第二次保存出来是全部空白。因为初次保存图片,背景透明,保存到安卓手机个别型号底部是黑色的,为了解决这个问题,用了一张白色图片,覆盖了整个海报的底色。 最终效果图 覆盖了白色底之后,黑色底部这个问题解决了,但是因为图片加载顺序的问题,有时二维码也会...原创 2020-04-27 17:03:36 · 9102 阅读 · 2 评论 -
uni-app 苹果登录
iOS13+ 系统开始支持苹果登录,需要在登录界面进行判断,是否ios,如果是,需要添加苹果登录苹果登录后获取的数据格式{ "errMsg":"getUserlnfo: ok ", "userlnfo ": { "openld": "001865.3bd73158e2124ab59bxxxxxxxxxxxx", "fullName": {}, "authorizatio...原创 2020-04-24 13:14:49 · 4310 阅读 · 0 评论 -
apk文件手动更改签名
第一次使用uni-app只做了混合app,打包为apk文件后需要上传到应用市场,因为大多数应用市场都需要软著,所以只能选择酷安试试了,结果上传后提示文件包的签名不一致。示例命令: jarsigner -verbose -keystore demo.keystore -signedjar signed.apk CoolApkDevVerify_no_sign.apk demo.keystor...原创 2020-04-11 14:53:29 · 1805 阅读 · 0 评论 -
uni-app中image的层级比index设置的要高
这是我用v-for渲染后的效果,可是发现第二行的img层级没有被覆盖,原本以为是渲染后css没有及时更新,但是测试了很多次,发现这种情况不是偶尔发生,前面三个正常的也会经常错乱。后来发现问题是image的层级问题,即使设置了z-index也不一定会覆盖解决办法:image全部换成了背景图即可。...原创 2020-04-07 17:27:31 · 4041 阅读 · 2 评论 -
uni-app 真机测试ios上报错 request:fail abort
先吐槽一下我的心情,我TM这会想骂人 !!!!!!简单说明下,我使用uni-app写了一个混合app,安卓真机测试一直没问题,之前用了几个ios也测试了,没什么问题,可以正常运行。然而昨天下午,客户过来了,需要给自己手机安装一下,回去测测效果。尴尬的事情来了,客户手机6p安装成功,打开后所有的uni-request请求直接走fail回调。。。我TM当时整个人都是蒙的,什么鬼???然...原创 2020-04-01 13:58:03 · 4272 阅读 · 3 评论 -
uni-app上传多图
<view class="evaluate_five flex"> <view v-for="(item,index) in image_array" class="flex evaluate_five_cents" @click="close_img(index)"> <image :src="item" mode="widthFix">...原创 2019-12-13 16:48:25 · 2210 阅读 · 0 评论 -
vue项目中使用v-if判断数组长度时,length报错?
<a href="#picture" v-if="shopListData.attrs.length >0 " class="mui-navigate-right">选择 <span >{{ product_attr }}</span></a><a v-else >选择 <span >{{ shopListData...转载 2019-12-11 16:57:40 · 1978 阅读 · 0 评论 -
uni-app循环动画,点击每个优惠券向右移动消失
<view v-for="(item,index) in product" :key="item.id" class="flex" :animation="item.animation_data" @click="receive(index,item.id)" v-if="item.staue"> <view class="flex product_price"&g...原创 2019-12-07 16:54:22 · 1191 阅读 · 2 评论 -
uni-app css动态绑定
现在有个需求,需要每3个模块的颜色是一致的,1,2,3是黄色,紫色,蓝色,4,5,6是黄色,紫色,蓝色,以此类推。<view v-for="(item,index) in integral_data" :key="item.id"> <view :class="['integral_top',{ 'integral_top_ones': (index+1...原创 2019-12-04 11:48:30 · 5125 阅读 · 0 评论 -
uni-app保存图片到本地相册
犯了一个白痴问题,引用的图片都是本地的,下载拿到的临时路径无法保存,换成网络路径就好了。uni-app移动端保存图片到本地相册uni-app中有一个接口:uni.saveImageToPhotosAlbum,但是之前使用的时候,真机测试没有问题,但是打了安装包就保存失败,走的是fail回调。捉摸了两天,后来又看到一个接口:uni.downloadFile,这个也可以把图片下载下来,但是没有...转载 2019-11-23 17:28:47 · 10469 阅读 · 2 评论 -
vue报错之Duplicate keys detected: '0'. This may cause an update error.
错误原因:我们在使用v-for的时候,都要必须加上一个唯一的key值,但是这里写了两个for循环,尽管都加上了key值,然而又将key的值写成一样的了。所以就导致了警告。出错的地方:写了两个for循环,绑定的key相同。解决办法:可以将其中一个的key修改一下即可。<div class="info" v-for="(item, index) in itemLis...转载 2019-11-23 10:03:54 · 1961 阅读 · 0 评论 -
vue模板语法绑定 url 传递参数
<navigator v-for="(item,index) in fruits" :url="'/pages/welfareInfo/welfareInfo?id='+item.id" hover-class="navigator-hover"> {{item}}</navigator>最近写uni-app传递参数总是报错,还是纪录一下吧...原创 2019-11-21 16:23:59 · 982 阅读 · 0 评论 -
uni-app设置页面的背景图片
可以通过设置view的background或者background-image属性来实现:<template> <view class="content" :style="{background: 'url('+imageURL+')'}"> <!-- 如果是设置background-image则写成:<view class="conten...转载 2019-11-21 13:47:21 · 5258 阅读 · 0 评论 -
uni-app修改顶部状态栏颜色
在pages.json中写默认的状态栏配置,我是自定义的顶部栏,所以主要看更改状态栏的颜色即可{ "path": "pages/index/index", "style": { "navigationBarTitleText": "首页", "app-plus":{ "titleNView":false //去掉当前页的顶部导航栏 ...原创 2019-11-21 10:46:59 · 40542 阅读 · 5 评论 -
uni-app获取节点信息
必须是在onReady() 之后才能获取let info = uni.createSelectorQuery().select(".类名"); info.boundingClientRect(function(data) { console.log(data); // 获取元素信息}).exec()uni-app官网:https://uniapp.dcloud.io/ap...原创 2019-11-20 18:00:10 · 5352 阅读 · 0 评论 -
uniapp 顶部的原生导航栏设置下边框
pages.json中,设置app-plus { "path" : "pages/login/login", "style" : { "navigationBarTitleText": "登录/注册", "app-plus": { "titleNView": { "splitLine": { "c...原创 2019-11-20 14:55:10 · 6119 阅读 · 1 评论