https://github.com/benyasin/gbt

https://github.com/benyasin/gbt

Last synced: 14 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/benyasin/gbt
• Owner: benyasin
• Created: 2019-06-21T03:23:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-08-09T18:04:08.000Z (over 5 years ago)
• Last Synced: 2024-11-11T03:36:28.342Z (about 2 months ago)
• Language: HTML
• Size: 1.33 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 本项目是在vue-cli基础上根据公司自身的情况打造的移动端脚手架，只需运行脚手架，就可以初始化整个项目。

### 项目技术架构

***

*   Vue.js : 前端页面展示

*   Vuex : 全局状态通信

*   axios：网络请求

*   Vue-router：路由跳转

*   Vux：移动端UI组件库

*   fastclick：去除点击延时

*   vue-scroller：刷新组件

*   reset.css：初始化浏览器样式

*   lib-flexible：移动端rem布局

*   px2rem-loader：自动将px转换为rem

***

### 参考资料

*   [vue-cli 配置flexible](https://segmentfault.com/a/1190000011883121#articleHeader2)

*   [使用Flexible实现手淘H5页面的终端适配](https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html)

*   [vue-打造webapp项目的脚手架](https://www.jianshu.com/p/00b2bd13b075)

### 移动端适配

*    根据不同屏幕动态写入font-size，以rem作为宽度单位，固定布局视口。

首先设置理想视口:

``

接下来计算 html 元素的 font-size,将可视视口的宽度乘以一个系数:

>  * 喜欢的请点心，关注，star ,fork,这些是我坚持下去的动力