feat(ScriptEdit, UserEdit): 添加浮窗保存按钮
- 在 ScriptEdit 和 UserEdit 组件中添加浮窗保存按钮 - 按钮位于页面右侧,点击时触发表单提交 - 优化了用户编辑界面的样式
This commit is contained in:
@@ -596,7 +596,6 @@
|
||||
/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
</a-row>
|
||||
|
||||
<a-row :gutter="24"></a-row>
|
||||
@@ -808,6 +807,18 @@
|
||||
</a-form>
|
||||
</a-card>
|
||||
</div>
|
||||
<a-float-button
|
||||
type="primary"
|
||||
@click="handleSubmit"
|
||||
class="float-button"
|
||||
:style="{
|
||||
right: '24px',
|
||||
}"
|
||||
>
|
||||
<template #icon>
|
||||
<SaveOutlined />
|
||||
</template>
|
||||
</a-float-button>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
@@ -1574,4 +1585,9 @@ const getCardTitle = () => {
|
||||
background: var(--ant-color-bg-elevated);
|
||||
border: 1px solid var(--ant-color-border);
|
||||
}
|
||||
|
||||
.float-button {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -642,6 +642,19 @@
|
||||
</a-card>
|
||||
</a-form>
|
||||
</div>
|
||||
|
||||
<a-float-button
|
||||
type="primary"
|
||||
@click="handleSubmit"
|
||||
class="float-button"
|
||||
:style="{
|
||||
right: '24px',
|
||||
}"
|
||||
>
|
||||
<template #icon>
|
||||
<SaveOutlined />
|
||||
</template>
|
||||
</a-float-button>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
@@ -1014,4 +1027,9 @@ onMounted(() => {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.float-button {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user