注册 登录
HBuilderX

HBuilderX

极客开发工具
uni-app

uni-app

开发一次，多端覆盖
uniCloud

uniCloud

云开发平台
HTML5+

HTML5+

增强HTML5的功能体验
MUI

MUI

上万Star的前端框架

vue多个组件合并到一个页面,组件共

把test1.vue，test2合并到test3中一起显示
test1.vue

<template>  
    <view>  
        test1  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>

test2.vue

<template>  
    <view>  
        test2  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>

test3.vue

<template>  
    <view>  
        test333       
        <test1></test1>  
        <test2></test2>  
    </view>  

</template>  

<script>  
    import test1 from '../test1/test1'  
    import test2 from '../test2/test2'  
    export default {  
        components: {  
                    test1,  
                    test2  
                },  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>

继续阅读 »

把test1.vue，test2合并到test3中一起显示
test1.vue

<template>  
    <view>  
        test1  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>

test2.vue

<template>  
    <view>  
        test2  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>

test3.vue

<template>  
    <view>  
        test333       
        <test1></test1>  
        <test2></test2>  
    </view>  

</template>  

<script>  
    import test1 from '../test1/test1'  
    import test2 from '../test2/test2'  
    export default {  
        components: {  
                    test1,  
                    test2  
                },  
        data() {  
            return {  

            }  
        },  
        methods: {  

        }  
    }  
</script>  

<style>  

</style>

收起阅读 »
为乐而来 发表于 : 2019-12-19 15:43 评论 (0) 分享

ios 获取本地文件失败

mui

<body>
<video onclick="aa()" class='my-video' playsinline="" webkit-playsinline="" autoplay='autoplay' controls='controls' style='height: 300px !important;width: 100%;'>
<source src='file:///var/mobile/Media/DCIM/124APPLE/IMG_4156.MOV' type='video/mp4'></source>
</video>
</body>
<script type="text/javascript">
function aa(){
var filepath = "file:///var/mobile/Media/DCIM/124APPLE/IMG_4156.MOV";
//var filepath = "_doc/filecache/124APPLE/IMG_4156.MOV";
var fpath = decodeURI(filepath);
alert(fpath);
docompress(fpath);
} 

function docompress(path) {  
    plus.zip.compress(path,path,function(){  
        alert("success:"+path);  
        uploadVideoZip(path);  
    },function(error) {  
        alert("fail:"+JSON.stringify(error));  
    });  
}

</script>

[结果]

{"code":-4,"message":"文件不存在"}

继续阅读 »

<body>
<video onclick="aa()" class='my-video' playsinline="" webkit-playsinline="" autoplay='autoplay' controls='controls' style='height: 300px !important;width: 100%;'>
<source src='file:///var/mobile/Media/DCIM/124APPLE/IMG_4156.MOV' type='video/mp4'></source>
</video>
</body>
<script type="text/javascript">
function aa(){
var filepath = "file:///var/mobile/Media/DCIM/124APPLE/IMG_4156.MOV";
//var filepath = "_doc/filecache/124APPLE/IMG_4156.MOV";
var fpath = decodeURI(filepath);
alert(fpath);
docompress(fpath);
} 

function docompress(path) {  
    plus.zip.compress(path,path,function(){  
        alert("success:"+path);  
        uploadVideoZip(path);  
    },function(error) {  
        alert("fail:"+JSON.stringify(error));  
    });  
}

</script>

[结果]

{"code":-4,"message":"文件不存在"}

收起阅读 »
1***@qq.com 发表于 : 2019-12-18 16:26 评论 (0) 分享

uni微信app支付

微信支付 
            //微信app支付 demo   
             var orderinfo = dat.data;  

                uni.requestPayment({  
                    provider:"wxpay",  
                    orderInfo:JSON.stringify(orderinfo),  
                    success:function(res){  
                        uni.showToast({  
                            title:"支付成功",  
                            icon:"success",  
                            duration:2000,  
                            complete:function(){  
                              vm.goback();  

                            }  
                        });  
                    },  
                    fail:function(res){  
                        uni.showToast({  
                            title: '支付失败，请重新支付',  
                            icon: "none",  
                            duration: 2000,  
                        });  
                        console.log(JSON.stringify(res));  

                    }  
                });  

            // 返回数据为  
            "data": {  
                  "code": 1,  
                   "message": "Success",  
                  "timestamp": 1576656961,  
                   "data": {  
                      "package": "Sign=WXPay",  
                      "out_trade_no": "02ci00110000i",  
                      "appid": "*************************",  
                      "sign": "0DC67CB535F781E6DAF5D809281C5725",  
                      "partnerid": "1480005102",  
                      "prepayid": "wx18161601019540994e6f2cf31556221700",  
                      "noncestr": "ce4dda6d083686058663bf27cb58f704",  
                      "timestamp": "1576656961"  
                     }  
             },  

           注：本地测试可能包名有问题 ，建议云打包测试，包名与微信申请的包名填写一致就可以了。
继续阅读 » 
            //微信app支付 demo   
             var orderinfo = dat.data;  

                uni.requestPayment({  
                    provider:"wxpay",  
                    orderInfo:JSON.stringify(orderinfo),  
                    success:function(res){  
                        uni.showToast({  
                            title:"支付成功",  
                            icon:"success",  
                            duration:2000,  
                            complete:function(){  
                              vm.goback();  

                            }  
                        });  
                    },  
                    fail:function(res){  
                        uni.showToast({  
                            title: '支付失败，请重新支付',  
                            icon: "none",  
                            duration: 2000,  
                        });  
                        console.log(JSON.stringify(res));  

                    }  
                });  

            // 返回数据为  
            "data": {  
                  "code": 1,  
                   "message": "Success",  
                  "timestamp": 1576656961,  
                   "data": {  
                      "package": "Sign=WXPay",  
                      "out_trade_no": "02ci00110000i",  
                      "appid": "*************************",  
                      "sign": "0DC67CB535F781E6DAF5D809281C5725",  
                      "partnerid": "1480005102",  
                      "prepayid": "wx18161601019540994e6f2cf31556221700",  
                      "noncestr": "ce4dda6d083686058663bf27cb58f704",  
                      "timestamp": "1576656961"  
                     }  
             },  

           注：本地测试可能包名有问题 ，建议云打包测试，包名与微信申请的包名填写一致就可以了。
收起阅读 »
gufe 发表于 : 2019-12-18 16:21 评论 (0) 分享

关于HBuilderX自定义字体的说明

HBuilderX 字体

设置字体

点击菜单【工具】【设置】【常用配置】，然后选择相应字体

如何自定义字体？

字体列表，包含了操作系统内所有已安装的字体。

自定义，只能填写操作系统内已有的字体;

如需要自定义，则需要先安装相应字体。

示例

以source-code-pro为例。

下载字体后，点击安装，安装成功后就会出现字体列表中。

继续阅读 »

设置字体

点击菜单【工具】【设置】【常用配置】，然后选择相应字体

如何自定义字体？

字体列表，包含了操作系统内所有已安装的字体。

自定义，只能填写操作系统内已有的字体;

如需要自定义，则需要先安装相应字体。

示例

以source-code-pro为例。

下载字体后，点击安装，安装成功后就会出现字体列表中。

收起阅读 »
DCloud_HB_WDL 发表于 : 2019-12-17 17:52 评论 (2) 分享

自己的开源项目，刚用uni-app重构小程序

Vue uniapp

项目地址

项目地址

优雅的土豆 发表于 : 2019-12-17 14:51 评论 (0) 分享

uni-app 插件中的 m-icon 图标名字方便查看复制使用

icon

如题，下载后直接打开查看

如题，下载后直接打开查看

DullcatMen 发表于 : 2019-12-16 18:52 评论 (0) 分享

hbuilderx 自定义基座打包之后，APP显示白屏

HBuilderX

reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->TypeError: undefined is not an object (evaluating 'modules[moduleId].call')
18:24:52.360 getTemplateInfo== template md5 3adb50733388e4e4a9c778d289d7d328 length 6352315 base64 md5 OttQczOI5OSpx3jSidfTKA== response header {"templateSourceBase64MD5":["OttQczOI5OSpx3jSidfTKA=="],"templateSourceMD5":["3adb50733388e4e4a9c778d289d7d328"]}

继续阅读 »

reportJSException >>>> exception function:createInstanceContext, exception:white screen cause create instanceContext failed,check js stack ->TypeError: undefined is not an object (evaluating 'modules[moduleId].call')
18:24:52.360 getTemplateInfo== template md5 3adb50733388e4e4a9c778d289d7d328 length 6352315 base64 md5 OttQczOI5OSpx3jSidfTKA== response header {"templateSourceBase64MD5":["OttQczOI5OSpx3jSidfTKA=="],"templateSourceMD5":["3adb50733388e4e4a9c778d289d7d328"]}

收起阅读 »
铅笔的未来 发表于 : 2019-12-16 18:28 评论 (0) 分享

uni.requestH5正常，而微信小程序和安卓只能返回HTML，终于知道问题了

uniapp

uni.requestH5正常，正常返回一串json，
而微信小程序和安卓只能返回HTML，
其实很简单，但Dcloud官方论坛都不知怎么解决，很难吗？
困扰我几天后，结果无意间在微信小程序论坛找到了答案，
加这个就行了
header: {'content-type':'application/x-www-form-urlencoded'},
看来Dcloud的生态还要继续完善啊！

继续阅读 »

uni.requestH5正常，正常返回一串json，
而微信小程序和安卓只能返回HTML，
其实很简单，但Dcloud官方论坛都不知怎么解决，很难吗？
困扰我几天后，结果无意间在微信小程序论坛找到了答案，
加这个就行了
header: {'content-type':'application/x-www-form-urlencoded'},
看来Dcloud的生态还要继续完善啊！

收起阅读 »
z***@126.com 发表于 : 2019-12-15 12:45 评论 (0) 分享

【数位云】开放平台上线，共建位置服务生态~欢迎体验

定位

12月13日，数位宣布即将上线位置服务开发者平台，面向行业开发者赋能采集、定位等基础能力，支持安卓、iOS、小程序等不同平台，帮助行业缩短开发周期，节省开发成本，以更高效的方式获取领先的精准室内位置识别能力。

定 位

基于数位自主研发的核心专利技术，赋能开发者店铺级精准室内位置识别能力，可以在不依赖硬件铺设的前提下，精准区分楼层、店铺、店内及店外。目前，这一定位能力已覆盖全国209座城市超4000万高价值室内场景并不断扩张，为开发者搭建精准室内定位能力通用平台。

采 集

针对不同行业面向的场景差异，数位开发者平台为开发者提供目标场景自采集功能，将原本专业采集团队才能完成的系统性采集工作，面向行业零门槛开放。开发者只需到达符合采集标准的目标采集地点，通过APP进行2步操作，10秒即可获取目标场景的精准定位能力。

目前，数位定位+采集能力已经为本地生活、新闻资讯、视频娱乐、电商母婴、考勤办公等诸多领域的服务类、工具类、娱乐类APP提供服务，赋能人员管理、定位打卡、用户画像、场景服务、数据分析、精细化运营等多种能力，打造从采集到定位，从定位到场景服务，从服务到数据分析的一整套位置服务系统。

即日起，开发者可联系数位工作人员获取免费体验工具。

未来，数位还将陆续开放地图导航、近场服务、数据分析等能力，丰富位置服务形态，构建位置服务生态，与行业共建全域感知的智能世界。

开发者平台链接地址：https://cloud.papakaka.com/flash/#/dashboard

体验中如有疑问
扫描或识别下方二维码
添加数位小助手
随时在线解答您的问题

继续阅读 »

12月13日，数位宣布即将上线位置服务开发者平台，面向行业开发者赋能采集、定位等基础能力，支持安卓、iOS、小程序等不同平台，帮助行业缩短开发周期，节省开发成本，以更高效的方式获取领先的精准室内位置识别能力。

定 位

基于数位自主研发的核心专利技术，赋能开发者店铺级精准室内位置识别能力，可以在不依赖硬件铺设的前提下，精准区分楼层、店铺、店内及店外。目前，这一定位能力已覆盖全国209座城市超4000万高价值室内场景并不断扩张，为开发者搭建精准室内定位能力通用平台。

采 集

针对不同行业面向的场景差异，数位开发者平台为开发者提供目标场景自采集功能，将原本专业采集团队才能完成的系统性采集工作，面向行业零门槛开放。开发者只需到达符合采集标准的目标采集地点，通过APP进行2步操作，10秒即可获取目标场景的精准定位能力。

目前，数位定位+采集能力已经为本地生活、新闻资讯、视频娱乐、电商母婴、考勤办公等诸多领域的服务类、工具类、娱乐类APP提供服务，赋能人员管理、定位打卡、用户画像、场景服务、数据分析、精细化运营等多种能力，打造从采集到定位，从定位到场景服务，从服务到数据分析的一整套位置服务系统。

即日起，开发者可联系数位工作人员获取免费体验工具。

未来，数位还将陆续开放地图导航、近场服务、数据分析等能力，丰富位置服务形态，构建位置服务生态，与行业共建全域感知的智能世界。

开发者平台链接地址：https://cloud.papakaka.com/flash/#/dashboard

体验中如有疑问
扫描或识别下方二维码
添加数位小助手
随时在线解答您的问题

收起阅读 »
swkj 发表于 : 2019-12-13 23:25 评论 (0) 分享

请问一下各位大佬做APP支付时嵌套webview页面，支付完成如何返回APP内啊？

支付

目前项目是用uniapp编译成andrior，领导决定用webview页面来处理支付逻辑，那么支付完成之后如何返回APP内啊

目前项目是用uniapp编译成andrior，领导决定用webview页面来处理支付逻辑，那么支付完成之后如何返回APP内啊

超长 发表于 : 2019-12-13 18:04 评论 (9) 分享

上传ipa反馈UIWebView APIs问题

iOS打包

近期很多开发者上传ipa文件后收到反馈，ITMS-90809：不推荐使用的API-Apple将停止接受使用UIWebView API的应用程序的提交！

意思是你的ipa代码使用了UIWebView API方式加载网页！苹果已经不推荐使用了！一般网页打包的都会这样提示！

这个问题不影响上架审核，ipa版本还是会正常的构建出来，暂时不用理会。

要改也是开发工具打包系统那边公司才能修改！

Dear Developer,

We identified one or more issues with a recent delivery for your app, “钜惠之家” 9.5.5 (1.2.1). Your delivery was successful, but you may wish to correct the following issues in your next delivery:

ITMS-90809: Deprecated API Usage – Apple will stop accepting submissions of apps that use UIWebView APIs . See https://developer.apple.com/documentation/uikit/uiwebview for more information.

After you’ve corrected the issues, you can use Xcode or Application Loader to upload a new binary to App Store Connect.

Best regards,

The App Store Team

亲爱的开发人员，

我们发现您的应用“钜惠之家” 9.5.5（1.2.1）最近交付中存在一个或多个问题。 您的交付成功，但是您可能希望在下一次交付中更正以下问题：

ITMS-90809：不推荐使用的API-Apple将停止接受使用UIWebView API的应用程序的提交。 有关更多信息，请参见https://developer.apple.com/documentation/uikit/uiwebview。

解决问题后，您可以使用Xcode或Application Loader将新的二进制文件上传到App Store Connect。

最好的祝福，

App Store团队

UIWebView是苹果在iOS2就有的，用于在App中嵌入网页内容，通常情况下是html格式的网页，也支持pdf, word等文档。通过javascript或者UIWebViewDelegate来进行和原生的通讯。

在iOS 8及以后运行的应用程序中，苹果则推荐使用WKWebView类而不是UIWebView。毫无疑问WKWebView的出现就是逐步取代笨重的UIWebView。通过简单的测试即可发现UIWebView占用过多内存，且内存峰值更是夸张。WKWebView网页加载速度也有提升，但是并不像内存那样提升那么多，并更多的支持HTML5的等相关特性。

基于UIWebView的一些缺点，大部分企业的应用早已更换成WKWebVie 了，此次苹果将UIWebView弃用，并从今日开始出现部分还用旧API提交应用时被拒的案例可以发现，苹果已经计划不再接受UIWebView开发的程序了，对于还在使用它的开发者们，建议下次提交程序时尽快更换，替换掉旧的API.。

UIWebView其实在某些领域非常受欢迎，因它的某些特性是WKWebView不具有的，所以这些领域的应用大量还在使用者它，此次苹果的行为，无形中让这类应用在接下来的提交受阻。眼下iOS13即将发布正式版，虽然更多API会受到调整，但苹果对UIWebView的力度却有些不合常规。

iOS上架流程, 中文文档 Edit

继续阅读 »

近期很多开发者上传ipa文件后收到反馈，ITMS-90809：不推荐使用的API-Apple将停止接受使用UIWebView API的应用程序的提交！

意思是你的ipa代码使用了UIWebView API方式加载网页！苹果已经不推荐使用了！一般网页打包的都会这样提示！

这个问题不影响上架审核，ipa版本还是会正常的构建出来，暂时不用理会。

要改也是开发工具打包系统那边公司才能修改！

Dear Developer,

We identified one or more issues with a recent delivery for your app, “钜惠之家” 9.5.5 (1.2.1). Your delivery was successful, but you may wish to correct the following issues in your next delivery:

ITMS-90809: Deprecated API Usage – Apple will stop accepting submissions of apps that use UIWebView APIs . See https://developer.apple.com/documentation/uikit/uiwebview for more information.

After you’ve corrected the issues, you can use Xcode or Application Loader to upload a new binary to App Store Connect.

Best regards,

The App Store Team

亲爱的开发人员，

我们发现您的应用“钜惠之家” 9.5.5（1.2.1）最近交付中存在一个或多个问题。 您的交付成功，但是您可能希望在下一次交付中更正以下问题：

ITMS-90809：不推荐使用的API-Apple将停止接受使用UIWebView API的应用程序的提交。 有关更多信息，请参见https://developer.apple.com/documentation/uikit/uiwebview。

解决问题后，您可以使用Xcode或Application Loader将新的二进制文件上传到App Store Connect。

最好的祝福，

App Store团队

UIWebView是苹果在iOS2就有的，用于在App中嵌入网页内容，通常情况下是html格式的网页，也支持pdf, word等文档。通过javascript或者UIWebViewDelegate来进行和原生的通讯。

在iOS 8及以后运行的应用程序中，苹果则推荐使用WKWebView类而不是UIWebView。毫无疑问WKWebView的出现就是逐步取代笨重的UIWebView。通过简单的测试即可发现UIWebView占用过多内存，且内存峰值更是夸张。WKWebView网页加载速度也有提升，但是并不像内存那样提升那么多，并更多的支持HTML5的等相关特性。

基于UIWebView的一些缺点，大部分企业的应用早已更换成WKWebVie 了，此次苹果将UIWebView弃用，并从今日开始出现部分还用旧API提交应用时被拒的案例可以发现，苹果已经计划不再接受UIWebView开发的程序了，对于还在使用它的开发者们，建议下次提交程序时尽快更换，替换掉旧的API.。

UIWebView其实在某些领域非常受欢迎，因它的某些特性是WKWebView不具有的，所以这些领域的应用大量还在使用者它，此次苹果的行为，无形中让这类应用在接下来的提交受阻。眼下iOS13即将发布正式版，虽然更多API会受到调整，但苹果对UIWebView的力度却有些不合常规。

iOS上架流程, 中文文档 Edit

收起阅读 »
半页 发表于 : 2019-12-13 16:21 评论 (5) 分享

uni统计月活突破8.4亿！

uni统计

> 更新：本文发布于2019年12月初，目前内容已过期。截止到2020年3月底，uni统计月活已经突破8.4亿

9月19日，DCloud公众号正式对外公布了uni统计商用。

然后这个业务开始了它的飞奔之旅，当然，我们的服务器工程师也开始了疯狂加班之旅。。。

短短两个多月，百万、千万、亿、两亿...一层层的挑战接踵而来，应接不暇。

即使是深夜或周末，一条服务器预警信息，就会让大家立即投入战斗。

但这并不让人痛苦，而是让人兴奋。

目前DCloud的服务器集群，稳稳的扛着每日数亿次请求！

从此，DCloud也进入亿级俱乐部了。

刚刚过去的11月，DCloud的uni-app和5+app业务，合计手机月活设备达到2.5亿（已对同设备多个应用去重）。

而总设备数，更达到了8.5亿之多！

这是一份荣耀，这也是一份责任。uni统计已成为很多开发者必不可少的工具，他们依靠uni统计做运营、改进产品，甚至他们给投资人汇报的全端用户报表，也来自uni统计的截图。

DCloud也在此承诺，保护好数据的准确性和安全性，成为开发者发展业务的坚实后盾。

未来，DCloud会提供更多有价值的云服务给开发者，不负名字里有个“cloud” ^_^

我们感谢广大开发者对DCloud的认可，也对时代赋予的机会心怀感恩。

我们幸运的赶上了各家小程序流量井喷的风口，尤其是头条系和百度小程序的迅猛增长。
​

没有大风起，再有本事的人，也飞不了这么快。

在此也祝愿各位开发者，紧紧抓住风口，实现快速增长！

> 后记

  1. uni统计是可选的，所以DCloud引擎的实际使用量肯定是大于上述公布的数字的。
  2. 注意中国没有2亿程序员。uni统计是手机端用户，不是开发者。至于开发者数量，HBuilder的装机量是380万，月活是1百万。
继续阅读 »

> 更新：本文发布于2019年12月初，目前内容已过期。截止到2020年3月底，uni统计月活已经突破8.4亿

9月19日，DCloud公众号正式对外公布了uni统计商用。

然后这个业务开始了它的飞奔之旅，当然，我们的服务器工程师也开始了疯狂加班之旅。。。

短短两个多月，百万、千万、亿、两亿...一层层的挑战接踵而来，应接不暇。

即使是深夜或周末，一条服务器预警信息，就会让大家立即投入战斗。

但这并不让人痛苦，而是让人兴奋。

目前DCloud的服务器集群，稳稳的扛着每日数亿次请求！

从此，DCloud也进入亿级俱乐部了。

刚刚过去的11月，DCloud的uni-app和5+app业务，合计手机月活设备达到2.5亿（已对同设备多个应用去重）。

而总设备数，更达到了8.5亿之多！

这是一份荣耀，这也是一份责任。uni统计已成为很多开发者必不可少的工具，他们依靠uni统计做运营、改进产品，甚至他们给投资人汇报的全端用户报表，也来自uni统计的截图。

DCloud也在此承诺，保护好数据的准确性和安全性，成为开发者发展业务的坚实后盾。

未来，DCloud会提供更多有价值的云服务给开发者，不负名字里有个“cloud” ^_^

我们感谢广大开发者对DCloud的认可，也对时代赋予的机会心怀感恩。

我们幸运的赶上了各家小程序流量井喷的风口，尤其是头条系和百度小程序的迅猛增长。
​

没有大风起，再有本事的人，也飞不了这么快。

在此也祝愿各位开发者，紧紧抓住风口，实现快速增长！

> 后记

  1. uni统计是可选的，所以DCloud引擎的实际使用量肯定是大于上述公布的数字的。
  2. 注意中国没有2亿程序员。uni统计是手机端用户，不是开发者。至于开发者数量，HBuilder的装机量是380万，月活是1百万。
收起阅读 »
DCloud_UNI_CHB 发表于 : 2019-12-13 14:51 评论 (21) 分享
友情链接
优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 申请友链

DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

| | 违法违规信息举报