style(pwlProject): 统一按钮圆角样式并优化导出按钮- 移除生成按钮的 primary 类型- 移除导出按钮的 danger 类型
- 修改优化建议输入框的占位符文本-为所有按钮添加统一的圆角样式和悬停效果 - 特别设置导出按钮的边框样式 - 调整导航按钮的圆角大小
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user