【VUE】仿豆瓣（二）创建公共组件

公共组件都存放在components目录下，项目地址是：GitHub - Ercyao/VUE-douban: 仿豆瓣vue项目

头部效果图

head.jpg

search.jpg

头部组件header.vue，通过v-if判断头部导航栏或搜索界面的显示和隐藏，input文本框的@keyup.enter是监听键盘回车事件

底部效果图

drownapp.jpg

底部组件drownapp.vue

加载中的效果图

load.jpg

等待加载组件loading.vue

columBox的效果图

imgCover.jpg

txtCover.jpg

电影页和图书页引用的公共组件column.vue

星级评分rating.vue，根据评分实现星级

分类浏览的效果图

分类

分类浏览组件category.vue

小组和搜索结果的效果图

小组

搜索结果

小组和搜索结果引用的公共组件team.vue

VUE仿豆瓣（一）跨域配置、路由配置以及API封装
VUE仿豆瓣（二）创建公共组件
VUE仿豆瓣（三）最后建立各个页面