在小程序开发中,默认底部导航栏很难满足实际需求,好在官方给出了自定义形式,效果如下: 话不多说,直接上代码 1.组件 custom-tarbar.vue文件 <template> <view class="tarbar"> <view class=".tarbar-list" :style="{ background: tabBar.backgroundColor, color: tabBar.color, 'border-t

uniapp之安卓原生插件开发教程 准备 hbuilderX,下载 app离线SDK,下载 Andorid Studio,安卓官方或中文社区 证书(可以自己准备,也可以使用android Studio生成) 插件功能简介 加法功能,我们把插件名称起名为leruge-add,方法是add,参数是a和b 过程 HbuilderX创建一个项目 在pages/index/index.vue中随便写一个按钮,然后调用我们的原生插件leruge-add,代码如下 <template> <view&g

mac  安卓生成证书 义务需求: 最近在开发基于uniapp框架的app,到了打包发布的阶段,来尝试打包为安卓的apk安装包.在用HBuild打包的时候需要提供安卓的数字证书(.keystore 文件), 用于表明开发者的身份.需要在本地生成安卓证书后才能打包.来鼓捣看看.  环境要求: JRE(Java Runtime Environment)环境, 我们需要安装Java SE.下载对应系统的文件,我这里下载的是jdk-14.0.2_osx-x64_bin.dmg.然后开始安装即可. 安装步

在使用 uni-app 开发的时候,遇到了一个很棘手的问题.即获取设备参数的时候 uni-app 并没有相关方法,而安卓开发是可以做到的,因为接的是三方推广,所以功能必须实现,所以求助了安卓的大佬帮我们写了一个插件. uni-app 提供了以下方式来调用原生插件 我们可以通过这个方法来获取到插件,并且调用他.官方示例 const dcRichAlert = uni.requireNativePlugin('DCloud-RichAlert') so far so good,and then so

插件亮点 1 支持安卓平板(横竖屏均可),苹果的iPad.2 颜色图片均可更换. 特别提醒 此插件包含 android 端和 iOS 端,考虑到有些同学只做其中一个端的 app,特意分为 2 个插件,减小安装包体积.android 端请点击这里.iOS 端请点击这里. 1.前言 最近在使用 uniapp 开发项目,有刷脸实名认证的需求,最终使用百度人脸识别实现了需求.自己做了个 APP 原生插件,给大家介绍下用法.本插件主要功能是通过动作检测活体,采集人脸返回.其他功能需要自主实现,如刷脸登录,

借鉴 uni-app官方给出的文章http://ask.dcloud.net.cn/article/508(虽说是04年的) 预备环境 AndroidStudio开发环境,要求安装Android4.0或以上(API 14)SDK. 下载HBuilder离线打包Android版SDK(5+ SDK下载). 离线打包SDK目录说明 HBuilder-Hello:离线打包演示应用: HBuilder-Integrate: 5+ SDK 集成和插件开发示例 libs:SDK库文件目录: Feature列

我使用的是uni-app插件市场https://ext.dcloud.net.cn/plugin?id=142 出现一闪而过时加入权限 <uses-permission android:name="android.permission.REQUEST_INSTALL_PACKAGES"/> 如图

