[TOC]
## 一、用户网页PC端介绍
林风社交论坛PC网页端基于主流的Vue3+Pinia技术栈全新打造，采用Tailwind CSS构建响应式UI，结合Axios与TanStack Query实现高效数据交互与缓存管理。 **林风PC网页端与移动端的功能不完全同步，且独立销售。数据是同步的，和移动端共用数据库**，网页版专注于强化论坛社区核心体验，与移动端共用同一套后端和数据库。 本产品历经半年多的研发与迭代，拥有极具个性化的前端交互页面，为企业及组织提供专业的社区论坛网页版本解决方案。
## 二、演示和介绍
演示地址（电脑打开）：https://pc.linfeng.tech
项目价格和介绍：https://www.linfengtech.cn/pc.html
## 三、开发环境要求
使用的技术栈：Vue3+Pinia+JS+Axios+TanStack Query+Tailwind CSS。
林风社交论坛用户**PC端商业版node版本和后台管理系统前端的要求一样**。
```html
参考版本（node.js v18.15.0 npm v9.5.0） node版本要大于16
```
## 四、运行及部署
用户网页pc端**V1.3.0版本**开始，后端接口的配置文件：
本地运行后端接口在.env.development 中配置，
线上运行后端接口在.env.production 中配置。
*****
用户网页pc端**V1.2.0版本**以及之前的版本，首先配置后端接口，在public/host.js下：
初次使用请安装依赖：
```html
npm install
```
本地启动项目：
```html
npm run dev
```
打包项目：
```html
npm run build
```
此外，你也可以使用yarn的方式安装依赖，使用方法如下：
初次使用请安装依赖：
```html
yarn
```
本地启动项目：
```html
yarn dev
```
打包项目：
```html
yarn build
```
如果你用的存储方式不是七牛云（默认），那么视频封面参数需要配置下，如下图的位置修改成你的云存储方式即可（注意：如果你用minio存储，那么填local）：
用户网页pc端**V1.3.0版本**开始在如下图的位置：
用户网页pc端**V1.2.0版本**以及之前的版本在如下图的位置：
```
PC网页版的服务器线上部署方法和后台前端的部署方法完全一致，请参考后台前端的部署即可。
```
## 五、常见问题
**1.V1.1版本圈子发布页新建圈子图片上传功能有误**
答：V1.1版本部分用户存在这个问题，解决方法如下：
找到文件src/components/commonUI/LfImageUpload.vue，修复代码如下：
2.V1.3版本中如何修改视频贴的封面图
答：如下图所示，按照你后台设置的文件存储类型，进行相应的配置。
## 六、PC网页端发布日志
林风社交论坛**用户PC网页端发布日志**
```
林风社交论坛PC网页端的发布时间周期和移动端不一定一致
```
2025.12.08
**V1.5.0发布**
1.适配后端v3.0.0升级导致变动的热帖接口
2.新增评论表情包功能
3.新增点赞动画效果
4.滚动条样式优化
2025.11.03
**V1.4.0发布**
1.新增帖子详情骨架屏
2.优化切换帖子闪屏问题
3.投票贴优化已结束状态禁止投票
4.帖子列表 加上圈子和话题
5.富文本图片最大宽度限制
6.圈子、话题交互优化
2025.10.10
**V1.3.1发布**
1.优化发帖页UI
2.优化代码封装
3.弹框交互优化
4.其他细节优化等
2025.08.06
**V1.3.0发布**
1.新增积分账单模块
2.新增余额账单模块
3.新增打赏模块
4.搜索页支持圈子和用户搜索
5.优化登录页逻辑
6.优化部分页面UI
7.优化暗黑模式下部分页面UI
8.引入typescript
9.修改配置文件为.env方式
2025.07.11
**V1.2.0发布**
1.新增举报模块
2.新增图库模式下的帖子操作栏
3.新增圈子管理员置顶和取消置顶功能
4.新增圈子管理员删帖功能
5.封装Badge徽章组件
6.优化发帖模块样式
7.优化访客记录统计
8.优化其他模块样式
9.修复性别显示问题
2025.06.03
**V1.1.0发布**
1.新增帖子详情全屏功能
2.新增全局样式模式
3.优化项目结构
4.优化发帖模块
5.优化评论模块
6.优化图库模式
7.修复已知bug
2025.04.02
**PC网页端V1.0发布**
