auth
/
generator-code-server
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 整理前端样式合并一起

This commit is contained in:
bunny 2025-07-01 21:22:11 +08:00
parent cd9c3b4dd5
commit 654019f77b
8 changed files with 124 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
generator-code-server/src/main/resources/static/src/lib/css/bootstrap-icons.min.css vendored
View File

File diff suppressed because one or more lines are too long

5
generator-code-server/src/main/resources/static/src/lib/css/bootstrap/bootstrap-icons.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

0
generator-code-server/src/main/resources/static/src/lib/css/bootstrap.min.css → generator-code-server/src/main/resources/static/src/lib/css/bootstrap/bootstrap.min.css vendored
View File

0
generator-code-server/src/main/resources/static/src/lib/css/atom-one-dark.min.css → generator-code-server/src/main/resources/static/src/lib/css/highlight/atom-one-dark.min.css vendored
View File

7
generator-code-server/src/main/resources/static/src/lib/css/index.css Normal file
View File

@ -0,0 +1,7 @@
/* 添加 bootstrap 样式 */
@import url("bootstrap/bootstrap.min.css");
@import url("bootstrap/bootstrap-icons.min.css");
/* 引入Highlight.js的CSS */
@import url("highlight/atom-one-dark.min.css");
/* 添加自定义样式 */
@import url("./style/style.css");

21
generator-code-server/src/main/resources/static/src/lib/css/style/style.css Normal file
View File

@ -0,0 +1,21 @@
/* 提高 Antd Message 的 z-index */
.ant-message {
z-index: 1100 !important;
}
/* 响应式 OffCanvas 宽度 */
.offcanvas.offcanvas-start {
width: 50%;
}
@media (max-width: 991.98px) {
.offcanvas.offcanvas-start {
width: 75%;
}
}
@media (max-width: 767.98px) {
.offcanvas.offcanvas-start {
width: 100%;
}
}

32
generator-code-server/src/main/resources/templates/main.html
View File

@ -2,13 +2,9 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>代码生成器前端</title>
<title>代码生成器-数据库生成</title>
<!-- 本地引入 Bootstrap CSS -->
<link rel="stylesheet" th:href="@{/src/lib/css/bootstrap.min.css}">
<!-- 本地引入 Bootstrap Icons -->
<link rel="stylesheet" th:href="@{/src/lib/css/bootstrap-icons.min.css}">
<!-- 引入Highlight.js的CSS -->
<link rel="stylesheet" th:href="@{/src/lib/css/atom-one-dark.min.css}">
<link rel="stylesheet" th:href="@{/src/lib/css/index.css}">
<!-- 本地引入 Vue.js -->
<script th:src="@{/src/lib/js/vue/vue.global.js}"></script>
<!-- 本地引入 Bootstrap JS -->
@ -30,30 +26,6 @@
<script th:src="@{/src/lib/js/dayjs/antd.min.js}"></script>
</head>
<style>
/* 提高 Antd Message 的 z-index */
.ant-message {
z-index: 1100 !important;
}
/* 响应式 OffCanvas 宽度 */
.offcanvas.offcanvas-start {
width: 50%;
}
@media (max-width: 991.98px) {
.offcanvas.offcanvas-start {
width: 75%;
}
}
@media (max-width: 767.98px) {
.offcanvas.offcanvas-start {
width: 100%;
}
}
</style>
<body>
<div id="app">
<div class="container my-4">

89
generator-code-server/src/main/resources/templates/sql.html Normal file
View File

@ -0,0 +1,89 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>代码生成器-SQL语句生成</title>
<!-- 本地引入 Bootstrap CSS -->
<link rel="stylesheet" th:href="@{/src/lib/css/index.css}">
<!-- 本地引入 Vue.js -->
<script th:src="@{/src/lib/js/vue/vue.global.js}"></script>
<!-- 本地引入 Bootstrap JS -->
<script th:src="@{/src/lib/js/boostrap/bootstrap.bundle.min.js}"></script>
<!-- 本地引入 popper JS -->
<script th:src="@{/src/lib/js/boostrap/popper.min.js}"></script>
<!-- 本地引入 axios JS -->
<script th:src="@{/src/lib/js/axios/axios.min.js}"></script>
<!-- 引入dayjs -->
<script th:src="@{/src/lib/js/dayjs/dayjs.min.js}"></script>
<script th:src="@{/src/lib/js/dayjs/customParseFormat.js}"></script>
<script th:src="@{/src/lib/js/dayjs/weekday.js}"></script>
<script th:src="@{/src/lib/js/dayjs/localeData.js}"></script>
<script th:src="@{/src/lib/js/dayjs/weekOfYear.js}"></script>
<script th:src="@{/src/lib/js/dayjs/weekYear.js}"></script>
<script th:src="@{/src/lib/js/dayjs/advancedFormat.js}"></script>
<script th:src="@{/src/lib/js/dayjs/quarterOfYear.js}"></script>
<!-- 引入 antd JS -->
<script th:src="@{/src/lib/js/dayjs/antd.min.js}"></script>
</head>
<body>
<div id="app">
<div class="container my-4">
<!-- 主标题 -->
<app-header></app-header>
</div>
</div>
</body>
<!-- 引入Highlight.js -->
<script th:src="@{/src/lib/js/highlightjs/highlight.min.js}"></script>
<script th:src="@{/src/lib/js/highlightjs/javascript.min.js}"></script>
<!-- 初始化 Highlight.js -->
<script th:src="@{/src/config/highlight-config.js}"></script>
<!-- 设置 popper 提示框 -->
<script th:src="@{/src/config/popper-config.js}"></script>
<!-- 加载全局axios配置 -->
<script th:src="@{/src/config/axios-config.js}"></script>
<!-- 引入组件 -->
<script th:src="@{/src/components/AppHeader.js}"></script>
<script>
const {createApp, ref} = Vue
const app = createApp({
setup() {
return {
loading: ref(false),
// 提交的表单
form: ref({
// 作者名称
author: "Bunny",
// requestMapping名称
requestMapping: "/api",
// 表名称
tableNames: [],
// 包名称
packageName: "cn.bunny",
// 时间格式
simpleDateFormat: "yyyy-MM-dd HH:mm:ss",
// 去除开头前缀
tablePrefixes: "t_,sys_,qrtz_,log_",
// 生成代码路径
path: [],
}),
// 生成的数据
generatorData: ref({}),
};
},
methods: {},
});
// 注册组件
app.component('AppHeader', AppHeader);
app.mount('#app');
</script>
</html>