———- # datecar(海大约车~) #### 预览地址 使用微信来查看，属于微信开发项目 [海大约车](http://xqddin.cn/datecar/) >* 二维码查看
一个基于vue开发的小项目，可以通过下面的提示来部署项目
项目index.html里面引入了百度地图的秘钥会导致再本地无法运行，可以尝试使用自己的秘钥（*），或者删掉。
本地部署可以参考下面部署教程
技术栈
vue2.9.3+vue-router2+es6+webpack+promise+stylus+flex布局
描述
- 单页面，vue-route路由
- 组件封装，有扩展性
- icon使用的iconMoon的
- 百度地图插件大部分手机要请求定位权限，不然就是非洲几内亚湾了，难
- 参考了别人写的上拉刷新，下拉加载写了一个自己的组件，算是轮子吧，折腾了两三天
- 只有移动端，界面只是兼容新版本的手机，用wechat开发者工具在iphone5会出现样式堆叠
- 自己写的ui界面，有参考之前项目的一些样式，感觉还不算丑吧
环境要求
node(npm)+vue
Build Setup
git clone [email protected]:huangyijan/datecar.git
# 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功能（其实也就是页面）
- [x] 微信登陆
- [x] 表单验证
- [x] 发送订单
- [x] 订单列表
- [x] 接收订单
- [x] 用户反馈
- [x] 司机订单
- [x] 地图定位
- [x] 订单详情
部分截图
 |
 |
|---|---|
 |
 |
 |
 |
 |
 |
|
|
完
github地址：https://github.com/huangyijan/datecar
由我个人负责的ui页面和前端页面效果实现。前端源码在上面。喜欢的欢迎过来给我个小小的star-_-~!!,谢谢。