8.seller商家详情页实现

摘要: seller详情页最上面是overview部分,其中overview下面的三等分的内容,用ul,li的列表结构来实现,布局用flex来实现 <ul class="remark"> <li class="block"> <h2>起送价</h2> <div class="content"> <span 阅读全文
posted @ 2017-08-04 23:32 U201113877 阅读(169) 评论(0) 推荐(0) 编辑

7.ratings评价列表页的实现

摘要: ratins组件也有滚动效果,所以最外层的div应该要有固定的高度,这样这层的高度超出外层高度时,才能实现滚动效果。 <div class="ratings" ref="ratings"> <div class="ratings-content"></div> </div> .ratings pos 阅读全文
posted @ 2017-08-04 14:23 U201113877 阅读(162) 评论(0) 推荐(0) 编辑

6.food商品详情页

摘要: ood采用fixed布局,z-index小于shopcart和list-mask的z-index,也就是说在商品详情页还是可以显示购物车清单页。 .food position: fixed left: 0 top: 0 bottom: 48px z-index: 30 width: 100% bac 阅读全文
posted @ 2017-08-03 20:54 U201113877 阅读(142) 评论(0) 推荐(0) 编辑

5.goods商品列表页开发

摘要: goods组件显示的区域是固定的,也没有滚动条,所以是采用绝对布局的,左右分为menu栏和foods栏,左边固定布局,右边自适应布局,采用flex布局。 写CSS样式的时候,尽量用class,少用tag,因为class的查找效率优于tag,尤其是嵌套层级比较多的时候。左边的menu栏有些是一行有些是 阅读全文
posted @ 2017-08-01 10:23 U201113877 阅读(674) 评论(0) 推荐(0) 编辑

4header组件开发

摘要: 组件中的data必须是一个函数。因为组件是可以服用的,如果组件中的data定义为对象的话,那么修改某一个组件的data会影响另外的组件。 前后端的交互需要通过ajax请求,通过vue-resource库可以实现ajax请求。 安装vue-resource,在amin.js中import ,通过Vue 阅读全文
posted @ 2017-07-30 15:12 U201113877 阅读(423) 评论(0) 推荐(0) 编辑

3组件骨架开发

摘要: 移动端的开发,需要通过<meta>标签设置视口 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> App 阅读全文
posted @ 2017-07-30 09:45 U201113877 阅读(186) 评论(0) 推荐(0) 编辑

2项目目录设计

摘要: svg图片不会直接使用,而是生成图标字体来使用。生成图标字体的网站https://icomoon.io/icons.html。 图标字体的code如下所示 项目的所有文件都放在src文件夹。main.js文件是整个项目的入口文件,app.vue是整个页面的vue实例文件。src文件下会新建一个com 阅读全文
posted @ 2017-07-29 22:25 U201113877 阅读(258) 评论(0) 推荐(0) 编辑

1项目相关的一些简介

摘要: 看黄轶老师用vue高仿饿了吗视频的一些总结 项目资源:通过vue-resource和后端数据进行交互,通过vue-route实现不同页面之间的路由,通过第三方js库better-scroll实现页面滚动。项目采用组件化编写,提升代码的复用性。用localstorage实现数据的存储。 Vue是一种M 阅读全文
posted @ 2017-07-27 23:09 U201113877 阅读(167) 评论(0) 推荐(0) 编辑

21AJax与Comet

摘要: Ajax(Asynchronous JavaScript+XML)能够向服务器请求额外的数据而无须卸载页面,会带来更好的用户体验。Ajax技术的核心是XMLHttpRequest对象(简称XHR)。 21.1XMLHttpRequest对象 IE中可能会遇到三种不同版本的XHR对象,即MSXML2. 阅读全文
posted @ 2017-02-23 20:04 U201113877 阅读(107) 评论(0) 推荐(0) 编辑

20JSON

摘要: JSON(JavaScript)是一种数据结构,不是一种编程语言。JSON是JavaScript是一个严格的子集,利用JavaScript中的一些模式来表示结构化数据。 20.1语法 简单值 包括数值、字符串、布尔值和null,JSON字符串必须使用双引号。 对象 JSON中的对象要求给属性加引号。 阅读全文
posted @ 2017-02-23 15:02 U201113877 阅读(131) 评论(0) 推荐(0) 编辑