# 基于vue3和element-plus前后端项目
## 此仓库是前端代码
## 后端代码仓库
[后端代码仓库](https://github.com/xishandong/Django_Server_redbook)
### 使用
``` bash
npm update
npm run build
npm run dev
```
这个项目是模仿小红书web端的一个页面
### 主页
主页部分是一个瀑布流式的卡片效果,点击卡片会展现出放大的卡片
### 个人详情页
存放个人详情信息,包括收藏、发布帖子以及点赞帖子
### 登录
登录注册采用卡片式,写了完整的表单校验
### 发布
已完成,可以上传图片输入信息,然后生成预览图
### 用户信息管理
已完成,可以管理帖子信息以及用户信息
没有合适的资源?快使用搜索试试~ 我知道了~
仿小红书前端设计的网页 html css js
共40个文件
vue:13个
js:11个
css:4个
需积分: 1 1 下载量 163 浏览量
2024-03-26
12:56:29
上传
评论 2
收藏 113KB ZIP 举报
温馨提示
这个项目是一个模仿小红书Web端的应用,包含了以下几个主要功能模块: 1. **主页**: - 采用瀑布流式的卡片布局,展示了用户发布的各种内容。 - 卡片内容丰富多样,包括图片、视频、文字等多种形式。 - 用户可以点击感兴趣的卡片,查看放大后的内容及评论。 - 瀑布流布局使得内容展示更加动态、有序,营造良好的浏览体验。 2. **个人详情页**: - 展示用户的个人信息,如头像、昵称、个性签名等。 - 列出用户发布的所有内容,按时间顺序排列。 - 显示用户收藏的内容,方便用户随时查看感兴趣的内容。 - 展示用户点赞过的内容,反映用户的兴趣爱好。 3. **登录注册**: - 采用卡片式的登录注册界面,设计简洁大方。 - 实现了完整的表单校验,确保用户输入的合法性。 - 密码采用加密存储,提高用户信息的安全性。 4. **内容发布**: - 提供了发布内容的功能,支持图片、视频、文字等多种形式。 - 在发布前可以预览内容,确保内容展示效果满意。 - 发布后可在个人详情页和主页看到自己发布的内容。
资源推荐
资源详情
资源评论
收起资源包目录
Vue3_web_redbook-main.zip (40个子文件)
Vue3_web_redbook-main
.vscode
extensions.json 75B
src
App.vue 92B
assets
font
demo.css 8KB
demo_index.html 12KB
iconfont.ttf 3KB
iconfont.css 578B
iconfont.json 1KB
iconfont.js 8KB
logo.svg 287B
base.css 2KB
styles
common.css 1KB
main.js 737B
utils
waterFall.js 2KB
http.js 1KB
getTime.js 416B
components
cardDetail.vue 14KB
asideNav.vue 14KB
headNav.vue 30KB
homeCard.vue 3KB
stores
controlDetail.js 772B
user.js 2KB
tableStore.js 617B
router
index.js 3KB
apis
main.js 3KB
views
NotFound
index.vue 317B
Explore
index.vue 5KB
Login
index.vue 8KB
UserIndex
index.vue 12KB
UserPostControl
index.vue 10KB
Home
index.vue 427B
Details
index.vue 741B
Uploads
index.vue 6KB
vite.config.js 777B
package.json 649B
public
icon.jpg 18KB
package-lock.json 75KB
index.html 309B
.gitignore 302B
api文档.md 13KB
README.md 714B
共 40 条
- 1
资源评论
进击的代码家
- 粉丝: 2203
- 资源: 204
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功