mirror/cube-studio
2
0
Fork 0
mirror of https://github.com/tencentmusic/cube-studio.git synced 2024-12-21 06:19:31 +08:00
Code Issues Packages Projects Releases Wiki Activity
641cfabaef
cube-studio/myapp/frontend
History
data-infra 65b18a7cb7 修正中英文
2023-12-16 21:15:24 +08:00
..
.vscode 前后端分离模式，读取前端 2022-08-02 16:01:20 +08:00
config 前后端分离模式，读取前端 2022-08-02 16:01:20 +08:00
public 新增rdma和国际化 2023-12-10 19:55:49 +08:00
scripts 前后端分离模式，读取前端 2022-08-02 16:01:20 +08:00
src 修正中英文 2023-12-16 21:15:24 +08:00
.env fix some frontend bug 2023-04-06 23:00:12 +08:00
.env.production.fab 前后端分离模式，读取前端 2022-08-02 16:01:20 +08:00
.env.production.frontend fix some frontend bug 2023-04-06 23:00:12 +08:00
.env.test 前后端分离模式，读取前端 2022-08-02 16:01:20 +08:00
.gitignore 新增rdma和国际化 2023-12-10 19:55:49 +08:00
Dockerfile 前后端分离模式，读取前端 2022-08-02 16:01:20 +08:00
entrypoint.sh 前后端分离模式，读取前端 2022-08-02 16:01:20 +08:00
glsl.d.ts 前后端分离模式，读取前端 2022-08-02 16:01:20 +08:00
package-lock.json 新增rdma和国际化 2023-12-10 19:55:49 +08:00
package.json 新增rdma和国际化 2023-12-10 19:55:49 +08:00
README.md 新增rdma和国际化 2023-12-10 19:55:49 +08:00
tsconfig.json 前后端分离模式，读取前端 2022-08-02 16:01:20 +08:00

README.md

运行环境

  • node@16.13.0

启动/调试项目

npm run start

打包上线

npm run build

主题自定义

更改系统全局设置

// 文件路径：myapp/frontend/src/global.config.ts
const globalConfig = {
  appLogo, //系统左上角logo
  loadingLogo, //系统加载logo
  theme: "blue", //主题设置，可自定义
};

设置全局主题样式

// 文件路径：myapp/frontend/src/theme.ts
const blue: IThemeConfig = {
  "--ant-primary-color": "#1672fa",
  "--ant-primary-color-hover": "#1672fa",
  "--ant-primary-color-active": "#096dd9",
  "--ant-primary-color-outline": "rgba(24, 144, 255, 0.2)",
  "--ant-primary-1": "#e6f7ff",
  "--ant-primary-2": "#bae7ff",
  "--ant-primary-3": "#91d5ff",
  "--ant-primary-4": "#69c0ff",
  "--ant-primary-5": "#1672fa",
  "--ant-primary-6": "#1672fa",
  "--ant-primary-7": "#096dd9",
  "--ant-primary-color-deprecated-pure": "",
  "--ant-primary-color-deprecated-l-35": "#cbe6ff",
  "--ant-primary-color-deprecated-l-20": "#7ec1ff",
  "--ant-primary-color-deprecated-t-20": "#46a6ff",
  "--ant-primary-color-deprecated-t-50": "#8cc8ff",
  "--ant-primary-color-deprecated-f-12": "rgba(24, 144, 255, 0.12)",
  "--ant-primary-color-active-deprecated-f-30": "rgba(230, 247, 255, 0.3)",
  "--ant-primary-color-active-deprecated-d-02": "#dcf4ff",
  "--ant-success-color": "#52c41a",
  "--ant-success-color-hover": "#73d13d",
  "--ant-success-color-active": "#389e0d",
  "--ant-success-color-outline": "rgba(82, 196, 26, 0.2)",
  "--ant-success-color-deprecated-bg": "#f6ffed",
  "--ant-success-color-deprecated-border": "#b7eb8f",
  "--ant-error-color": "#ff4d4f",
  "--ant-error-color-hover": "#ff7875",
  "--ant-error-color-active": "#d9363e",
  "--ant-error-color-outline": "rgba(255, 77, 79, 0.2)",
  "--ant-error-color-deprecated-bg": "#fff2f0",
  "--ant-error-color-deprecated-border": "#ffccc7",
  "--ant-warning-color": "#faad14",
  "--ant-warning-color-hover": "#ffc53d",
  "--ant-warning-color-active": "#d48806",
  "--ant-warning-color-outline": "rgba(250, 173, 20, 0.2)",
  "--ant-warning-color-deprecated-bg": "#fffbe6",
  "--ant-warning-color-deprecated-border": "#ffe58f",
  "--ant-info-color": "#1890ff",
  "--ant-info-color-deprecated-bg": "#e6f7ff",
  "--ant-info-color-deprecated-border": "#91d5ff",
  "--ant-link": "#1672fa",
};

// 文件路径：myapp/frontend/public/index.html
<img src="%PUBLIC_URL%/cubeStudioLogo.png" alt="">