From 1aa5654a0b51bb82948fff8bed77b166f25f11ea Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 19 二月 2025 20:14:20 +0800
Subject: [PATCH] Merge branch 'develop'
---
src/views/mkai/index.scss | 283 +++++++++++++++++++++++++++++++++++++++++++++++++++++---
1 files changed, 268 insertions(+), 15 deletions(-)
diff --git a/src/views/mkai/index.scss b/src/views/mkai/index.scss
index 4bcae79..ba19fa4 100644
--- a/src/views/mkai/index.scss
+++ b/src/views/mkai/index.scss
@@ -3,18 +3,22 @@
--ds-ease-in-out: cubic-bezier(.4,0,.2,1);
.ant-spin {
- position: absolute;
+ position: fixed;
z-index: 2;
top: 30vh;
- left: calc(50% - 16px);
+ left: calc(50vw + 115px);
+ transition: left 0.2s;
+ }
+ .mk-left.close + .ant-spin {
+ left: calc(50vw + 18px);
}
.mk-deepseek-flex {
display: flex;
height: 100vh;
overflow: hidden;
.mk-left {
- width: var(--local-sider-width);
- max-width: var(--local-sider-width);
+ width: 260px;
+ max-width: 260px;
position: relative;
top: 0;
bottom: 0;
@@ -86,6 +90,85 @@
padding: 0 10px;
overflow-x: hidden;
overflow-y: auto;
+ position: relative;
+
+ .item-wrap {
+ .item-date {
+ background-color: #f9fbff;
+ color: #555;
+ margin: 6px 0 6px -6px;
+ padding: 0 10px 0 16px;
+ font-size: 13px;
+ font-weight: 600;
+ line-height: 18px;
+ // position: -webkit-sticky;
+ // position: sticky;
+ // z-index: 2;
+ // top: 0;
+ }
+ .item-title {
+ height: 38px;
+ color: rgb(38, 38, 38);
+ background-color: #f9fbff;
+ cursor: pointer;
+ border-radius: 12px;
+ align-items: center;
+ padding: 0 10px;
+ font-size: 14px;
+ display: flex;
+ position: relative;
+ transition: background-color 0.2s;
+
+ .title {
+ white-space: nowrap;
+ flex: 1;
+ align-items: center;
+ min-width: 0;
+ line-height: 18px;
+ display: flex;
+ overflow: hidden;
+ height: 100%;
+ }
+ .ds-icon {
+ margin-left: 5px;
+ padding: 5px;
+ width: 24px;
+ height: 24px;
+ background: rgba(255, 255, 255, 0.9);
+ border-radius: 8px;
+ opacity: 1;
+ transition: opacity 0.2s;
+ }
+ }
+ .item-title.edit {
+ padding: 0px;
+ .ant-input {
+ height: 100%;
+ border-radius: 12px;
+ border-color: var(--mk-sys-color);
+ }
+ }
+ .item-title:hover {
+ background-color: var(--mk-sys-color1);
+ }
+ }
+ .item-wrap:not(.active):not(:hover) {
+ .item-title {
+ .ds-icon {
+ opacity: 0;
+ }
+ }
+ }
+ .item-wrap:not(:first-child) {
+ .item-date {
+ margin-top: 24px;
+ }
+ }
+ .item-wrap.active {
+ .item-title {
+ background-color: var(--mk-sys-color2)!important;
+ }
+ }
}
.user {
box-sizing: border-box;
@@ -135,7 +218,6 @@
display: inline-block;
}
.mk-anticon-deepseek {
- color: #4D6BFE;
width: 32px;
height: 32px;
font-size: 32px;
@@ -170,17 +252,15 @@
margin-right: 0px;
}
.mk-anticon-new {
+ width: 26px;
color: rgba(139, 139, 139, 1);
- svg {
- width: 26px;
- }
}
}
.wrap:hover {
background-color: var(--mk-sys-color1);
}
}
- .history-wrap * {
+ .history-wrap .item-wrap {
display: none;
}
.user {
@@ -199,12 +279,17 @@
display: flex;
flex-shrink: 0;
flex-direction: column;
+ overflow-y: auto;
.mk-faad {
flex-direction: column;
flex-shrink: 0;
max-width: 100%;
display: flex;
+ position: sticky;
+ background-color: #fff;
+ top: 0px;
+ z-index: 1;
.title {
box-sizing: border-box;
@@ -256,17 +341,150 @@
font-weight: 500;
}
.mk-anticon-deepseek {
- color: #4D6BFE;
- width: 60px;
- height: 60px;
+ width: 50px;
+ height: 50px;
}
.a8d0e1d3 {
color: #404040;
margin: 8px 0 20px;
}
}
+ .chat-wrap {
+ flex: 1;
+ width: 800px;
+ max-width: 800px;
+ padding: 38px 0px 40px;
+
+ .user-wrap {
+ justify-content: flex-end;
+ margin-bottom: 16px;
+ padding-bottom: 32px;
+ display: flex;
+
+ .content {
+ font-size: 16px;
+ line-height: 28px;
+ color: #262626;
+ padding: 8px 20px;
+ box-sizing: border-box;
+ white-space: pre-wrap;
+ word-break: break-word;
+ background-color: #eff6ff;
+ border-radius: 14px;
+ max-width: calc(100% - 48px);
+ position: relative;
+ }
+ .ds-icon {
+ width: 30px;
+ height: 30px;
+ line-height: 32px;
+ margin-right: 10px;
+ position: relative;
+ top: 5px;
+ padding: 5px;
+ opacity: 0;
+ cursor: pointer;
+ transition: opacity 0.2s;
+ color: #909090;
+ }
+ }
+ .user-wrap:hover {
+ .ds-icon {
+ opacity: 1;
+ }
+ }
+
+ .assist-wrap {
+ font-size: 14px;
+ color: rgb(64, 64, 64);
+ margin-bottom: 12px;
+ padding-left: 48px;
+ position: relative;
+
+ .mk-anticon-deepseek {
+ width: 32px;
+ height: 32px;
+ position: absolute;
+ top: 0px;
+ left: 0px;
+ background-color: #fff;
+ border-radius: 50%;
+ box-shadow: 0 0 0 1px #d5e4ff;
+ padding: 4px;
+ }
+
+ .top-level {
+ background: rgb(245, 245, 245);
+ user-select: none;
+ border-radius: 10px;
+ justify-content: center;
+ align-items: center;
+ width: fit-content;
+ padding: 7px 14px;
+ display: flex;
+ margin-bottom: 12px;
+ font-size: 12px;
+ line-height: 18px;
+ color: rgb(38, 38, 38);
+
+ .mk-anticon-think {
+ width: 12px;
+ height: 12px;
+ margin-right: 6px;
+ }
+ }
+ .mk-anticon-copy {
+ width: 30px;
+ height: 30px;
+ line-height: 32px;
+ padding: 5px;
+ cursor: pointer;
+ border-radius: 8px;
+ transition: background-color 0.2s;
+ color: #909090;
+ }
+ .mk-anticon-copy:hover {
+ background-color: var(--mk-sys-color1);
+ }
+ }
+ }
+ .chat-reset {
+ align-items: center;
+ margin-bottom: 34px;
+ display: flex;
+
+ .wrap {
+ color: var(--mk-sys-color);
+ background-color: var(--mk-sys-color1);
+ cursor: pointer;
+ width: -moz-fit-content;
+ border-radius: 12px;
+ align-items: center;
+ width: fit-content;
+ margin-bottom: 20px;
+ font-size: 14px;
+ font-weight: 500;
+ line-height: 28px;
+ display: flex;
+ overflow: hidden;
+ padding: 2px 14px;
+ gap: 10px;
+ transition: background-color 0.2s;
+
+ .mk-anticon-new {
+ width: 18px;
+ height: 18px;
+ }
+ }
+ .wrap:hover {
+ background-color: var(--mk-sys-color2);
+ }
+ }
.input-wrap {
width: 800px;
+ position: sticky;
+ bottom: 30px;
+ z-index: 2;
.c9dd4ww {
cursor: text;
box-sizing: border-box;
@@ -386,14 +604,49 @@
.mk-tail {
text-align: center;
width: 100%;
- margin-top: auto;
position: absolute;
bottom: 0;
font-size: 12px;
color: rgb(163, 163, 163);
- margin: 6px 0;
- line-height: 14px;
+ padding: 6px 0;
+ height: 30px;
+ background: #ffffff;
+ }
+ .mk-tail.sticky {
+ position: sticky;
}
}
}
+
+ .mk-anticon-deepseek {
+ color: #4D6BFE;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .mk-anticon-think {
+ width: 20px;
+ height: 20px;
+ }
+ .mk-anticon-new {
+ width: 22px;
+ height: 22px;
+ }
+}
+.mk-history-dropdown-wrap {
+ padding: 10px;
+ .ant-btn {
+ display: block;
+ border: none;
+ box-shadow: none;
+ outline: none;
+ height: 40px;
+ color: rgba(0, 0, 0, 0.85);
+ }
+ .ant-btn::after {
+ display: none!important;
+ }
+ .ant-btn + .ant-btn {
+ color: #f5222d;
+ }
}
\ No newline at end of file
--
Gitblit v1.8.0