![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
一叶一语
这个作者很懒,什么都没留下…
展开
-
uni-app pdf各个端预览推荐写法
统一先下载uni.downloadFile({ url:https://xxxx.pdf, success: res => { // #ifdef H5 const el = document.createElement('a') el.href = res.tempFilePath el.download = file.name el.style.display = 'none' document.body.appendChild(el) el.click() el.p原创 2022-01-17 11:21:00 · 555 阅读 · 0 评论 -
微信小程序引入外部iconfont 字体 不显示原因分析
模拟器上正常 真机不显示 原因安卓手机不显示,显示为 一个框中的X@font-face { font-family: "iconfont"; src: url('https://xxx/iconfont.eot'); /* IE9*/ src: url('https://xxx/iconfont.eot?#iefix') format('embedded-opentype'), url('https://xxx/iconfont.woff') format('原创 2022-01-14 14:42:21 · 2369 阅读 · 3 评论 -
uni-app 中编译成小程序 webview 踩坑
在小程序中webview 是不支持在本地调试的,可以把地址先发布成线上地址,然后再本地看。原创 2020-11-17 14:37:49 · 968 阅读 · 0 评论 -
uni-app编译的h5 打开 uni-app编译的app 小记
在APP中要做的事h5 中第一种方式<a href="test://">test:<a><br/>第二种方式//在方法中let a = document.createElement('a');a.href = 'test://'a.click();就可以打开自己的app 了处理h5 打开APP 传的参数在APP中var args= plus.runtime.arguments; if(args){ // 处理a原创 2020-10-22 14:43:47 · 867 阅读 · 2 评论 -
uni-app 页面视频多个视频同时播放处理成一个视频播放(仅适用H5)
uni-app 一个页面出现多个视频时,播放时几个视频一起播放,这个明显是不合理的,处理方式在这里插入代码片原创 2020-08-11 15:09:56 · 3052 阅读 · 4 评论 -
uni-app 判断浏览器是在普通浏览器中还是微信浏览器中
uni-app 判断let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger") { return '微信浏览器' }else{ return '普通浏览器' }原创 2020-07-01 14:42:59 · 4186 阅读 · 0 评论 -
uni-app h5支付宝处理 调起支付宝(非web-view)
方式一可以让后端设置一个页面跳转的URL地址在使用uni-app 的条件判断在h5环境下跳转到后端给的地址方式二让后端把提交的from表单的标签返给前端,在页面使用uni-app的条件判断 判断是h5环境下,才编译这个标签<view v-html='后端反的from表单'></view>在对应的提交方法中依旧使用uni-app的条件判断 判断是h5环境下,使用document.getElementById('表单节点id').onclick() 触发提交。如何判断是原创 2020-06-24 12:43:37 · 7868 阅读 · 4 评论 -
uni-app 使用阿里图标字体
1.先下载阿里图标把想要的图标,添加到购物车中,并下载代码。2.拷贝把代码中的这几个文件拷贝到项目中在main.js 中引入cssimport '@/common/font/iconfont.css'//页面使用<textclass="iconfont icon-radiochecked"></text>//iconfont 图标 icon-radiochecked 图标名...原创 2020-06-04 11:17:11 · 1069 阅读 · 3 评论 -
uni-app 应用图标角标设置
uni-app 手机桌面应用消息角标 实现// 使用 h5+ 实现/ 设置数字plus.runtime.setBadgeNumber(8);// 清除数字plus.runtime.setBadgeNumber(0);详细详细查看原创 2020-06-02 22:56:23 · 14387 阅读 · 12 评论 -
uni-app底导航栏 设置角标
设置角标uni.setTabBarBadge({ index: 0, text: '1'})使用位置在app.vue 文件中,在页面设置不了。uni-app 角标设置原创 2020-06-02 22:40:20 · 5044 阅读 · 1 评论 -
在uni-app 中实现锚点跳转 实现
uni-app 锚点跳转uni.createSelectorQuery().select('.item').boundingClientRect(data=>{//目标位置节点 类或者 id uni.createSelectorQuery().select(".viewbox").boundingClientRect((res)=>{//最外层盒子节点类或者 id uni.pageScrollTo({ duration:0,//过渡时间原创 2020-05-28 21:45:41 · 6402 阅读 · 1 评论 -
uni-app 向tabBar 页面传值
如何向tabBar传值 简单方式// 原来可以使用uni.reLaunch 向tabBar页面传值的,最近发现这个已经不可以了。//a页面uni.setStorageSync('sell',0);// b页面// 在onshow 或者onload 中取值uni.getStorageSync('sell');...原创 2020-04-27 17:32:12 · 3447 阅读 · 0 评论 -
uni-app 页面传比较复杂的数据
uni-app 页面传数据//page a 向page b 页面传复杂的数据 使用encodeURIComponentuni.navigateTo({ url:'../index/index?msg='+encodeURIComponent(JSON.stringify(this.richtest))})// b 页面 在onload(option){ //取值 let ...原创 2020-04-17 15:07:20 · 1176 阅读 · 0 评论 -
uni-app 隐藏滚动条app
uni-app 隐藏滚动条不显示//在page.json{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app"...原创 2020-04-01 17:40:16 · 3346 阅读 · 3 评论 -
uni-app 退出app操作
uni-app 退出app//安卓退出// #ifdef APP-PLUS if (plus.os.name.toLowerCase() === 'android') { plus.runtime.quit(); } else{ const threadClass = plus.ios.importClass("NSThread"); const mainThr...原创 2020-03-31 10:00:35 · 11282 阅读 · 2 评论 -
uni-app 物理返回使用和注意事项
使用物理返回//使用uni-app 页面生命周期中的onBackPressonBackPress(){//与methods同级 //可以在这里写相应的处理}uni-app 物理返回使用注意事项注意事项链接地址在项目中使用注意// 如果是A页面 条B页面使用了uni.navigateTo 跳过去的,那么在B页面使用onBackPress()处理跳转其它页面时,结果还是反回上一个页面...原创 2020-03-29 20:34:04 · 2970 阅读 · 0 评论 -
uni-app开启页面触底,使用onReachBottom
uni-app开启页面触底//在page.json 中style 下"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-a...原创 2020-03-27 11:49:50 · 22184 阅读 · 7 评论 -
关于uni-app中编译到小程序,小程序跳小程序的问题。
uni-app编译到小程序中,跳其他小程序的解决方法。在uni-app直接写navigateToMiniProgramAppIdList是不会编译到小程序的。你必须在你的微信小程序中的下面这个添加这个配置好后能够完成跳其他小程序。不过每次重新启动项目,你都要来重新配置。不然这里就没有。就是有点麻烦,如果你uni-app第二天重新编译到小程序,你必须去重新配置。特别是要上传的时候,一定要检查...原创 2019-11-13 17:12:33 · 2955 阅读 · 3 评论 -
关于uni-app中 生成app中使用时产生的缓存清除方式
是在uni-app 打包的app 的环境下才有效果// 使用plus.cache.calculate 获取应用的缓存大小,var self=this; plus.cache.calculate( function ( size ) { //size是多少个字节单位是b //你可以做下面相应的处理 if(size<1024){ se...原创 2019-11-22 10:21:06 · 13489 阅读 · 1 评论