文章目录一、首页header、tabbar区域1、header(顶部导航栏)区域用的是mint-ui中的Header组件2、tabbar区域引用的是ui组件mui中的案例tabbar.html,拷贝到App.vue二、在中间区域放置一个router-view来展示路由匹配的组件1、轮播图区域2、六宫格区域三、新闻资讯1、改造新闻资讯的路由链接2、新闻资讯列表页面3、点击新闻资讯列表跳转到新闻详情4、新闻详情页面5、发表评论、加载更多评论四、图片分享1、改造图片分享的路由链接2、图片分享列表页面3、懒加载技术4、点击图片列表跳转到图片详情5、图片详情页面(缩略图)五、商品购买1、改造商品购买的路