HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次,多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

uni-push谷歌推送FCM配置指南

fcm unipush

> 文档已迁移至新链接:https://uniapp.dcloud.net.cn/uni-push/google-fcm.html
> 如有疑问,可以单独发贴咨询。

继续阅读 »

> 文档已迁移至新链接:https://uniapp.dcloud.net.cn/uni-push/google-fcm.html
> 如有疑问,可以单独发贴咨询。

收起阅读 »

nvue使用uni-app编译模式引入字体文件

经验分享 引入字体
        created(){  
            const domModule = weex.requireModule('dom')  
            domModule.addRule('fontFace', {  
                'fontFamily': "iconfont",  
                'src': "url('../../static/font/font.ttf')"  
            });  
        }

在css中加入如下样式

.iconfont {  
    font-family: iconfont;  
}

使用方法

<text class="iconfont">&#xe62c;</text>
继续阅读 »
        created(){  
            const domModule = weex.requireModule('dom')  
            domModule.addRule('fontFace', {  
                'fontFamily': "iconfont",  
                'src': "url('../../static/font/font.ttf')"  
            });  
        }

在css中加入如下样式

.iconfont {  
    font-family: iconfont;  
}

使用方法

<text class="iconfont">&#xe62c;</text>
收起阅读 »

HBX Android真机不能运行

安卓真机运行第一次正常,之后真机不能运行

可能是文件相关的问题,就去找manifest.json相关配置,找到一个文件系统相关的权限

关掉之后一切正常
很迷
也不知道为啥
求解答

继续阅读 »

安卓真机运行第一次正常,之后真机不能运行

可能是文件相关的问题,就去找manifest.json相关配置,找到一个文件系统相关的权限

关掉之后一切正常
很迷
也不知道为啥
求解答

收起阅读 »

用MUI做的影视APP对接苹果CMS

用的技术是mui、H5+、jQuery,数据是对接苹果cms,用户后台是springboot、利用web-view进行视频播放
功能介绍:运营模式(免费、免费需登录、收费)、邀请下级双方获取会员、多条视频解析、播放记录,搜索、分享、意见反馈等功能

用的技术是mui、H5+、jQuery,数据是对接苹果cms,用户后台是springboot、利用web-view进行视频播放
功能介绍:运营模式(免费、免费需登录、收费)、邀请下级双方获取会员、多条视频解析、播放记录,搜索、分享、意见反馈等功能

overrideUrlLoading 拦截web-view打开APP match

wv.overrideUrlLoading({mode:'reject',match:'tbopen://.*'}, function(e){
console.log('reject url: '+e.url);
});

wv.overrideUrlLoading({mode:'reject',match:'tbopen://.*'}, function(e){
console.log('reject url: '+e.url);
});

微擎项目适配转换uni-app项目私活经验分享

小程序转uni_app 微信小程序 uniapp

> 1. 微擎项目在市场上广受欢迎,功能丰富,因此很多人想要将其转化为uni-app项目,以实现多平台运行的能力。
> 2. 在转换过程中,我们确实遇到了不少挑战,但得益于uni-app平台强大的基础能力支持,我们最终都成功解决了这些问题。
> 3. 下面我将分享我们在适配转换过程中的一些思路和经验,希望能对大家有所帮助。

代码结构迁移步骤

  • 我们以适配一个名称为“type”的页面,进行全面讲解
  • 微信小程序页面:type.js type.json type.wxss type.wxml
  • uniapp页面:只需要新建一个页面type.vue,目录层级和小程序保持一致即可。新建页面后,页面中会有三部分template,script,style,系统会自动生成这三部分。
  • 页面映射关系如下
  • 页面迁移结束后,就是进行标签的替换了,小程序的一些标签在uni-app是不识别的,但是整体还是比较简单的,参照下面的表格进行替换就可以了
  • 按照上面的标签替换方案替换完成后,页面基本上就可以进行展示了,再进行页面细节的调试,一个页面基本上就可以出来了,大概平均调试一个页面30分钟左右(根据页面复杂程度定)

迁移过程中遇到的一些“坑”,一起共勉

  • 取页面data值时由“this.data” 改成 “this._data”(备注:具体原因未知,期望知道的大佬讲解下,不胜感激,当初排查这个问题足足花费了3天左右的时间才定位到这个问题)
  • uniapp要求所有data变量提前定义,而微信小程序没有此要求,这块容易出问题。

关于我们

经典文章分享

继续阅读 »

> 1. 微擎项目在市场上广受欢迎,功能丰富,因此很多人想要将其转化为uni-app项目,以实现多平台运行的能力。
> 2. 在转换过程中,我们确实遇到了不少挑战,但得益于uni-app平台强大的基础能力支持,我们最终都成功解决了这些问题。
> 3. 下面我将分享我们在适配转换过程中的一些思路和经验,希望能对大家有所帮助。

