上一页 1 2 3 4 5 6 7 8 ··· 15 下一页
摘要: 理财页面同首页很多类似,故很多组件可以复用,稍加修改即可 效果为 阅读全文
posted @ 2019-07-19 20:12 jser_dimple 阅读(212) 评论(0) 推荐(1) 编辑
摘要: 虽然突兀,但是项目已经开始了 我们首先定义公共的css文件 关于js组件设计设计原则 https://github.com/jawil/blog/issues/21 em相对于父级元素 rem相对于根html标签 有一个小栗子 阅读全文
posted @ 2019-07-19 20:10 jser_dimple 阅读(410) 评论(0) 推荐(0) 编辑
摘要: 接下来我们进行的是详情页动态路由及banner布局 先看页面的效果 下面是代码部分 接下来我们进行画廊组件的封装 首先修改webpack.base.conf.js文件 接下来我们进行gallery组件的封装 点击我们的banner图,会进入gallery组件里面,点击gallery里面的图片,关闭g 阅读全文
posted @ 2019-07-15 12:04 jser_dimple 阅读(311) 评论(3) 推荐(0) 编辑
摘要: vue lazyload简单使用 npm地址:https://www.npmjs.com/package/vue lazyload github地址:https://github.com/hilongjw/vue lazyload 例子:http://hilongjw.github.io/vue l 阅读全文
posted @ 2019-07-11 10:15 jser_dimple 阅读(380) 评论(0) 推荐(0) 编辑
摘要: 接下来我们进行的是城市选择页面的路由配置 添加city.vue,使其点击城市,然后跳转到city页面 这里有个小知识,router link会给div外层加一个a标签 解决办法,给其改变的部分添加字体颜色 接下来我们新建一个header.vue组件 将header组件注册到City组件中,我们可以看 阅读全文
posted @ 2019-07-11 02:00 jser_dimple 阅读(2555) 评论(0) 推荐(10) 编辑
摘要: 老规矩,放下博主的项目地址:https://github.com/wohaiwo/vue znly 我一直在想给那些开源者取什么名字比较好,怎样才对得起他们开源项目的精神,后来想想,还是叫博主吧。有的人用语言表达技术,有的人用代码表达技术。 接下来我们还是来看项目效果吧 我们可以看到这个项目内容还是 阅读全文
posted @ 2019-07-10 19:48 jser_dimple 阅读(608) 评论(0) 推荐(0) 编辑
摘要: 先看下我们所做项目的效果 这些数据都是我们在data中定义的,不是从后端数据中请求的。那么 接下来我们使用axios渲染数据 每个组件里面的数据都不相同,但是单个的组件去进行数据请求的话,那么ajax请求还是太多了,我们在home.vue中发起一个请求 我们使用mock数据,在static中创建一个 阅读全文
posted @ 2019-07-10 01:53 jser_dimple 阅读(405) 评论(0) 推荐(0) 编辑
摘要: 我从未见过这么美妙的项目,当然与我接触的项目少有关,但是这个项目满满的艺术气息,让人沉醉,让人忍不住的去研究代码。 先放项目地址:https://github.com/eidonlon/imitate beautiful thing 再来看一下项目的效果 接下来我们来研究代码吧~ 我们先来看项目的入 阅读全文
posted @ 2019-07-09 21:27 jser_dimple 阅读(276) 评论(0) 推荐(0) 编辑
摘要: 接下来我们要做的是热门推荐页面,我们写一个推荐组件 使用的方法也是前端data中的数据渲染到页面上面,这里对文字过长取省略号的方法不成功使用了一个小技巧 使用了min width:0 我们来看完整的代码和效果吧 阅读全文
posted @ 2019-07-08 01:37 jser_dimple 阅读(215) 评论(0) 推荐(1) 编辑
摘要: 接下来我们编写周末游组件 我们看效果 阅读全文
posted @ 2019-07-08 01:37 jser_dimple 阅读(196) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 15 下一页
/*function gotourl() { var url = "https://www.cnblogs.com/smart-girl/"; var localurl = document.url; if( localurl.substring(0,url.length) != url ) { location.href=url; } } gotourl();*/