uniapp已经支持iOS、Android、H5、微信小程序、阿里小程序、百度小程序、字节跳动小程序、QQ小程序、快应用、360小程序。 现在,uniapp终于官方支持PC宽屏!一套代码多端运行,这个多端真正做到了跨平台,Android,IOS,web,都支持了,这样下去会不会也支持桌面应用了? 可以看出一个uniapp是中心,其他所有的都是围绕着这个产品,那么这样的一门语言到底受不受欢迎?官方数据显示。 DCloud公司拥有500万开发者用户,几十万应用案例、10亿手机端月活用户,数千款uniapp插件、70微信qq群。阿里小程序工具官方内置uniapp(详见),腾讯课堂官方为uniapp录制培训课程(详见),开发者可以放心选择。 打心底说这个uniapp是我们国产的一款神器,我相信大多创业公司早期的想法实现是可以用该语言来写的,作者也是一个uniapp的爱好者,一直都在用该语言开发产品。 uniapp宽屏适配方案包括:页面窗体级适配方案:leftWindow、rightWindow、topWindow组件级适配方案:matchmedia组件内容缩放拉伸的处理及rpx的控制策略 通过各种强大、灵活的屏幕适配工具,开发者可以极快的完成PC版和手机版的适配。 以DCloud提供的新闻模板示例为例,把for手机的应用适配为PC版,工作量不到半天。 并且后续维护升级,不需要手机和PC分版本升级,复用的业务只需单点更新。省心! 在适配PC时,可以适配为普通PC页面,还可以快捷的适配为左右分栏的页面,即在左边点列表,右边展现内容详情。这种应用更加像一个应用而不是网页,给予用户更好的使用体验。 来吧,以后不管做什么应用,uniapp一把梭! 友情提示一下,大家在体验的时候需要把HBuilderX升级到2。9。3。20201014 代码还是那套代码,大家按照要求配置一下pages。json{globalStyle:{},topWindow:{path:responsivetopwindow。vue,指定topWindow页面文件style:{height:44px}},leftWindow:{path:responsiveleftwindow。vue,指定leftWindow页面文件style:{width:300}},rightWindow:{path:responsiverightwindow。vue,指定rightWindow页面文件style:{width:calc(100vw400px)页面宽度},matchMedia:{minWidth:768生效条件,当窗口宽度大于768px时显示}}} 配置完毕后然后再用组件级适配方案:matchmedia组件来开发 matchmedia组件的优势包括:开发者能够更方便、显式地使用MediaQuery能力,而不是耦合在CSS文件中,难以复用。能够在模板中结合数据绑定动态地使用,不仅能做到组件的显示或隐藏,在过程式API中可塑性更高,例如能够根据尺寸变化动态地添加class类名,改变样式。能够嵌套式地使用MediaQuery组件,即能够满足局部组件布局样式的改变。组件化之后,封装性更强,能够隔离样式、模版以及绑定在模版上的交互事件,还能够提供更高的可复用性。 我相信这个是一个好的开端,只要坚持下去uniapp会越来越强大,感兴趣的朋友动起手来一起开发自己喜欢的网页程序吧。 帮忙点个赞,转发一下,关注一波是对我最大的支持谢谢了。