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