![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
mini_qiu
这个作者很懒,什么都没留下…
展开
-
uniapp动态绑定图片路径打包后图片资源获取失败的问题
类似于vue,uniapp中的图片路径要么就直接写进标签中,例如:<img class="banner_img" src="../../static/img/1002.png"></img>这时,相对路径或者绝对路径都可以使用但是如果要动态绑定图片路径,使用相对路径之后打包出来就会报找不到资源的错误,这时有两种解决方案:一、使用require先将图片资源当成模块引入到页面中,再调用(不推荐)<img class="header-banner-img" :原创 2022-01-05 18:59:05 · 5944 阅读 · 1 评论 -
没有mac设备怎么在safari打开控制台调试ios移动端
用微信公众平台提供的vconsole如果是原生的html页面,就加上以下代码:<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script><script> // init vConsole var vConsole = new VConsole(); console.log('Hello world');</s..原创 2020-12-10 10:28:13 · 1218 阅读 · 0 评论 -
uniapp h5中 ios无法触发onCanplay事件
h5页面,我用onCanplay来监听音频是否加载完成,加载完成就给时长赋值,同时去掉播放按钮的旋转加载动画,发现ios端根本就没有打印this.audio.onCanplay(()=>{ console.log('加载完毕',this.audio) this.duration = this.audio.duration this.loading = false;})...原创 2020-12-10 10:13:20 · 1322 阅读 · 1 评论 -
uni-app实现联系人右侧索引字母表点击滚动到相应的位置(uni.pageScrollTo(OBJECT))
长话短说,直接用uni-app提供的接口:uni.pageScrollTo(OBJECT),具体过程详细思路如下:要实现点击字母滚动到相应的联系人看到这个需求后的整个思路过程:一、首先要跟后端沟通传过来的数据结构需要如下:/*friendsLists的数据格式:[[],[],.....[] //一共27个数组,分别存不同字母开头的名字]*/friendsLists: [...原创 2019-12-19 11:34:22 · 5083 阅读 · 2 评论 -
Uni-app登录状态管理(vuex)
https://www.cnblogs.com/edward-life/p/11181139.html讲的非常详尽,一步一步指导讲解原创 2019-12-04 09:57:17 · 3794 阅读 · 0 评论 -
uni-app登陆成功跳转到首页后禁止回退到登陆页面
用uni-app提供的接口uni.reLaunch(OBJECT),跳转之后可以关闭所有页面,打开到应用内的某个页面。原创 2019-12-04 09:28:50 · 10535 阅读 · 7 评论 -
uni-app怎么实现双击返回退出app
uni-app提供了一个监听返回按钮的api:onBackPress(event)//监听返回键 onBackPress() { uni.showModal({ title: '提示', content: '是否退出来聊?', success: function(res) { if (res.confirm) { // 退出当前应用,改...原创 2019-12-03 15:10:17 · 8205 阅读 · 4 评论 -
uni-app在手机上背景图片不显示
uni-app解决无法加载本地图片的方法【动态加载背景图片*唯一的解决办法】特别注意:千万别忘记了【`url(${indexBackgroundImage})`】<template> <view class="index" :style="{backgroundImage:`url(${indexBackgroundImage})`,backgroundSize:...转载 2019-12-02 18:16:15 · 9150 阅读 · 0 评论 -
uni-app怎么获取手机屏幕的大小并动态绑定到组件的style
通过调用uni-app封装好的api:uni.getSystemInfo获取到当前的手机信息,然后挂载时赋值给style就可以了方法: mounted() { var that = this; uni.getSystemInfo({ success: function (res) { that.fullHeight ="height:" + res...原创 2019-12-02 17:59:29 · 3477 阅读 · 0 评论 -
uni-app怎么自定义一个带图标的导航栏按钮
一、怎么修改通过在page.json文件中配置页面的titleNView属性就可以自定义一个导航栏按钮,其中还可以定义按钮的文字样式等等,最常见的就是定义一个图标按钮,但是不支持直接使用静态图片作按钮背景的方式,所以必须要引入一个字体图标,使用方法如下图:二、字体图标怎么使用,text属性值怎么设置具体的其他参数可以看官方文档,这里主要说明一下字体图标的使用,可以使用uni-a...原创 2019-11-30 16:50:02 · 9148 阅读 · 0 评论 -
uni-app 的uni-popup弹窗设置了maskClick="false" 属性之后,点击蒙版遮罩还是会关闭弹窗
改成:mask-click="false"就可以生效了原创 2019-11-28 16:29:43 · 12907 阅读 · 6 评论