xuyue/ojnext
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix UI
Some checks failed
Deploy / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
yuetsh
2025-10-14 10:12:26 +08:00
parent 41eabef923
commit c6fefba081
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/oj/problem/components/SubmitFlowchart.vue
View File

@@ -260,7 +260,8 @@ onUnmounted(() => {
<!-- 左侧：流程图预览区域 --> <!-- 左侧：流程图预览区域 -->
<n-gi :span="3"> <n-gi :span="3">
<n-card title="流程图预览"> <n-card title="流程图预览">
<n-spin style="width: 100%" v-if="rendering" /> <div class="flowchart">
<n-spin v-if="rendering" />
<!-- 错误提示 --> <!-- 错误提示 -->
<n-alert v-if="renderError" type="error" title="流程图渲染失败"> <n-alert v-if="renderError" type="error" title="流程图渲染失败">
<template #default> <template #default>
@@ -268,7 +269,8 @@ onUnmounted(() => {
</template> </template>
</n-alert> </n-alert>
<!-- 流程图容器 --> <!-- 流程图容器 -->
<div v-else ref="mermaidContainer" class="flowchart"></div> <div class="flowchart" v-else ref="mermaidContainer"></div>
</div>
</n-card> </n-card>
<!-- 加载到编辑器按钮 --> <!-- 加载到编辑器按钮 -->
<n-flex style="margin-top: 16px" justify="center"> <n-flex style="margin-top: 16px" justify="center">
@@ -341,7 +343,6 @@ onUnmounted(() => {
/* ==================== 流程图样式 ==================== */ /* ==================== 流程图样式 ==================== */
.flowchart { .flowchart {
height: 500px; height: 500px;
width: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;