# qq-html

**Repository Path**: dusw/qq-html

## Basic Information

- **Project Name**: qq-html
- **Description**: qq对话类型的HTML网页
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-03
- **Last Updated**: 2023-02-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 一、配置相关
### 1. 推荐使用scss文件写样式
1. 使用**npm i sass -g**安装sass编译器，也可以直接使用vscode的**Easy Sass插件**。
2. 在**src/css/style.scss**中编辑样式，保存scss文件后使用**sass .\style.scss style.css**将scss编译成css。
3. 在html中head标签引入css文件`<link href="./src/css/style.min.css" rel="stylesheet">`，使用**style.min.css**更加精简。

### 2. 修改和新增消息模板
1. 在**src/utils/handle.js**中新增和修改消息模板
2. 然后在函数**createOneMsg()**中配置type规则

## 二、发布帖子
### 1.新增资源文件和数据文件
1. 把资源文件放入**assets**文件夹对应目录，可以按照文件类型分类，里面再根据帖子细分；也可以直接根据帖子分类。自行设置。文件夹**assets/pageSth**为一些默认图片。
2. 在**data**文件夹帖子的**增文件夹和js文件**，名称说明：
> 1. 文件夹名为帖子的名称，方便自己查找修改
> 2. js文件名，和访问链接的参数一致，尽量不要设置太简单避免重名，推荐使用随机uuid，**随机生成uuid网站： https://www.nhooo.com/tool/uuid/**
> 3. js文件内的变量名，使用const声明，不要与其他帖子的变量名重名，推荐使用日期格式，如：*pYYMMddhhmm*，**变量名不要以数字开头**，
3. 编写js文件，参数如下:  
| 序号 | 参数名 | 默认值 | 是否必填    | 可选值                | 说明                                             |
| ---- | ------ | ------ | --------------- | ------------------------ | -------------------------------------------------- |
| 1    | id     | 无    | 否/是(视频消息) | [数字类型]           | 多个视频消息时，使用不同的id，其他消息可不传次参数 |
| 2    | type   | 无    | 是             | word/img/mp4/m3u8/file等 | 消息模板类型                                 |
| 3    | msg    | 无    | 是             | [字符串]              | 消息内容，文本/图片、视频链接/资源名称 |
| 4    | url    | 无    | 否             | [字符串]              | 链接或JavaScript脚本                          |
| 5    | class  | 无    | 否             | [字符串]              | 消息内容内的class名称                      |
| 6    | style  | 无    | 否             | [字符串]              | 消息内容内的cstyle样式,修改字体等     |
4. 引入数据并配置路由，即可完成发帖！
> 1. 在**src/data/index.js**引入，使用**require**函数，参数格式为**帖子文件夹名/帖子js文件名**
> 2. 在**src/router/index.js**中添加键值对，**key为data的js的文件名和url请求参数，value为data的js的变量名**