![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
仿今日头条移动端
文章平均质量分 87
Zhangzilnn
这个作者很懒,什么都没留下…
展开
-
仿今日头条项目——文章详情
1.创建组件并配置路由1.创建 views/article/index.vue组件<template> <div class="article-container">文章详情</div></template><script>export default { name: 'ArticleIndex', components: {}, props: { articleId: { type: ...原创 2022-04-19 13:42:28 · 529 阅读 · 0 评论 -
仿今日头条项目——首页(文章搜索)
1.创建组件并配置路由1、创建 src/views/search/index.vue<template> <div class="search-container">搜索页面</div></template><script> export default { name: "SearchPage", components: {}, props: {}, data() { ...原创 2022-04-18 16:22:05 · 518 阅读 · 0 评论 -
仿今日头条项目——首页(频道编辑)
1.频道编辑组件1.1处理页面弹出层在 data中添加一个数据用来控制弹层的显示和隐藏,然后在首页模板中的频道列表后面添加弹出层组件data () { return { ... isChannelEditShow: false }} <!-- 频道编辑弹出层 --> <van-popup v-model="isChannelEditShow" closeable position="b...原创 2022-04-15 17:03:56 · 1763 阅读 · 0 评论 -
仿今日头条项目——个人中心
1.TabBar处理通过分析页面,我们可以看到,首页、问答、视频、我的 都使用的是同一个底部标签栏,我们没必要在每个页面中都写一个,所以为了通用方便,我们可以使用 Vue Router 的嵌套路由来处理父路由:一个空页面,包含一个 tabbar,中间留子路由出口子路由:首页、问答、视频、我的1.创建 tabbar 组件并配置路由src/views/layout/index.vue:<template> <div class="layout-containe原创 2022-04-07 19:26:42 · 500 阅读 · 0 评论 -
仿今日头条项目——登录注册
1.创建组件并配置路由1.创建 src/views/login/index.vue<template> <div class="login-container">登录页面</div></template><script>export default { name: 'LoginPage', components: {}, props: {}, data () { return {} }, co原创 2022-04-07 14:53:21 · 820 阅读 · 0 评论 -
仿今日头条项目——项目初始化
1.使用 Vue CLI 创建项目> Babel:es6 转 es5> CSS Pre-processors:CSS 预处理器,后面会提示你选择 less、sass、stylus 等> Linter / Formatter:代码格式校验2.加入git版本管理2.1创建远程仓库2.2将本地仓库推到线上3.调整初始目录结构3.1删除初始化的默认文件3.2新增调整我们需要的目录结构- src/api 目录:存储接口封装- sr...原创 2022-04-06 15:21:31 · 741 阅读 · 0 评论