代码结构迁移步骤

  • 我们以适配一个名称为“type”的页面,进行全面讲解
  • 微信小程序页面:type.js type.json type.wxss type.wxml
  • uniapp页面:只需要新建一个页面type.vue,目录层级和小程序保持一致即可。新建页面后,页面中会有三部分template,script,style,系统会自动生成这三部分。
  • 页面映射关系如下
  • 页面迁移结束后,就是进行标签的替换了,小程序的一些标签在uni-app是不识别的,但是整体还是比较简单的,参照下面的表格进行替换就可以了
  • 按照上面的标签替换方案替换完成后,页面基本上就可以进行展示了,再进行页面细节的调试,一个页面基本上就可以出来了,大概平均调试一个页面30分钟左右(根据页面复杂程度定)

迁移过程中遇到的一些“坑”,一起共勉

  • 取页面data值时由“this.data” 改成 “this._data”(备注:具体原因未知,期望知道的大佬讲解下,不胜感激,当初排查这个问题足足花费了3天左右的时间才定位到这个问题)
  • uniapp要求所有data变量提前定义,而微信小程序没有此要求,这块容易出问题。

关于我们

经典文章分享

收起阅读 »

写了一个天气类的程序

用uniapp写了一个小程序,新手请大家指教。

用uniapp写了一个小程序,新手请大家指教。

有偿求打离线包 Wap2App 形式开发的。群号:47323557

有偿求打离线包 Wap2App 形式开发的 。

请加QQ群内说需求:47323557

有偿求打离线包 Wap2App 形式开发的 。

请加QQ群内说需求:47323557

分享一下自己写uniapp对接苹果cms的项目历程

uniapp

之前一直用mui写项目
自从uniapp除了以后一直没用过,这次第一次尝试用uniapp写项目,开发过程意外的轻松,而且还包含了weex原生渲染很强大
目前项目完成了98%左右,代码也有待精简和优化,我不分享源码只交流心得,所以伸手党自重
感谢dcloud
感谢ColorUI-UniApp
感谢极简登录注册模板
感谢DLNA投屏,支持IOS和安卓
感谢酷站ui设计师囡囡的楠
下面是演示图

剩下的基本是用户逻辑功能和杂七杂八的页面
最主要的要是下载缓存视频的功能暂且没有思路

继续阅读 »

之前一直用mui写项目
自从uniapp除了以后一直没用过,这次第一次尝试用uniapp写项目,开发过程意外的轻松,而且还包含了weex原生渲染很强大
目前项目完成了98%左右,代码也有待精简和优化,我不分享源码只交流心得,所以伸手党自重
感谢dcloud
感谢ColorUI-UniApp
感谢极简登录注册模板
感谢DLNA投屏,支持IOS和安卓
感谢酷站ui设计师囡囡的楠
下面是演示图

剩下的基本是用户逻辑功能和杂七杂八的页面
最主要的要是下载缓存视频的功能暂且没有思路

收起阅读 »

京东也出小程序了该跟上节奏了

京东小程序

京东也出小程序了,又要跟一波了吧

京东也出小程序了,又要跟一波了吧

电影视频app7.0案例展示分享

播放器

7.2今天发布了,顺便晒晒作品,其实uniapp还是很强大的
有兴趣可以来群里交流 扣扣群 343440607.

继续阅读 »

7.2今天发布了,顺便晒晒作品,其实uniapp还是很强大的
有兴趣可以来群里交流 扣扣群 343440607.

收起阅读 »

plus.BarCode 扫描条码识别率低的问题解决方案

Barcode

这个问题由来已久,可以追数到上世纪....

问题说明:

barcode支持很多类型,二维码和条码
条码的支持在低端手机上只能识别15位以内的条码。可能和相机有关系。

但最近项目里用20位工业条码时,在高配置PAD里会有识别乱码的问题,超过15位不识别。而手机里怎么试怎么好用。

最后解决方案:缩小DOM元素中的宽度和高度大小300px以内,可以提高扫描成功率。很奇葩的问题,百思不得其解。

继续阅读 »

这个问题由来已久,可以追数到上世纪....

问题说明:

barcode支持很多类型,二维码和条码
条码的支持在低端手机上只能识别15位以内的条码。可能和相机有关系。

但最近项目里用20位工业条码时,在高配置PAD里会有识别乱码的问题,超过15位不识别。而手机里怎么试怎么好用。

最后解决方案:缩小DOM元素中的宽度和高度大小300px以内,可以提高扫描成功率。很奇葩的问题,百思不得其解。

收起阅读 »