mui框架制作的红酒洋酒商城app界面模板
一款精美的mui框架制作的红酒洋酒商城app界面模板,适合做各种酒类商城移动端商城和app页面模板。
一款精美的mui框架制作的红酒洋酒商城app界面模板,适合做各种酒类商城移动端商城和app页面模板。
下载地址:https://www.sucaihuo.com/templates/5769.html
收起阅读 »onlaunch生命周期内navigateto跳转页面注意
在onlaunch生命周期内进行页面的跳转,需要注意:可能会和pages.json内配置的第一个页面跳转时机冲突。
造成的错误是手机端页面白屏,控制台报错:
11:47:40.766 Mon May 20 2019 11:47:45 GMT+0800 (CST) Page route 错误(system error)
11:47:40.786 navigateTo with an already exist webviewId 1
11:47:40.806 undefined
11:47:41.006 Expected updated data but get first rendering data at uniapp://ready:182
11:47:41.028 webviewScriptError
11:47:41.046 Expected updated data but get first rendering data
11:47:41.066 Error: Expected updated data but get first rendering data
11:47:41.086 at F (uniapp://ready:182:679403)
11:47:41.106 at uniapp://ready:182:681248
11:47:41.126 at Array.forEach (native)
11:47:41.155 at uniapp://ready:182:681228
11:47:41.187 at window.dispatchGenerateFunc (file:///storage/emulated/0/Android/data/io.dcloud.HBuilder/apps/HBuilder/www/__uniappview.html:40:30)
此时需要延迟做跳转处理。
由于性能优化,HBuilderX 1.9.8和HBuilderX1.9.4的执行时机有所不同。一些在HBuilderX 1.9.4下无需延时的代码,在升级到HBuilderX 1.9.8报错。先请延迟处理。
在HBuilderX 1.9.9+版本,已在底层修复此问题,自动兼容冲突,无需开发者再写延时代码。
如果使用新版的开发者有类似问题,已经不是这个问题了,请另行开贴详细说明
在onlaunch生命周期内进行页面的跳转,需要注意:可能会和pages.json内配置的第一个页面跳转时机冲突。
造成的错误是手机端页面白屏,控制台报错:
11:47:40.766 Mon May 20 2019 11:47:45 GMT+0800 (CST) Page route 错误(system error)
11:47:40.786 navigateTo with an already exist webviewId 1
11:47:40.806 undefined
11:47:41.006 Expected updated data but get first rendering data at uniapp://ready:182
11:47:41.028 webviewScriptError
11:47:41.046 Expected updated data but get first rendering data
11:47:41.066 Error: Expected updated data but get first rendering data
11:47:41.086 at F (uniapp://ready:182:679403)
11:47:41.106 at uniapp://ready:182:681248
11:47:41.126 at Array.forEach (native)
11:47:41.155 at uniapp://ready:182:681228
11:47:41.187 at window.dispatchGenerateFunc (file:///storage/emulated/0/Android/data/io.dcloud.HBuilder/apps/HBuilder/www/__uniappview.html:40:30)
此时需要延迟做跳转处理。
由于性能优化,HBuilderX 1.9.8和HBuilderX1.9.4的执行时机有所不同。一些在HBuilderX 1.9.4下无需延时的代码,在升级到HBuilderX 1.9.8报错。先请延迟处理。
在HBuilderX 1.9.9+版本,已在底层修复此问题,自动兼容冲突,无需开发者再写延时代码。
如果使用新版的开发者有类似问题,已经不是这个问题了,请另行开贴详细说明
收起阅读 »uni-app/mpvue插件大赛圆满落幕,来看看获奖的几十个优秀插件吧
为期1个半月的uni-app/mpvue插件大赛落下了帷幕。
目前的插件市场,已经羽翼丰满。
官方api + uni ui + 插件市场,这套组合几乎覆盖了开发者日常开发的各种常用场景。
那种拿来即用的丰富的轮子,帮助开发者大幅提升开发效率。
DCloud一直致力于提高开发者的生产效率。最高效率的开发平台=最高效的开发工具+最丰富的轮子生态。
我们向这个目标,又进了一大步。
感谢插件作者们的贡献,并恭喜大家获奖。
除了DCloud官方提供的奖品外,欢迎广大开发者积极赞助这些插件作者,让他们更有多动力为大家制造优秀的轮子。
一等奖
奖品:iPhone xs max
获奖插件:
插件名称 | 作者名称 | 插件市场地址 |
---|---|---|
mix-mall 电商项目模版 | MixR | https://ext.dcloud.net.cn/plugin?id=200 |
ColorUI 高颜值UI库 | 文晓港 | https://ext.dcloud.net.cn/plugin?id=239 |
ucharts 高性能跨全端图表 | 秋云 | https://ext.dcloud.net.cn/plugin?id=271 |
二等奖
奖品:三星32寸4k显示器
获奖插件:
插件名称 | 作者名称 | 插件市场地址 |
---|---|---|
商城模板 | 回梦無痕 | https://ext.dcloud.net.cn/plugin?id=267 |
封装的request网络请求 | SnoopyChen | https://ext.dcloud.net.cn/plugin?id=159 |
inputs组件 input输入防抖,修复checkbox | 取舍 | https://ext.dcloud.net.cn/plugin?id=149 |
数字货币交易系统模板 | 麻婆豆腐 | https://ext.dcloud.net.cn/plugin?id=304 |
graceui 新闻列表、详情(骨架屏) | hcoder深海 | https://ext.dcloud.net.cn/plugin?id=42 |
聊天模板 | 回梦無痕 | https://ext.dcloud.net.cn/plugin?id=324 |
uParse修复版,优化表格,css等,html富文本加载 | gaoyia@qq.com | https://ext.dcloud.net.cn/plugin?id=364 |
阿里百川原生插件 | 469139119@qq.com | https://ext.dcloud.net.cn/plugin?id=359 |
三等奖
奖品:Kindle
获奖插件:
纪念奖
奖品:uni-app纪念t恤
获奖插件:
各位中奖插件作者,请及时在个人设置中完善资料补充邮寄地址电话等信息。如有问题请发邮件到 bd@dcloud.io :
- 更新邮寄地址信息时间最晚不超过5月27日,过期将视为放弃领奖。
- 留下你的QQ,我们将邀请你进入vip群,提供优先的技术支持
已获奖作者请耐心等待,收集全作者快递信息后官方会统一快递奖品。
说明:其实大赛开始前和截止时间后,都有一批不错的插件,可惜不符合参赛条件。另外有些同质化过严重的插件也没有入选。
接下来官方将开始强化nvue,包括把nvue编译到多端。为大家提供更多可能性。
期待各位插件作者再接再厉,为大家提供更好的轮子!
大赛一、二、三等奖品已寄出,请获奖开发者注意签收。接下来将邮寄纪念奖。2019.5.30
为期1个半月的uni-app/mpvue插件大赛落下了帷幕。
目前的插件市场,已经羽翼丰满。
官方api + uni ui + 插件市场,这套组合几乎覆盖了开发者日常开发的各种常用场景。
那种拿来即用的丰富的轮子,帮助开发者大幅提升开发效率。
DCloud一直致力于提高开发者的生产效率。最高效率的开发平台=最高效的开发工具+最丰富的轮子生态。
我们向这个目标,又进了一大步。
感谢插件作者们的贡献,并恭喜大家获奖。
除了DCloud官方提供的奖品外,欢迎广大开发者积极赞助这些插件作者,让他们更有多动力为大家制造优秀的轮子。
一等奖
奖品:iPhone xs max
获奖插件:
插件名称 | 作者名称 | 插件市场地址 |
---|---|---|
mix-mall 电商项目模版 | MixR | https://ext.dcloud.net.cn/plugin?id=200 |
ColorUI 高颜值UI库 | 文晓港 | https://ext.dcloud.net.cn/plugin?id=239 |
ucharts 高性能跨全端图表 | 秋云 | https://ext.dcloud.net.cn/plugin?id=271 |
二等奖
奖品:三星32寸4k显示器
获奖插件:
插件名称 | 作者名称 | 插件市场地址 |
---|---|---|
商城模板 | 回梦無痕 | https://ext.dcloud.net.cn/plugin?id=267 |
封装的request网络请求 | SnoopyChen | https://ext.dcloud.net.cn/plugin?id=159 |
inputs组件 input输入防抖,修复checkbox | 取舍 | https://ext.dcloud.net.cn/plugin?id=149 |
数字货币交易系统模板 | 麻婆豆腐 | https://ext.dcloud.net.cn/plugin?id=304 |
graceui 新闻列表、详情(骨架屏) | hcoder深海 | https://ext.dcloud.net.cn/plugin?id=42 |
聊天模板 | 回梦無痕 | https://ext.dcloud.net.cn/plugin?id=324 |
uParse修复版,优化表格,css等,html富文本加载 | gaoyia@qq.com | https://ext.dcloud.net.cn/plugin?id=364 |
阿里百川原生插件 | 469139119@qq.com | https://ext.dcloud.net.cn/plugin?id=359 |
三等奖
奖品:Kindle
获奖插件:
纪念奖
奖品:uni-app纪念t恤
获奖插件:
各位中奖插件作者,请及时在个人设置中完善资料补充邮寄地址电话等信息。如有问题请发邮件到 bd@dcloud.io :
- 更新邮寄地址信息时间最晚不超过5月27日,过期将视为放弃领奖。
- 留下你的QQ,我们将邀请你进入vip群,提供优先的技术支持
已获奖作者请耐心等待,收集全作者快递信息后官方会统一快递奖品。
说明:其实大赛开始前和截止时间后,都有一批不错的插件,可惜不符合参赛条件。另外有些同质化过严重的插件也没有入选。
接下来官方将开始强化nvue,包括把nvue编译到多端。为大家提供更多可能性。
期待各位插件作者再接再厉,为大家提供更好的轮子!
大赛一、二、三等奖品已寄出,请获奖开发者注意签收。接下来将邮寄纪念奖。2019.5.30
收起阅读 »HBuilderX: 多窗口使用说明
本帖文档已集成到: hx产品文档
关于多窗口,需要理解两个概念: 主窗体、单项目窗体
单项目窗体
主窗体: 项目管理器可以显示多个项目列表。
单项目窗体: 就是项目管理器,只显示一个项目。
- 单项目窗体上,窗体标题会显示:单项目窗体
- 打开的单项目窗体列表, 会显示在菜单【视图】中
- 菜单【文件】【打开多窗体项目】,可以打开历史的单项目窗体
单项目窗体新建与使用
在主窗体上,点击菜单【视图】【新建HBuilder窗体】,就可以新建一个单项目窗体。
在主窗体上,选中某个项目,右键菜单,点击【在新窗体中打开】,即可将项目在单项目窗体中打开
备注:
单项目窗体,也可以直接将文件夹拖入。
主窗体、单项目窗体互相切换
在主窗体、单项目窗体互相切换的快捷键,mac下按【ctrl+F6】、 windows下按【Alt+`】
在任务栏直接启动某个项目的窗体
把HBuilderX固定在任务栏,点右键,可以快速打开某个项目的窗体
本帖文档已集成到: hx产品文档
关于多窗口,需要理解两个概念: 主窗体、单项目窗体
单项目窗体
主窗体: 项目管理器可以显示多个项目列表。
单项目窗体: 就是项目管理器,只显示一个项目。
- 单项目窗体上,窗体标题会显示:单项目窗体
- 打开的单项目窗体列表, 会显示在菜单【视图】中
- 菜单【文件】【打开多窗体项目】,可以打开历史的单项目窗体
单项目窗体新建与使用
在主窗体上,点击菜单【视图】【新建HBuilder窗体】,就可以新建一个单项目窗体。
在主窗体上,选中某个项目,右键菜单,点击【在新窗体中打开】,即可将项目在单项目窗体中打开
备注:
单项目窗体,也可以直接将文件夹拖入。
主窗体、单项目窗体互相切换
在主窗体、单项目窗体互相切换的快捷键,mac下按【ctrl+F6】、 windows下按【Alt+`】
在任务栏直接启动某个项目的窗体
把HBuilderX固定在任务栏,点右键,可以快速打开某个项目的窗体
个推一键认证SDK重磅推出,打造用户秒级登录体验
移动互联网时代,用户注意力的持续时间越来越短,他们追求便捷与高效。从账号密码登录、短信验证,到第三方登录甚至人脸识别登录,APP的注册/登录方式在逐步变化,开发者希望在这重要的交互端口提升用户的体验,并减少用户的流失。与此同时,面对层出不穷的密码破解术和薅羊毛方式,如何提升账户的安全,减少APP拉新、营销活动中的无用注册越来越被重视。
在这一背景之下,个推开发者服务新增“一键认证”产品,帮助APP解决登录流程冗长、虚假注册等问题。APP只需集成小巧灵活的一键认证SDK,就可以实现免密登录功能。基于运营商的验证能力,并结合自身的大数据分析能力,个推“一键认证”产品能够帮助APP实现安全与效益的双赢。
简化流程,保障用户账号安全
从用户的角度来说,“一键认证”产品简化了登录的流程,为用户首次登录APP提供了畅通无阻的通道,有效地减少了他们的等待时间,帮助他们迅速地建立起与APP的连接。另外,个推“一键认证”还能够有效保障用户的账号安全,降低由于密码设置过于简单或同一密码多账号使用,造成的密码破解或泄露的风险。同时,该产品还能降低短信验证遭到劫持的风险,为用户的账号提供安全的“保护伞”。
秒级体验,兼顾用户“质”与“量”
从APP的角度来说,“一键认证”产品能够有效地提高APP的注册转化率,在最关键的第一步“抓住用户的心”。传统的登录方式,在短信验证的过程中,用户可能会遇到界面来回切换、验证码下发延时或验证流程过长等问题,对一款新的APP失去试用的耐心。而个推的“一键认证”功能,可以帮助APP降低新用户的流失率。除此之外,个推“一键认证”产品基于个推海量的数据,能够从多维度进行分析,帮助APP提前识别问题设备,防范羊毛党及黑产,在追求转化“量”的同时提升了转化的“质”,为运营效果和业务安全双保障。
作为专业的数据智能服务商,个推升级打磨开发者服务的脚步从未停歇。在原有的消息推送、用户画像、应用统计服务之上,个推全新推出一键认证产品,并希望通过专业的服务和产品,为开发者提供更加全面、高效的开发工具,让开发的过程更加简便、智能。
移动互联网时代,用户注意力的持续时间越来越短,他们追求便捷与高效。从账号密码登录、短信验证,到第三方登录甚至人脸识别登录,APP的注册/登录方式在逐步变化,开发者希望在这重要的交互端口提升用户的体验,并减少用户的流失。与此同时,面对层出不穷的密码破解术和薅羊毛方式,如何提升账户的安全,减少APP拉新、营销活动中的无用注册越来越被重视。
在这一背景之下,个推开发者服务新增“一键认证”产品,帮助APP解决登录流程冗长、虚假注册等问题。APP只需集成小巧灵活的一键认证SDK,就可以实现免密登录功能。基于运营商的验证能力,并结合自身的大数据分析能力,个推“一键认证”产品能够帮助APP实现安全与效益的双赢。
简化流程,保障用户账号安全
从用户的角度来说,“一键认证”产品简化了登录的流程,为用户首次登录APP提供了畅通无阻的通道,有效地减少了他们的等待时间,帮助他们迅速地建立起与APP的连接。另外,个推“一键认证”还能够有效保障用户的账号安全,降低由于密码设置过于简单或同一密码多账号使用,造成的密码破解或泄露的风险。同时,该产品还能降低短信验证遭到劫持的风险,为用户的账号提供安全的“保护伞”。
秒级体验,兼顾用户“质”与“量”
从APP的角度来说,“一键认证”产品能够有效地提高APP的注册转化率,在最关键的第一步“抓住用户的心”。传统的登录方式,在短信验证的过程中,用户可能会遇到界面来回切换、验证码下发延时或验证流程过长等问题,对一款新的APP失去试用的耐心。而个推的“一键认证”功能,可以帮助APP降低新用户的流失率。除此之外,个推“一键认证”产品基于个推海量的数据,能够从多维度进行分析,帮助APP提前识别问题设备,防范羊毛党及黑产,在追求转化“量”的同时提升了转化的“质”,为运营效果和业务安全双保障。
作为专业的数据智能服务商,个推升级打磨开发者服务的脚步从未停歇。在原有的消息推送、用户画像、应用统计服务之上,个推全新推出一键认证产品,并希望通过专业的服务和产品,为开发者提供更加全面、高效的开发工具,让开发的过程更加简便、智能。
收起阅读 »uni-app 在app端运行报错 Expected updated data but get first rendering data at uniapp://ready:161
在项目中page.json中pages数组中第一项为启动页 我这个项目的需求是 当第一次打开app会打开这个页面 往后都不会打开 在本地存储记录状态值 每次app运行的时判断是否是第一次 如果是加载这个欢迎页 反之,则跳转到登录页面
报错: 跳转不管是 navigateTo redirectTo switchTab reLaunch 都会报错 Expected updated data but get first rendering data at uniapp://ready:161
解决: 这个报错的意思是 期望更新的数据,但首先获得渲染数据在uniapp 我想到一点 就是给跳转 redirectTo 一个延时 我设定400 最后完美解决
在项目中page.json中pages数组中第一项为启动页 我这个项目的需求是 当第一次打开app会打开这个页面 往后都不会打开 在本地存储记录状态值 每次app运行的时判断是否是第一次 如果是加载这个欢迎页 反之,则跳转到登录页面
报错: 跳转不管是 navigateTo redirectTo switchTab reLaunch 都会报错 Expected updated data but get first rendering data at uniapp://ready:161
解决: 这个报错的意思是 期望更新的数据,但首先获得渲染数据在uniapp 我想到一点 就是给跳转 redirectTo 一个延时 我设定400 最后完美解决
收起阅读 »微信支付
uniapp唤起微信支付:
前端调用API:
const datas = res.data.body
const orderInfo = JSON.stringify(datas)
console.log(orderInfo)
//微信支付
uni.requestPayment({
provider:'wxpay',
orderInfo,
success(res) {
console.log(res)
console.log('唤起支付成功')
that.newshow = 0
that[member.mylevel
] = mid
that.init()
},
fail(er) {
console.log('唤起支付失败')
console.log(JSON.stringify(er))
that.newshow = 0
}
})
datas 是服务器返回的订单数据,其中包含字段参考:
微信支付开发文档:https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_12&index=2
注意字段一定要跟开发文档上的一样,区分大小写,一般来说支付不成功都是后台的问题,前端只是调用API ^-^
支持真机调试,使用自定义基座即可!
uniapp唤起微信支付:
前端调用API:
const datas = res.data.body
const orderInfo = JSON.stringify(datas)
console.log(orderInfo)
//微信支付
uni.requestPayment({
provider:'wxpay',
orderInfo,
success(res) {
console.log(res)
console.log('唤起支付成功')
that.newshow = 0
that[member.mylevel
] = mid
that.init()
},
fail(er) {
console.log('唤起支付失败')
console.log(JSON.stringify(er))
that.newshow = 0
}
})
datas 是服务器返回的订单数据,其中包含字段参考:
微信支付开发文档:https://pay.weixin.qq.com/wiki/doc/api/app/app.php?chapter=9_12&index=2
注意字段一定要跟开发文档上的一样,区分大小写,一般来说支付不成功都是后台的问题,前端只是调用API ^-^
支持真机调试,使用自定义基座即可!
使用uni-app进行微信小程序云开发经验分享
因近期在开发一个微信小程序,涉及到微信小程序云开发,搜索社区,并无相关案例。
经过一番折腾,解决方案如下:
第一步:使用微信开发者工具,创建一个云开发的项目,创建云函数并上传(此项目作为开发云函数专用);
第二步:创建uni-app项目,并将上面云函数项目的appid,填入到此项目里,即可关联并直接使用wx云函数。
至此,就可以正常使用HbuilderX愉快的开发啦~
为了方便理解,我将微信小程序云开发DMEO,转换成uni-app版本,大家可以参考一下(见文末:miniprogram_cloud.zip)。
github地址:https://github.com/zhangdaren/miniprogram-cloud
下载后,填入微信小程序appid即可(运行前,需新建或使用原小程序项目,配置云开发环境,不然无法使用云函数,切记~)
与小程序开发异同:
相同之处: 云函数的使用,与小程序里面完全一致。
不同之处: uni-app里没有const app = getApp(),因此我修改为vuex来存储opendid及其他信息
最后,如果有问题,欢迎指正或回帖~~~
因近期在开发一个微信小程序,涉及到微信小程序云开发,搜索社区,并无相关案例。
经过一番折腾,解决方案如下:
第一步:使用微信开发者工具,创建一个云开发的项目,创建云函数并上传(此项目作为开发云函数专用);
第二步:创建uni-app项目,并将上面云函数项目的appid,填入到此项目里,即可关联并直接使用wx云函数。
至此,就可以正常使用HbuilderX愉快的开发啦~
为了方便理解,我将微信小程序云开发DMEO,转换成uni-app版本,大家可以参考一下(见文末:miniprogram_cloud.zip)。
github地址:https://github.com/zhangdaren/miniprogram-cloud
下载后,填入微信小程序appid即可(运行前,需新建或使用原小程序项目,配置云开发环境,不然无法使用云函数,切记~)
与小程序开发异同:
相同之处: 云函数的使用,与小程序里面完全一致。
不同之处: uni-app里没有const app = getApp(),因此我修改为vuex来存储opendid及其他信息
最后,如果有问题,欢迎指正或回帖~~~
收起阅读 »1.9.7.20190516-alpha版本,出现编译或云打包问题的解决方案
更新:HBuilderX 1.9.7的正式版已经发了,请升级到正式版吧
如果您2019-05-16 上午期间,升级alpha版本到1.9.7,可能会遇到HX版本为1.9.7,但是编译器为1.9.6的问题
解决方案1
- 进入【插件管理】,卸载
uniapp编译
插件,重装
解决方案2
重新下载1.9.7alpha
版本
更新:HBuilderX 1.9.7的正式版已经发了,请升级到正式版吧
如果您2019-05-16 上午期间,升级alpha版本到1.9.7,可能会遇到HX版本为1.9.7,但是编译器为1.9.6的问题
解决方案1
- 进入【插件管理】,卸载
uniapp编译
插件,重装
解决方案2
重新下载1.9.7alpha
版本
使用yapi 的ajax配置文件
https://github.com/scandalYang/Yapi-ts-Ajax.ts 需要的拿走
https://github.com/scandalYang/Yapi-ts-Ajax.ts 需要的拿走