style(pwlProject): 统一按钮圆角样式并优化导出按钮- 移除生成按钮的 primary 类型- 移除导出按钮的 danger 类型

- 修改优化建议输入框的占位符文本-为所有按钮添加统一的圆角样式和悬停效果
- 特别设置导出按钮的边框样式
- 调整导航按钮的圆角大小
This commit is contained in:
2025-09-28 11:33:05 +08:00
parent a3a2493df7
commit fc7b582aec

View File

@@ -37,7 +37,7 @@
<a-card style="margin-bottom: 20px; text-align: center; background: transparent" :bordered="false"> <a-card style="margin-bottom: 20px; text-align: center; background: transparent" :bordered="false">
<a-space> <a-space>
<a-button type="primary" size="large" @click="handleGenerateAll" :loading="generatingAll"> <a-button size="large" @click="handleGenerateAll" :loading="generatingAll">
<template #icon> <template #icon>
<UngroupOutlined/> <UngroupOutlined/>
</template> </template>
@@ -55,7 +55,7 @@
</template> </template>
加载草稿 加载草稿
</a-button> </a-button>
<a-button size="large" @click="handleExport" type="danger" class="export-button"> <a-button size="large" @click="handleExport">
<template #icon> <template #icon>
<UploadOutlined/> <UploadOutlined/>
</template> </template>
@@ -153,7 +153,7 @@
<a-textarea <a-textarea
v-model:value="item.suggestion" v-model:value="item.suggestion"
:rows="3" :rows="3"
placeholder="请在此输入您的优化建议或疑问..." placeholder="请输入优化提示词并回车..."
class="suggestion-textarea" class="suggestion-textarea"
style="flex: 1;" style="flex: 1;"
@pressEnter="generateContent(index)" @pressEnter="generateContent(index)"
@@ -939,6 +939,7 @@ export default {
:deep(.export-button) { :deep(.export-button) {
border: 2px solid #ff4d4f !important; border: 2px solid #ff4d4f !important;
border-radius: 20px !important;
&:hover, &:focus { &:hover, &:focus {
border-color: #ff7875 !important; border-color: #ff7875 !important;
@@ -946,6 +947,27 @@ export default {
} }
} }
/* 统一设置所有按钮为圆角 */
:deep(.ant-btn) {
border-radius: 20px !important;
transition: all 0.3s ease;
&:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
}
/* 发送按钮特殊样式 */
:deep(.ant-btn-primary) {
border-radius: 20px !important;
&:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(24, 144, 255, 0.3);
}
}
.navigation-container { .navigation-container {
.nav-grid { .nav-grid {
display: grid; display: grid;
@@ -956,7 +978,7 @@ export default {
.nav-button { .nav-button {
height: 48px; height: 48px;
border-radius: 8px; border-radius: 20px !important;
transition: all 0.3s ease; transition: all 0.3s ease;
display: flex; display: flex;
align-items: center; align-items: center;