- 博客(15)
- 收藏
- 关注
RSS订阅原创 vue饿了么学习-第十一篇（弹出层样式）
1.先设置一个弹出层样式，在header.vue的m-header下添加一个detail 板块，如下class="background"> :src="seller.avatar" width="100%" height="100%"/>class="detail" v-show="detailShow">2.设置好 .detail 的样式，如下position
2017-09-11 13:07:03
845
原创 vue饿了么学习-第十篇（header样式）
1.App.vue中路由请求到的seller数据，把它绑定到m-header头部组件中去，:seller="seller">2.打开header组件，用props属性去接收刚才传过来的值，type="text/ecmascript-6"> export default { //用props去接收从App.vue传入过来的seller数据 prop
2017-09-09 16:29:35
999
原创 vue饿了么学习-第十篇（配置路由）
1.在build文件下，打开dev-server.js文件，添加引入express文件，并使用它。var express = require('express')var app = express()2.在vuezhong饿了么学习-第六篇（mock数据）中，已经将data.json数据，引入到了这里，如下//9.5 定义数据读取,引入全部数据，并分类赋
2017-09-09 14:01:29
550
原创 vue饿了么学习-问题1（style文件报错）
1.在src-common-的styles中写入的mixin.styl文件，border-1px($color) position: relative &:after display: block position: absolute left: 0 bottom: 0 width: 100% border-top: 1px soli
2017-09-08 20:39:22
2291
原创 vue饿了么学习-第九篇（Vue-resource）
1.检查是否安装了Vue-resource，可以在控制台输入：npm Vue-resource -v，或者查看package.json中的依赖，是否有Vue-resource版本。2.如果没有，就安装Vue-resource，cnpm i Vue-resource --save。去package.json中查看是否安装成功。3.在入口文件，main.js中引入Vue
2017-09-08 18:40:00
681
原创 vue饿了么学习-第八篇（vue-router）
1.安装vue-router, 一般在项目构建的时候，会提示是否需要安装vue-router，点击y就可以，默认选择也是安装的，如果没有安装，使用命令去安装，查看是否安装，可以输入命令npm vue-router -v，安装了cnpm的，也必须要使用npm来查看，否则找不到。还有一种，在package.json中查看是否存在vue-router"dependencies": { "le
2017-09-07 17:20:10
403
原创 vue饿了么学习-第七篇（组件拆分）
1.刑部商家信息不变；横导航栏，控制下部的内容切换。2.引入一个重置浏览器样式，static文件，放在主项目下面，在index.html中引入这个static文件下的reset.css。这个网页开发为手机端使用，所以需要在index.html中通过meta标签配置一下视口内容。name="viewport" content="width=device-width
2017-09-06 15:19:31
1034
原创 vue饿了么学习-第六篇（mock数据）
1.mock.js模拟数据，data.json，拷贝到项目主目录下。data.json分为三个模块：seller（商家属性），goods（商品），ratings（评论）。2.找到项目目录下的bulid，打开该目录下的dev-server.js，配置读取刚才引入的data.json数据，如下var app = express()//9.5 定义数据读取var a
2017-09-05 18:13:12
648
原创 vue饿了么学习-第五篇（项目结构）
1.引入外部自愿resource文件夹到主目录下。2.所有的开发项目都放在src文件下，在src中，有一个main入口文件，有一个app.vue实例，它是整个项目页面的实例化对象。一个assets文件，一个component文件。4.对src目录的扩展：通常开发的时候，src-component目录下，再创建一个子
2017-09-05 17:42:05
954
原创 vue饿了么学习-第四篇（web字体）
1.字体库网站：icomoon2.在官网点击右上角icomoon app按钮，新页面找到import ICONS点击，选择自己所有的svg文件确定上传，选中新增的全部小图标，然后点击右下角的crate font，跳转到新页面以后，每一个图标下面都会出现一个web字体名，点击某个图标下面的get code弹出一个弹框
2017-09-05 17:40:23
1502
原创 vue饿了么学习-第三篇（需求分析）
1.对饿了么app进行分析，版面分为以下部分：顶部头，横导航栏，左边商品导航栏，右侧商品展示。顶部头通常不变，横导航栏，在进行切换的时候，会有颜色变化，左侧商品导航栏+右边商品展示，超出内容，可以上下滑动，上部滑动边界不能影响到横导航栏。左侧商品导航栏显示状态分为选中/未选中，右侧商品展示，点击加号的时候，会有一个小球抛出的动画效果展示，
2017-09-05 17:19:18
1948
原创 vue饿了么学习-第二篇（webpack）
1.在这个项目中，webpack的入口，在package.json下，scripts内容中的dev上，也就是命令：cnpm run dev这个命令，在scripts中的所有命令（dev,bulid,test,lint…）都是我们在运行项目的时候常用的，cnpm run (xxx).2.当执行cnpm run dev的时候，实则是去执行dev：node bulid/dev-ser
2017-09-05 16:32:48
523
原创 vue饿了么学习-第一篇（搭建项目/结构/列表）
1.创建饿了么目录 cnpm install -g vue-cli vue init webpack imoc(name) cd imoc cnpm install cnpm run dev 2.了解项目结构 编写文件全都在src目录下，static是存放第三方资源的目录，主文件在index.html上（id=app）通过main
2017-09-05 16:14:51
872
原创 bootstrap-select下拉框复选-（ajax传值）
一。描述：在使用bootstrap-select插件的时候，静态写的时候可以正常展示，但是很多时候，我们需要结合上ajax。很多人在结合上ajax的时候，就出现了各种问题，本文章就是针对遇到问题的学习者，进行整理处理的。二。先贴上代码吧 $(function(){
2017-05-04 16:11:00
9828
原创 vuejs绑定数据到select中，选择option数据后，同步改变下面一个输入框input的值
前言：应公司开发，某小功能的需要，所以初次接触到vuejs，摸索学习中，还不熟练，只是简单分享一些公司开发中遇到的一些问题，有不足的地方欢迎留言讨论。 一，问题描述：【当前页面里有一个select框 + 一个input框】1.ajax请求后台数据，绑定到select下拉单选框中。2.点击下拉框，选中一栏数据，同时input从没有值变成同步更新到选中的那一栏值。3.演示效果图
2017-04-28 17:08:10
49400
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人