# xjtubbq

**Repository Path**: doubletrees/xjtubbq

## Basic Information

- **Project Name**: xjtubbq
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-16
- **Last Updated**: 2021-11-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 部署修改

<u>以西安交通大学表白墙为模板，进行以下修改</u>

## 用户端主题颜色

### 1. 基础CSS修改

在根目录下的app.qss文件中修改--theme-color的值

``` js
page {
  font-size: 35rpx;
  background-color: #f6f6f6;
  --theme-color: #C92B2F; //修改此处的“#C92B2F”
}
```

> 此修改会影响：
>
> ​	submit页面字体颜色、边框颜色、按钮背景色
>
> ​	preview页面类型背景色、联系方式边框色、提交按钮背景色
>
> 不会影响：
>
> ​	submit页面的title以及qq和微信t的图标
>
> ​	preview页面的qq和微信的图标

### 2. 图片修改

在./res/submit目录下用对应主题色的图标替换qq.png、wechat.png

> 建议前往[iconfont](https://www.iconfont.cn/home/index)分别搜索[qq](https://www.iconfont.cn/search/index?searchType=icon&q=qq)和[微信](https://www.iconfont.cn/search/index?searchType=icon&q=%E5%BE%AE%E4%BF%A1&page=1&fromCollection=1&fills=&tag=)下载对应颜色图片

在./res/submit目录下用对应学校的title替换title.png

> 找UI要图片

## 云开发环境配置

### 1.新建云开发环境

1. 点击小程序开发工具右上角云开发按钮进入腾讯云控制台
2. 使用“Node.js云函数示例”创建，各项配置全默认
3. 保存云开发环境的id，后面要用

### 2. 创建云数据库

1. 创建云数据库后，建立集合“hide”，在hide中添加文档{“hide”: false}
2. 更改集合hide的权限设置

### 3. 创建云函数

1. 创建云函数“login”，各项配置默认

2. 输入函数代码.

   ``` js
   // 云函数入口文件
   const cloud = require('qq-server-sdk');
   cloud.init({
     env: cloud.DYNAMIC_CURRENT_ENV
   })
   
   // 云函数入口函数
   exports.main = async (event, context) => {
   
     const {
       OPENID,
       APPID,
       ENV
     } = cloud.getQQContext()
   
     return {
       OPENID,
       APPID,
       ENV
     }
   }
   
   ```

   

### 4.将小程序与云开发环境关联

小程序根目录下的app.js

``` js
App({
  onLaunch: function () {
    qq.cloud.init({
      env: 'xjtubbq-9gpvhkpw8a725140' //env的值改为更改创建的云开发环境的id
    })

  },
  ......
})

```

## 修改request的baseUrl

./utils/request.js中的baseUrl为网络请求地址

./app.js中的baseUrl为图片保存地址