Skip to content

icehim/toutiao-mobile

Repository files navigation

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

About

vue2全家桶+vant-头条资讯类项目

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published