08 2018 档案

摘要：UI 图： 一、详情弹窗 1）新增 html 代码 2）新增 detail 变量 和 showDetail 方法 注意：组件的 data 必须是一个函数 参考 官网 或 vue组件data为什么必须是函数 二、Sticky Footer 意思就是，将 footer 固定在页面底部，可参考 stick 阅读全文

摘要：先贴一张 header 的 UI 图 一、header 组件 1）传入 seller 数据 2）header 组件接收 seller 属性 3）拆分 header 组件 4）添加样式 效果图如下： 5）为满减 折扣等图标添加动态class 5.1 先添加相应class的样式 5.2 在 html 元 阅读全文

摘要：一、Vue Resource 1）安装 Vue Resource github：https://github.com/pagekit/vue-resource 查看github上关于 Vue Resource 的安装方式，选择 yarn 或者 npm 安装。 2）注入 Vue Resource 3） 阅读全文

摘要：一、Vue Router 可参考vue-router官网和github 官网：https://router.vuejs.org/zh/ github：https://github.com/vuejs/vue-router 1）给tab添加路由导航 参考官网： 在项目中增加商品、评论、商家的导航 2） 阅读全文

摘要：要模仿的界面如下： 一、组件拆分 1）重设css 在static中新增css/reset.css，样式参考：https://github.com/lwl0812/vue-sell/tree/master/static/css 在index.html中引入reset.css 2）设置移动端的viewp 阅读全文

摘要：注：此处vue用的是2.0以上版本 一、Vue CLI 项目启动之前，建议先去了解下 Vue CLI 官网：https://cli.vuejs.org/zh/guide/ 1) 全局安装 Vue CLI 2) 通过 Vue CLI 生成项目 3）进入项目，安装依赖 安装比较慢，趁这个时候，可以去官网 阅读全文