vue怎么给pc端浏览器设置一个最小屏幕_uniapp支持PC版,真正的全平台制霸来了!...

点击上方蓝字关注这个脱发、卖货、持续学习的程序员 uni-app 已经支持iOS、Android、H5、微信小程序、阿里小程序、百度小程序、字节跳动小程序、QQ小程序、快应用、360小程序。

现在,uni-app终于官方支持PC宽屏!

3221daf86015644f4608306471aa846c.png

uni-app 宽屏适配方案包括:
  1. 页面窗体级适配方案:leftWindow、rightWindow、topWindow
  2. 组件级适配方案:match-media组件
  3. 内容缩放拉伸的处理及rpx的控制策略
通过各种强大、灵活的屏幕适配工具,开发者可以极快的完成PC版和手机版的适配。 以DCloud提供的新闻模板示例为例,把for手机的应用适配为PC版, 工作量不到半天 。 并且后续维护升级, 不需要手机和PC分版本升级 ,复用的业务只需单点更新。省心!

a57a0e1f4465a8d68520e008ee531278.png

在适配PC时,可以适配为普通PC页面,还可以快捷的适配为左右分栏的页面,即在左边点列表,右边展现内容详情。这种应用更加像一个应用而不是网页,给予用户更好的使用体验。

bebbebf02cdea083464d4b33cf348d3b.png

聪明如你,一定想到了,既然有了PC版,那搭配electron,就可以打包为windows、mac、linux客户端应用了!

是的,开发者还可以随意调用electron的API,以调用更多操作系统的能力(为方便多端兼容,可以将这些PC端专用能力API写在自定义的条件编译里) 插件市场已经封装好一批electron插件,详见 这些年应用平台的碎片化越来越严重,开发者一直吐槽心好累。 终于有个全平台都支持的框架了。

52570d0f95f8b5adab57b8f95d05dd2e.png

uni-app大满贯

来吧,以后不管做什么应用,uni-app一把梭!

673636c983eb7ba349bed29378395e3a.png

点击


更多文章

  • 微软解析新Edge浏览器的多进程体系结构
  • cURL简介:高级程序员都在用的工具
  • 8个JavaScript库可更好地处理本地存储
  • Google搜索的10个小技巧,部分适用于百度
  • 引入适用于双屏和可折叠设备的Web API
  • 听说你熟练使用Vue.js,这9种Vue技术你掌握了吗?
  • 在Vue Vite应用程序中实现暗/亮模式
  • 2020 开发人员生态系统现状

粉丝福利112期留言中奖用户:lwbtc,恭喜!请找我领红包5元红包,过期不候。临走前留下,今天的福利

  • 福利1:《Web安全从入门到“放弃”》视频教程 获取地址和密码请在公众号中回复关键字:003
  • 福利2:在看+留言,张张会在留言区随机抽取一位认真留言的小伙伴,给他发一个红包奖励

ef49b60420328722b8230644c3d2d0ac.png

- END -

走心的分享更容易被抽中~
开奖时间 下期文末

点赞 + 在看 + 留言
下一个幸运儿就是你

👇

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值