From c8c8bdf0c362ca76253d8e0cbb0dbaa13efad4a3 Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 12 二月 2025 23:09:48 +0800
Subject: [PATCH] 2025-02-12
---
src/views/mkai/index.scss | 286 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 286 insertions(+), 0 deletions(-)
diff --git a/src/views/mkai/index.scss b/src/views/mkai/index.scss
index f26d61e..d36eff3 100644
--- a/src/views/mkai/index.scss
+++ b/src/views/mkai/index.scss
@@ -1,8 +1,294 @@
.mk-deepseek-wrap {
+ --local-sider-width: 260px;
+ --ds-ease-in-out: cubic-bezier(.4,0,.2,1);
+
.ant-spin {
position: absolute;
z-index: 2;
top: 30vh;
left: calc(50% - 16px);
}
+ .mk-deepseek-flex {
+ display: flex;
+ height: 100vh;
+ overflow: hidden;
+ .mk-left {
+ width: var(--local-sider-width);
+ max-width: var(--local-sider-width);
+ position: relative;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ z-index: 2;
+ transition: left 0.2s var(--ds-ease-in-out), max-width 0.2s var(--ds-ease-in-out);
+ flex-shrink: 0;
+ background-color: #f9fbff;
+ flex-direction: column;
+ flex-grow: 0;
+ min-width: 0;
+ display: flex;
+
+ .logo {
+ height: 90px;
+ padding: 25px 10px 25px 20px;
+ box-sizing: border-box;
+ justify-content: space-between;
+ align-items: center;
+ width: 100%;
+ display: flex;
+ img {
+ height: 40px;
+ }
+
+ .mk-anticon-close {
+ color: rgba(139, 139, 139, 1);
+ cursor: pointer;
+ svg {
+ width: 2em;
+ }
+ }
+ }
+ .new-content {
+ 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;
+ height: 44px;
+ border-radius: 14px;
+ flex-shrink: 0;
+ align-items: center;
+ width: fit-content;
+ margin: 0 2px 0 14px;
+ font-size: 16px;
+ font-weight: 500;
+ line-height: 20px;
+ display: flex;
+ overflow: hidden;
+ padding: 0 10px;
+ transition: background-color 0.2s;
+
+ .mk-anticon-new {
+ margin-right: 9px;
+ }
+ }
+ .wrap:hover {
+ background-color: var(--mk-sys-color2);
+ }
+ }
+ .history-wrap {
+ flex: 1;
+ padding: 0 10px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ }
+ .user {
+ box-sizing: border-box;
+ align-items: center;
+ padding: 10px 12px;
+ line-height: 20px;
+ display: flex;
+
+ .wrap {
+ cursor: pointer;
+ box-sizing: border-box;
+ border-radius: 12px;
+ align-items: center;
+ width: 100%;
+ padding: 8px;
+ display: flex;
+ transition: background-color 0.2s;
+
+ img {
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+ }
+ span {
+ margin-left: 8px;
+ }
+ }
+ .wrap:hover {
+ background-color: var(--mk-sys-color1);
+ }
+ }
+ }
+ .mk-left.close {
+ max-width: 68px;
+ .logo-open {
+ flex-direction: column;
+ flex-grow: 0;
+ min-width: 0;
+ display: flex;
+
+ .d-l, .d-o {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .anticon {
+ display: inline-block;
+ }
+ .mk-anticon-deepseek {
+ color: #4D6BFE;
+ width: 32px;
+ height: 32px;
+ font-size: 32px;
+ margin-top: 30px;
+ cursor: pointer;
+ }
+ .mk-anticon-open {
+ color: rgba(139, 139, 139, 1);
+ cursor: pointer;
+ padding: 5px;
+ border-radius: 14px;
+ margin: 30px 0px;
+ transition: background-color 0.2s;
+ svg {
+ width: 26px;
+ }
+ }
+ .mk-anticon-open:hover {
+ background-color: var(--mk-sys-color1);
+ }
+ }
+ .new-content {
+ justify-content: center;
+ .wrap {
+ margin: 0px;
+ background-color: unset;
+ width: 36px;
+ height: 36px;
+ padding: 5px;
+
+ .anticon {
+ margin-right: 0px;
+ }
+ .mk-anticon-new {
+ color: rgba(139, 139, 139, 1);
+ svg {
+ width: 26px;
+ }
+ }
+ }
+ .wrap:hover {
+ background-color: var(--mk-sys-color1);
+ }
+ }
+ .history-wrap * {
+ display: none;
+ }
+ .user {
+ .wrap {
+ padding: 5px;
+ span {
+ display: none;
+ }
+ }
+ }
+ }
+ .mk-right {
+ // flex-direction: row;
+ flex-grow: 1;
+ min-width: 0;
+ display: flex;
+ flex-shrink: 0;
+ flex-direction: column;
+
+ .mk-faad {
+ flex-direction: column;
+ flex-shrink: 0;
+ max-width: 100%;
+ display: flex;
+
+ .title {
+ box-sizing: border-box;
+ background-color: #fff;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+ height: 56px;
+ padding-top: 10px;
+ display: flex;
+ position: relative;
+ z-index: 12;
+ margin-top: 10px;
+
+ span {
+ cursor: pointer;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ color: #262626;
+ box-sizing: border-box;
+ max-width: 100%;
+ height: 40px;
+ transition: box-shadow 0.2s var(--ds-ease-in-out);
+ border-radius: 12px;
+ padding: 8px 12px;
+ font-size: 16px;
+ font-weight: 600;
+ line-height: 24px;
+ overflow: hidden;
+ }
+ }
+ }
+ .mk-ksje {
+ flex-grow: 1;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+
+ .tip {
+ color: #000;
+ font-size: 14px;
+ .c7e7df4d {
+ display: flex;
+ align-items: center;
+ gap: 14px;
+ margin-top: auto;
+ font-size: 24px;
+ font-weight: 500;
+ }
+ .mk-anticon-deepseek {
+ color: #4D6BFE;
+ width: 60px;
+ height: 60px;
+ }
+ .a8d0e1d3 {
+ color: #404040;
+ margin: 8px 0 20px;
+ }
+ }
+ .input-wrap {
+ width: 670px;
+ .c9dd4ww {
+ cursor: text;
+ box-sizing: border-box;
+ width: 100%;
+ font-size: 16px;
+ line-height: 28px;
+ transition: box-shadow 0.2s var(--ds-ease-in-out);
+ box-shadow: none;
+ background-color: #ffffff;
+ border-radius: 24px;
+ flex-direction: column;
+ display: flex;
+ position: relative;
+
+ .ds-icon {
+ font-size: 16px;
+ width: 16px;
+ height: 16px;
+ }
+ }
+ }
+ }
+ }
+ }
}
\ No newline at end of file
--
Gitblit v1.8.0