———- # 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 git@github.com: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-_-~!!,谢谢。

Logo

前往低代码交流专区

更多推荐