1 Star 0 Fork 0

yuan / VUE项目学习

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

这是一个厉害的项目

简单的VUE项目实战学习

制作首页App组件

  1. 完成Header区域,使用mint-ui中的Header组件
  2. 制作底部的Tabbar区域,使用mui的Tabbar.html
  3. 要在中间区域放置一个router-view展示路由匹配到的组件

改造Tabbar为router-link

设置路由高亮

点击tabbar中的路由链接,展示对应的路由组件

制作首页轮播图布局

加载首页轮播图数据

  1. 获取数据 使用vue-resource

改造九宫格区域的样式

新闻资讯的路由链接和页面制作

新闻资讯跳转到新闻详情,布局和数据渲染

新闻评论加载和发表评论

图片分享组件

  1. 顶部的滑动条 无法滑动 是JS组件需要初始化 mui('.mui-scroll-wrapper').scroll({
  2. 底部的图片列表
  3. 获取图片分类数据,渲染

制作图片列表(使用懒加载 lazy load)

点击图片跳转到图片详情页面

  1. 在改造li为router-link时,需要tag属性指定要渲染为那种元素

实现图片详情页面的布局和美化,同时获取数据渲染页面

实现图片详情页面中的缩略图功能

  1. 使用 vue-preview组件

绘制商品列表页面

The MIT License (MIT) Copyright (c) 2014 connors and other contributors Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

暂无描述 展开 收起
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/yuandage/vue_project_learning.git
git@gitee.com:yuandage/vue_project_learning.git
yuandage
vue_project_learning
VUE项目学习
master

搜索帮助