在App.vue中 onLaunch: function() { console.log('App Launch'); // #ifdef APP-PLUS this.getVersion(); // #endif } App.vue中的methods的方法们 // 获取APP版本号 getVersion() { plus.runtime.getProperty(plus.runtime.appid, wgtinfo => { var version = wgtinfo.version; var

解决办法:使用escape进行文件名编码 uni.downloadFile({ url: url, success: function(res) { var filePath = res.tempFilePath; //打开文件有效值 doc, xls, ppt, pdf, docx, xlsx, pptx uni.openDocument({ filePath: escape(filePath), success: function(res) { uni.hideLoading(); that

1.uni-app不支持动态组件,目前在用i-if判断,或者用scroll-view切换,没有想到什么其他的办法 2.uni-app不支持具名插槽,会导致页面塌陷 3.uni-app在做动态组件渲染的时候可能会对高度,偏移,定位不友好,但是用px单位就不会有问题,感觉原因是在打包的时候upx单位不会编译成px 4.平常我们再写vue项目的时候会写一个扫描文件,为的就是不用每个组件都去引用那么多组件,但是我在做uni-app的时候浏览器运行是没问题的,但是在安卓手机上并不支持,我打印了一下,确实是

uni-app实现了一套代码,同时运行到多个平台.支持iOS模拟器.Android模拟器.H5.微信开发者工具.支付宝小程序Studio.百度开发者工具.字节跳动开发者工具 工具安装 开发uni-app需要安装HBuilder X.下载地址. 下载成功后直接解压即可 简单的配置一下开发偏好:  创建第一个uni-app 点击左上角[文件]>>[新建]>>[项目],选择uni-app模板. uni-app目录结构 目录结构基本和小程序的目录结构相似,只是多了个基础组件的文件夹: un

安装: 直接到官网安装. 到插件市场下载一个模版. 新建项目的时候有提示链接: 找一个模版用于测试,或者在创建的时候选一个内置模版. 运行:第一次运行的时候有几个地方需要配置,这里因为只是用到了微信小程序和移动端app,其他请自行参考官网 一.编译运行微信小程序: 1.配置按照路径:工具-配置 2.新建项目.选择模版 3.运行编译:左侧项目目录要选中uni-app 的项目,点击菜单栏里的运行-运行到小程序模拟器 注意:需要在微信小程序开放工具里开启服务端口 二.运行到浏览器:H5版本 运行-运行

一.由来 最近由于业务需要要开发一套公益的APP项目,因此结合所给出的需求最终采用uni-app这种跨平台前端框架以及.netcore快速搭建我们的项目,并且能做到一套代码跨多个平台. 当然在前期技术框架选型方面尤其是前端,我们也是历经了许多波折,让我一 一道来:一开始我们接到app项目时,由于公司人手不足,无法开发原生的app,因此需要另辟途径, 在我的脑海中我知道微软Xamarin工具可以实现一端多平台的开发,所以我就投入进去进行深入的研究,在搭建的过程中发现Xamarin的开发环境以及调试

本人微信公众号:前端修炼之路,欢迎关注 背景介绍 经过上一篇文章uni-app官方教程学习手记的学习之后,我就着手做这个项目了. 目前已经初步搭出了整体的框架,秉着取之于社会,回馈于社会的原则,我将这个项目开源到GitHub uni-shop,发展壮大uni-app社区.项目肯定有不足和考虑不周之处,欢迎大家指正并提出Issues. 因为这是个真实的项目,为了一名合格的程序员的职业操守,项目真实数据部分并不会开源.为了提高整体的流畅性和帮助自己开发,数据部分采用Easy Mock模拟的假数据.有

uni-app是一款强大的前端框架,它除了pc端其他都可以实现,打包原生app.手机h5页面,微信小程序, 但是有一个问题就是本生的app和微信小程序是有一定的区别的,因为app有标题栏,返回键,而微信小程序自带了,那判断平台的语法就很重要了 1.uni-app 编译为小程序时均为生产环境,可用过 uni.getSystemInfoSync().platform 判断是在微信开发者工具里运行还是在手机里运行. if(uni.getSystemInfoSync().platform === 'de

最近公司官网需要使用视频当做banner背景且自动播放,并且因为是官网需要做到PC端和移动端都可以适配兼容,这些问题很是头疼: 兵来将挡,水来土掩,进过查阅相关技术资料,现已完美兼容PC端和移动端.下面就为大家详细讲解: PC端: PC端相应简单些,浏览器对<video>标签的兼容还是很好的,但是想要在浏览器中当做Banner视频自动播放就必须设置这些属性来更好地实现: <video // 设置后,音频会初始化为静音,注意浏览器只有设置静音,才能自动播放 muted // 视频会马上自动

背景:前几个月开发了一个安卓app(用的是Dcloud公司的uniapp框架),已经成功上线华为应用市场和小米应用市场.之前上线应用宝是因为没有软著,所以一直也没上线.近期甲方又提出了上架应用宝,于是有了下面的文章. 记录几点上线过程中遇到的问题: 1.认领app. 之前也没有在应用宝上架过,但是还是需要认领app.认领步骤官方文档有详细介绍. 参考:https://wiki.open.qq.com/wiki/%E5%BA%94%E7%94%A8%E8%AE%A4%E9%A2%86 说下需要注意

7月份打算做一简单app,之前公司做app的时候简单用过Dcloud公司的mui,当时由于uniapp刚出来,最终选择了mui.对uniapp的 了解几乎没有. 做app对我来说几乎是零基础的,当然是能把任务完成越简单越好. 当时有了解谷歌的Flutter,是使用Dart语言开发的,由于我和另外同事都感觉入门门槛比较高,加上app开发时间比较着紧,所以放弃了.现Flutter更新的频率比较高,加上阿里大厂的扶持,后再做app会比较倾向. 本打算使用mui,当时是由于mui的性能问题一直也在犹豫,

前言 uni-app uni-app是DCloud推出的终极跨平台解决方案,是一个使用Vue.js开发所有前端应用的框架,官网:https://uniapp.dcloud.io/ mui 号称最接近原生APP体验的高性能前端框架,官网:https://dev.dcloud.net.cn/mui/ 个人觉得,mui除了页面设计很接近原生App之外,还有一个特点就是能方便的使用App扩展规范Html5 Plus(http://www.html5plus.org/doc/h5p.html),我们能在它

最近一段时间公司要做一个小程序项目,还要支持,微信小程序,头条小程序,百度小程序.一套代码,实现三个平台.当时接到这个任务,就不知道怎么去下手,一套代码,分别要发布三个平台,赶紧就去上网了解这些东西,查看了,uni-app,taro,Chameleon这三个库,然后把每个都运行了一次,看一下文档.当我运行完Chameleon 这个项目的时候,直接就放弃这个了,滴滴公司开发的,一套代码,多端使用.主要是刚刚发布没有多久,官方实例太少,坑特别特别多.文档不全面,简直就是羊入虎口,但是,看介绍不错,直