vae-mobile-ui

vae-mobile-template

在vue项目中使用vw实现移动端适配。截止目前最前卫的适配方式，手淘团队使用并推荐

参考文档

• 代码格式规范手册
• 如何在Vue项目中使用vw实现移动端适配

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

目录结构

├── App.vue # 首页 ├── assets # 资源目录 │   ├── images # 图片资源 │   └── css # 样式资源 ├── components # 示例组件库 │   ├── HelloWorld.vue # 示例处理元素容器宽高比 │   ├── Banner.vue # 轮播图 │   ├── Block.vue # 块布局 │   ├── Grid.vue # 网格布局 │   └── List.vue # 处理移动端 1px 的解决方案 ├── main.js # 入口文件 └── router # 路由层 └── index.js # 路由配置文件