fix(pwl): 按钮样式调整
This commit is contained in:
@@ -55,11 +55,11 @@
|
|||||||
</template>
|
</template>
|
||||||
加载草稿
|
加载草稿
|
||||||
</a-button>
|
</a-button>
|
||||||
<a-button size="large" @click="handleExport">
|
<a-button size="large" @click="handleExport" type="danger" class="export-button">
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<UploadOutlined/>
|
<UploadOutlined/>
|
||||||
</template>
|
</template>
|
||||||
导出文本
|
生成文件
|
||||||
</a-button>
|
</a-button>
|
||||||
</a-space>
|
</a-space>
|
||||||
</a-card>
|
</a-card>
|
||||||
@@ -146,11 +146,11 @@
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<div style="margin-top: 12px">
|
<div style="margin-top: 12px">
|
||||||
<div style="color: #666; margin-bottom: 8px; font-size: 13px">优化建议:</div>
|
<div class="question-prompt">点此开始提问</div>
|
||||||
<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"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -739,6 +739,47 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="less" scoped>
|
<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 {
|
.navigation-container {
|
||||||
.nav-grid {
|
.nav-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
Reference in New Issue
Block a user