关于vue.js:在vue已有电脑端页面基础上加入移动端页面

40次阅读

共计 540 个字符,预计需要花费 2 分钟才能阅读完成。

场景:写好了管理系统网页端,忽然需要退出对应的挪动端页面

艰深就是:咱们用 vue 写了一个网页我的项目,而后长期退出一个挪动端我的项目,同一个我的项目,同一套代码

  • 退出挪动端我的项目如果用原生的 js 去写或者用 vue 的网页 UI 框架去写款式都会在事实中遇到困难,网页的 UI 不适宜挪动端的 UI
  • 这时候可能会说用 rem 去转换 px 不就能够了吗,我想说的是如果构建我的项目的时候你用到了 rem,这里过渡能够很天然,然而刚开始你没用 rem,这里强去转换有点勉强
  • 对于简洁的 vue,我找的是 vue 对应的简洁的挪动端 UI – Vant,对用习惯了的 element 或者 iview 来说去看 vant 的应用,会感觉到很难受!
  • vant 的地址:

    https://vant-contrib.gitee.io/vant/v2/#/zh-CN/list

  1. 举个常见例子,挪动端你遇到要分页的数据,原生要本人监听滑到底部,vant 则提供了收费的组件 vant-list 去给你用,写对传参即可
  2. 还比方挪动端的工夫组件怎么写,原生吗,van-datetime-picker 帮你解决
  • 在同我的项目里创立新文件夹写挪动端,package.json 里退出 vant,能够同时和 element 等应用,这并不会抵触,而且这时候用的还是 px 不须要强转 rem

谢谢 !

正文完
 0