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-space>
<a-button type="primary" size="large" @click="handleGenerateAll" :loading="generatingAll">
<a-button size="large" @click="handleGenerateAll" :loading="generatingAll">
<template #icon>
<UngroupOutlined/>
</template>
@@ -55,7 +55,7 @@
</template>
加载草稿
</a-button>
<a-button size="large" @click="handleExport" type="danger" class="export-button">
<a-button size="large" @click="handleExport">
<template #icon>
<UploadOutlined/>
</template>
@@ -153,7 +153,7 @@
<a-textarea
v-model:value="item.suggestion"
:rows="3"
placeholder="请在此输入您的优化建议或疑问..."
placeholder="请输入优化提示词并回车..."
class="suggestion-textarea"
style="flex: 1;"
@pressEnter="generateContent(index)"
@@ -939,6 +939,7 @@ export default {
:deep(.export-button) {
border: 2px solid #ff4d4f !important;
border-radius: 20px !important;
&:hover, &:focus {
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 {
.nav-grid {
display: grid;
@@ -956,7 +978,7 @@ export default {
.nav-button {
height: 48px;
border-radius: 8px;
border-radius: 20px !important;
transition: all 0.3s ease;
display: flex;
align-items: center;