主要依赖

基于vue@2.0
使用vue-cli@2.0搭建项目框架
使用vue-router@2.1进行页面路由切换
使用vue-resource@1.0.1进行http请求获取数据
mock假数据存储在本地
使用stylus编写样式
使用eslint进行js代码的规范、
使用better-scroll进行联动滑动

商品页面

左侧分类菜单和右侧商品联动是重点，使用better-scroll进行联动滑动。

商品详情页面

评论页面

商家页面

遮罩层页面

购物车浮层

项目用到的技术参考网站：

 Stylus中文文档 http://www.zhangxinxu.com/jq/stylus/ es6入门学习 http://es6.ruanyifeng.com/ eslint规则 http://eslint.org/docs/rules/ 设备像素比 http://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/ Flex弹性布局 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 移动端1px边框的实现  先给需要添加1像素边框的元素设置一个1像素的伪类，然后根据手机屏幕的dpi大小对伪类进行相应的缩减，从而达到手机端1像素边框的实现。 CSS Sticky footerCSS秘密花园:Sticky footers http://www.w3cplus.com/css3/css-secrets/sticky-footers.html better-scroll实现联动 https://github.com/ustbhuangyi/better-scroll

项目在线体验：https://chenyubo.me/vue-eleme-app/dist/index.html#/

框架中的左侧菜单关联右侧页面是如何实现的_前端基础学习：Vue2.0实现移动端外卖平台项目，参考旧版饿了么！...相关推荐

ajax实现简单的点击左侧菜单，右侧加载不同网页
实现:ajax实现点击左侧菜单,右侧加载不同网页(在整个页面无刷新的情况下实现右侧局部刷新,用到ajax注意需要在服务器环境下运行,从HBuilder自带的服务器中打开浏览效果即可) 图片.png 原 ...
Easyui 绑定左侧菜单，右侧显示内容，动态添加多个tab
老规矩还是先上图看效果: 左侧菜单,右侧展示内容以及title 接着看前台jsp代码: 前台代码很简单,按照官方的要求写就可以,重点是红色框里别忘了加最后一步就是js绑定事件在这里我给出代码需要的同 ...
php怎么写左侧菜单右侧内容,ifram 实现左侧菜单，右侧显示内容
一般都是左侧的导航栏中的a标签中写一个target(a标签有target属性), 右侧的div标签中写一个iframe,在iframe中有name的属性,在左侧a标签中的target写上iframe中 ...
html中给div设置的属性怎么样才能拿得到_前端基础高频面试题(更新中)
页面渲染的全过程输入url后,先拿到html文件,html下载完以后会开始对它进行解析 html在解析的过程中,如果文本里有外部资源链接,比如css.js和img时,会立即启用其他线程下载这些静态资 ...
前端提示框定位在鼠标的右下_前端基础高频面试题(更新中)
页面渲染的全过程输入url后,先拿到html文件,html下载完以后会开始对它进行解析 html在解析的过程中,如果文本里有外部资源链接,比如css.js和img时,会立即启用其他线程下载这些静态资 ...
前端基础学习——Vue框架-AJAX的使用
目录一. AJAX基础 1.1.AJAX简介 1.2.第三方数据接口 1.3.AJAX实例 1.4.AJAX的异步特性二. axios框架 2.1.get方式与post方式请求 2.2.axios ...
Element UI 的el-menu在VUE项目中实现再次点击左侧菜单栏，右侧页面内容刷新
背景:在对项目进行bug走查的时候,测试人员突然提出项目左侧菜单栏再次点击时候要进行页面刷新,当时我真的懵了,vue项目了router还能在当前页面进行再次刷新!!!我怀着疑惑上网查询.咨询足足使用了 ...
java 重定向到某个页面并弹出消息_前端面试100问之浏览器从输入URL到页面展示发生了什么...
点击蓝字,关注我们『浏览器从输入URL到页面渲染发生了什么』作为一个经典题目,在前端面试中高频出现,很多大厂的面试都会从这个面试题出发,考察候选人对知识的掌握程度,这其中涉及到了网络.操作系统.We ...
前端解析token中的数据_[前端基础]数据类型判定原理解析
在日常业务开发当中,经常会遇到需要对某种数据类型进行判断,这里介绍几种判断js数据类型的方式~ typepf 关键字 console.log(typeof 1) // number console.l ...

框架中的左侧菜单关联右侧页面是如何实现的_前端基础学习：Vue2.0实现移动端外卖平台项目，参考旧版饿了么！...

主要依赖

商品页面

商品详情页面

评论页面

商家页面

遮罩层页面

购物车浮层

项目用到的技术参考网站：

框架中的左侧菜单关联右侧页面是如何实现的_前端基础学习：Vue2.0实现移动端外卖平台项目，参考旧版饿了么！...相关推荐

最新文章

热门文章