toutiao-mobile

vue2移动H5项目

前言

此项目是类似头条、新闻、资讯类的移动端项目。

技术栈：vue2全家桶 + Vant + axios + Socket.io。

账号：13911111111 密码：246810

安装环境：

需要在node环境下，在package.json所在的文件夹中npm i下载依赖，下载完成后npm run serve 启动项目在localhost:8080即刻访问

项目展示

登录页

image-20230306195134175

首页

下拉刷新，上拉无线加载内容，频道列表选择和编辑，同时切换对应的内容

toutiao-home

文章详情页面

image-20230306195836575

评论

image-20230306195932628

搜索页面

双向绑定获取搜索关键词,搜索关键词调用后台接口,为了避免用户输入期间，多次调用联想词接口，进行了函数防抖处理。记录搜索关键词到本地 localStorage 中

image-20230306200012787

搜索结果页面

image-20230306200217468

我的页面

image-20230306200251317

编辑资料页面

image-20230306200452562

聊天机器人页面

image-20230306200523841