fix(pwl): 按钮样式调整

This commit is contained in:
2025-09-17 21:22:38 +08:00
parent eafa19e861
commit d921f99c99

View File

@@ -55,11 +55,11 @@
</template>
加载草稿
</a-button>
<a-button size="large" @click="handleExport">
<a-button size="large" @click="handleExport" type="danger" class="export-button">
<template #icon>
<UploadOutlined/>
</template>
导出文本
生成文件
</a-button>
</a-space>
</a-card>
@@ -146,11 +146,11 @@
/>
<div style="margin-top: 12px">
<div style="color: #666; margin-bottom: 8px; font-size: 13px">优化建议</div>
<div class="question-prompt">点此开始提问</div>
<a-textarea
v-model:value="item.suggestion"
:rows="3"
placeholder="请输入优化建议..."
placeholder="请在此输入您的优化建议或疑问..."
class="suggestion-textarea"
/>
</div>
@@ -739,6 +739,47 @@ export default {
</script>
<style lang="less" scoped>
.question-prompt {
color: #1677ff;
font-weight: 500;
margin-bottom: 8px;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
&::before {
content: '✍️';
margin-right: 6px;
font-size: 16px;
}
&:hover {
color: #0958d9;
text-decoration: underline;
}
}
.suggestion-textarea {
&:focus {
border-color: #1677ff !important;
box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.1) !important;
}
&:hover {
border-color: #4096ff !important;
}
}
:deep(.export-button) {
border: 2px solid #ff4d4f !important;
&:hover, &:focus {
border-color: #ff7875 !important;
box-shadow: 0 0 8px rgba(255, 77, 79, 0.3);
}
}
.navigation-container {
.nav-grid {
display: grid;