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-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;
|
||||
|
||||
Reference in New Issue
Block a user