# XL98

**Repository Path**: kickkkk/zlf

## Basic Information

- **Project Name**: XL98
- **Description**: 基于vue的心理小网站，XL98
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2020-06-29
- **Last Updated**: 2025-11-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# XL98

### XL98介绍

这是一个基于vue的心理小网站，XL98
学完vue之后，迫不及待想要练练手，实践一下，这个项目是一个前后端分离的项目，后端接口由另一位小伙伴提供

 **（这里的代码是已经完成后台接口连接的，所以如果你单纯时运行这个前端项目可能有一些数据无法获取，需要把后端也开起来或者改动一下代码哦 :bowtie: ）
** 


#### 安装教程和使用说明

# install dependencies
 **npm install** 

# serve with hot reload at localhost:8080
 **npm run dev** 

# build for production with minification
 **npm run build** 

# build for production and view the bundle analyzer report
 **npm run build --report** 


### 项目目录说明

![输入图片说明](https://images.gitee.com/uploads/images/2020/1006/161047_01638680_7539004.png "屏幕截图.png")

### 功能说明

1.首页
2.登录和注册
3.聊天酒吧
4.吐槽
5.树洞
6.寻找心理咨询师
7.个人中心
8.咨询问题


#### 1.首页
运行代码一开始进入的是首页。
这是一个video（截图的是仅仅是图片）,放置宣传片的video,你也可以换成你自己喜欢的小视频 :wink: 

![输入图片说明](https://images.gitee.com/uploads/images/2020/1006/164047_f923a226_7539004.png "屏幕截图.png")

首页往下拉是各个功能模块的预览

#### 2.登录和注册

这个背景采用的是canvas，动态背景随鼠标移动的星星是使用 **JS** 实现的哦，这个动态背景是我最喜欢的页面之一（非常好看）

![输入图片说明](https://images.gitee.com/uploads/images/2020/1006/165231_a0783a6b_7539004.png "屏幕截图.png")

注册，采用的是邮箱验证码（由后台发送）

![输入图片说明](https://images.gitee.com/uploads/images/2020/1006/165813_cdaff558_7539004.png "屏幕截图.png")

#### 3.树洞和吐槽
这是树洞部分页面，这里有动态的小花瓣撒下哦。

![这是树洞部分，这里有动态的小花瓣撒下哦](https://images.gitee.com/uploads/images/2020/1014/231506_dfb5dae8_7539004.png "屏幕截图.png")

这是吐槽弹幕部分页面 ，天空可以变色哦

![这里的天空可以变色哦](https://images.gitee.com/uploads/images/2020/1014/232228_2a480da0_7539004.png "屏幕截图.png")007f_7539004.png "屏幕截图.png")

#### 4.预约咨询师
这里可以预览和搜索喜欢的咨询师，然后预约等

![这个可以预览和搜索咨询师](https://images.gitee.com/uploads/images/2020/1014/232410_c9a602c9_7539004.png "屏幕截图.png")

#### 5.酒吧
这里可以预览每一个酒吧的介绍，可以选择加入，或关键词搜索哦

![聊天酒吧](https://images.gitee.com/uploads/images/2020/1014/232859_d4a23227_7539004.png "屏幕截图.png")

#### 6.咨询问答
这个是问答页面

![这个是问答页面](https://images.gitee.com/uploads/images/2020/1014/232947_5ce0b6f1_7539004.png "屏幕截图.png")

这个是分发到每个咨询师的问题部分页面，可以在这里点赞或回复这些帖子。

![这个是分发到每个咨询师的问题部分页面](https://images.gitee.com/uploads/images/2020/1014/233137_5db8bf01_7539004.png "屏幕截图.png")
#### 7.咨询室和吧室
这个有点像微信里面的聊天，分为咨询室和酒吧室，也就是一对一聊天和多人聊天的区别，哈哈哈哈

![聊天室或者咨询室](https://images.gitee.com/uploads/images/2020/1014/233431_adf838ab_7539004.png "屏幕截图.png")