fix(pwl): 按钮样式调整
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user