[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发布**
