目录

chen 的个人博客

VX:TiAmo151028
Phone:13403656751
Email:zxydczzs@gmail.com

标签: uni-app (6)

uni-app自定义遮罩模板。 有更新!

一、新建组件 mask.vue <template> <view> <view class="cpt-mask"> </view> </view> </template> <script> export default { } </script> <style> .cpt-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; z-index: 99; } </style> 二、在有需求的页面引入 mask.vue 遮罩组件 <template> <view> <!-- 遮罩组件 --> <myMaskv-if="mask"></myMask> </view> </template> <script> ....

uni-app watch监听事件使用说明

一、位置 watch监听事件和data、onLoad、onShow等同级 二、具体语法 watch: { addOrUpdateSceneDeviceComplete: { handler: function() { if(this.addOrUpdateSceneDeviceComplete == 2){ uni.showLoading({ title: '处理中...' }) } if(this.addOrUpdateSceneDeviceComplete == 1){ uni.hideLoading(); uni.showToast({ title: '添加成功', icon: 'none', duration: 500 }); setTimeout(() => { // 你要执行的函数 uni.navigateBack(); }, 1000); } }, deep: true, immediate: true } }, 三、参数说明 addOrUpdateSceneDeviceComplete:自定义的变量名称,由于我监听的是一个变量,所以这里也需使用变量名....

uni-app web-view跳转外链后无法返回APP页面

一、问题描述 uni-app 使用web-view标签跳转外部链接后,在Android手机上无法返回至APP内,IOS正常返回。 二、解决方法 在web-view所在页面监听onBackPress生命周期,在其内部添加如下代码。 onBackPress(e) { if (e.from === 'backbutton') { this.$scope.$getAppWebview().children()[0].close() setTimeout(() => { uni.navigateBack() }, 0) return true } },

uView组件u-icon扩展自定义图标 有更新!

一、需求分析 在使用uni-app开发时,组件的使用是势在必行的,而uView组件则提供了非常多快捷便利的组件可以供我们使用,感兴趣的可以去看看。 在使用uView的u-icon组件时,发现并没有自己想要的图标怎么办?别担心,uView提供了完整的一套解决方法,虽然感觉有点过时了。扩展自定义图标库 这是官网的文档,可是我做了之后发现不一样了,所以略微改动了一下。 二、问题解决 1、先打开阿里巴巴矢量图标库,先在右侧导航栏找到登录按钮进行登录,我这里使用了github账户进行登录。 2、登录成功后,在导航栏中找到“资源管理”→“我的项目”,点击进入,需要先创建新的项目,名称自定义,将FontClass/Symbol前缀和Font Family修改为和图中一样,注意Font Family少一个横杠,编辑完成点击新建。 3、在阿里矢量图标库首页中搜索你想要的图标,找到并下载下来,注意要下载SVG格式 4、下载完成后找到你下载的SVG图标,打开刚刚创建的项目,选择上传图标至项目。 点击过后选择左边这个,然后将你刚刚下载好的SVG图标上传,直接点击“保留颜色并提交”。 这样这个图标就....

uni-app打包的IPA上传IOS端App Store 有更新!

一、注册苹果开发者账号 由于我在解决这个事情的时候苹果的开发者账号公司就已经注册好了,所以我暂时没有多去了解怎么个注册法子,大家可以参考参考别人的文档,这边公司注册的是企业版的,一年好像不到一千块钱。 二、证书的生成与下载 这边推荐大家一个非常好用的客户端软件,在 windows 上就可以轻松创建和下载证书,我也是用的这个,感觉用 MAC 什么钥匙串啥的太繁琐,虽然这边也有 MAC,但我还是用的 windows 创建和下载的证书,在上传到苹果商店我会教大家用 MAC 很快速的上传方法,也有 windows 的 下载链接 进去后点击下载就好了,下载完成后,打开软件,右侧登录自己的开发者账号和密码。 登录成功之后,证书和描述文件却一不可,都要申请,先申请证书。 点击 ADD,开发就选开发证书,发布就选发布证书。名称使用英文加数字,email 没有要求,证书密码简单点即可,一般来说,需要搞两套证书和描述文件,一套为开发证书,在 uniapp 中使用开发证书的描述文件打包的 APP 只能在这个开发证书中配置过的 uuid 的 iOS 手机才能安装上,其他 iOS 手机都是安装不上的。而发布....

UniPush + Java实现个推。 有更新!

一、uni-app 端设置 1、打开 HBuilder X,在项目的 manifest.json 中找到 APP 模块配置,右侧将 Push(消息推送)勾选,会自动勾选 uniPush 服务。 2、点击 uniPush 下方的配置按钮(登录),点击 Uni Push 下的修改应用信息,将右侧内容填好,如果安卓使用的是公共测试证书的话,直接填 B0:1D:06:18:0D:00:3E:79:C7:B9:08:89:93:B8:E5:AE:7A:19:B0:DA:11:61:AA:09:7C:7F:39:8A:6F:51:4F:A7 即可。如果是自有证书,可以去搜查看证书的 sha256,将自己证书的 sha256 填入即可(一定要是 sha256,不要用 sha1) 输入完成后在 Uni Push 下的 Uni Push,右侧选择配置管理,应用配置,就可以看到所需的一些东西。 注:iOS 需要去重新创建一个推送证书,太繁琐了,后续会发出发布 iosAPP 的教程。 到了这一基本就可以不用靠 Java 来进行简单的推送了,前提是 APP 必须是自定义基座或者云打包的 APP。不能使用....