diff --git a/web/src/assets/css/chat-plus.css b/web/src/assets/css/chat-plus.css deleted file mode 100644 index aa695bf9..00000000 --- a/web/src/assets/css/chat-plus.css +++ /dev/null @@ -1,334 +0,0 @@ -#app { - height: 100%; -} -#app .chat-page { - height: 100%; -} -#app .chat-page .el-aside { - padding: 10px; - width: var(--el-aside-width, 320px); -} -#app .chat-page .el-aside .chat-list { - display: flex; - flex-flow: column; - border-radius: 10px; - padding: 10px 0; -} -#app .chat-page .el-aside .chat-list .search-box { - flex-wrap: wrap; - padding: 10px 0; -} -#app .chat-page .el-aside .chat-list .search-box .search-input { - --el-input-bg-color: #363535; - --el-input-border-color: #464545; - --el-input-focus-border-color: #47fff1; - --el-input-hover-border-color: #2da39a; - box-shadow: none; -} -#app .chat-page .el-aside .chat-list ::-webkit-scrollbar { - width: 0; - height: 0; - background-color: transparent; -} -#app .chat-page .el-aside .chat-list .content { - width: 100%; - overflow-y: scroll; -} -#app .chat-page .el-aside .chat-list .content .chat-list-item { - display: flex; - width: 100%; - justify-content: flex-start; - padding: 8px 12px; - cursor: pointer; - border: 1px solid #3c3c3c; - margin-bottom: 6px; - border-radius: 5px; -} -#app .chat-page .el-aside .chat-list .content .chat-list-item:hover { - background-color: #343540; -} -#app .chat-page .el-aside .chat-list .content .chat-list-item .avatar { - width: 32px; - height: 32px; - border-radius: 50%; -} -#app .chat-page .el-aside .chat-list .content .chat-list-item .chat-title-input { - font-size: 14px; - margin-top: 4px; - margin-left: 10px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - width: 190px; -} -#app .chat-page .el-aside .chat-list .content .chat-list-item .chat-title { - color: #c1c1c1; - padding: 5px 10px; - max-width: 220px; - font-size: 14px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} -#app .chat-page .el-aside .chat-list .content .chat-list-item .chat-opt { - position: absolute; - right: 2px; - top: 16px; - color: #fff; -} -#app .chat-page .el-aside .chat-list .content .chat-list-item .chat-opt .el-dropdown-link { - color: #fff; -} -#app .chat-page .el-aside .chat-list .content .chat-list-item .chat-opt .el-icon { - margin-right: 8px; -} -#app .chat-page .el-aside .chat-list .content .chat-list-item.active { - background-color: #343540; - border-color: #21aa93; -} -#app .chat-page .el-aside .tool-box { - display: flex; - justify-content: center; - padding-top: 12px; - border-top: 1px solid #3c3c3c; -} -#app .chat-page .el-aside .tool-box .iconfont { - margin-right: 5px; -} -#app .chat-page .el-main { - overflow: hidden; - --el-main-padding: 0; - margin: 0; -} -#app .chat-page .el-main .chat-container { - min-width: 0; - flex: 1; - background-color: var(--el-bg-color); - color: var(--el-text-color-primary); -} -#app .chat-page .el-main .chat-container .chat-config { - height: 30px; - padding: 10px 30px; - display: flex; - justify-content: center; - justify-items: center; - border-bottom: 1px solid #d9d9e3; -} -#app .chat-page .el-main .chat-container .chat-config .role-select-label { - color: #fff; -} -#app .chat-page .el-main .chat-container .chat-config .el-select { - max-width: 150px; - margin-right: 10px; -} -#app .chat-page .el-main .chat-container .chat-config .role-select { - max-width: 130px; -} -#app .chat-page .el-main .chat-container .chat-config .setting { - padding: 5px; - border-radius: 5px; - cursor: pointer; -} -#app .chat-page .el-main .chat-container .chat-config .setting .iconfont { - font-size: 18px; - color: #19c37d; -} -#app .chat-page .el-main .chat-container .chat-config .setting:hover { - background: #d5fad3; -} -#app .chat-page .el-main .chat-container .chat-config .el-button .el-icon { - margin-right: 5px; -} -#app .chat-page .el-main .chat-container #container { - overflow: hidden; - width: 100%; - position: relative; -} -#app .chat-page .el-main .chat-container #container ::-webkit-scrollbar { - width: 12px /* 滚动条宽度 */; - background: #f1f1f1; -} -#app .chat-page .el-main .chat-container #container ::-webkit-scrollbar-track { - background-color: #e1e1e1; -} -#app .chat-page .el-main .chat-container #container ::-webkit-scrollbar-thumb { - background-color: #c1c1c1; - border-radius: 12px; -} -#app .chat-page .el-main .chat-container #container ::-webkit-scrollbar-thumb:hover { - background-color: #a8a8a8; -} -#app .chat-page .el-main .chat-container #container .chat-box { - overflow-y: auto; - --content-font-size: 16px; - --content-color: #c1c1c1; - font-family: 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; - padding: 0 0 50px 0; -} -#app .chat-page .el-main .chat-container #container .chat-box .chat-line { - font-size: 14px; - display: flex; - align-items: flex-start; -} -#app .chat-page .el-main .chat-container #container .input-box { - position: absolute; - bottom: 0; - width: 100%; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner { - display: flex; - background-color: #fff; - justify-content: center; - align-items: center; - box-shadow: 0 2px 15px rgba(0,0,0,0.1); - padding: 0 15px; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .tool-item { - margin-right: 15px; - border-radius: 6px; - color: #19c37d; - display: flex; - justify-content: center; - justify-items: center; - padding: 6px; - cursor: pointer; - background: #f2f2f2; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .tool-item:hover { - background: #d5fad3; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .tool-item .iconfont { - font-size: 24px; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .input-body { - width: 100%; - margin: 0; - border: none; - padding: 10px 0; - display: flex; - justify-content: center; - position: relative; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .input-body .hide-div { - white-space: pre-wrap; /* 保持文本换行 */ - visibility: hidden; /* 隐藏 div */ - position: absolute; /* 脱离文档流 */ - line-height: 24px; - font-size: 14px; - word-wrap: break-word; /* 允许单词换行 */ - overflow-wrap: break-word; /* 允许长单词换行,适用于现代浏览器 */ -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .input-body .input-border { - display: flex; - width: 100%; - overflow: hidden; - border: 2px solid #21aa93; - border-radius: 10px; - padding: 10px; - background-color: #f4f4f4; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .input-body .input-border .input-inner { - display: flex; - flex-flow: column; - width: 100%; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .input-body .input-border .input-inner .file-list { - padding-bottom: 10px; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .input-body .input-border .input-inner .prompt-input::-webkit-scrollbar { - width: 0; - height: 0; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .input-body .input-border .input-inner .prompt-input { - width: 100%; - line-height: 24px; - border: none; - font-size: 14px; - background: none; - resize: none; - white-space: pre-wrap; /* 保持文本换行 */ - word-wrap: break-word; /* 允许单词换行 */ - overflow-wrap: break-word; /* 允许长单词换行,适用于现代浏览器 */ -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .input-body .input-border .send-btn { - width: 32px; - margin-left: 10px; -} -#app .chat-page .el-main .chat-container #container .input-box .input-box-inner .input-body .input-border .send-btn .el-button { - padding: 8px 5px; - border-radius: 6px; - font-size: 20px; -} -#app .chat-page .el-main .chat-container #container::-webkit-scrollbar { - width: 0; - height: 0; -} -#app .el-message-box { - width: 90%; - max-width: 420px; -} -#app .el-message { - min-width: 100px; - max-width: 600px; -} -.el-select-dropdown__wrap .el-select-dropdown__item .role-option { - display: flex; - flex-flow: row; - margin-top: 8px; -} -.el-select-dropdown__wrap .el-select-dropdown__item .role-option .el-image { - width: 20px; - height: 20px; - border-radius: 50%; -} -.el-select-dropdown__wrap .el-select-dropdown__item .role-option span { - margin-left: 5px; - height: 20px; - line-height: 20px; -} -.account { - display: flex; - background-color: #90ffc2; - color: #000; - width: 100%; - border-radius: 10px; - padding: 10px; -} -.account .vip-logo .el-image { - width: 40px; - height: 40px; - border-radius: 100%; - background-color: #fff; -} -.account .vip-info { - padding: 0 10px 0 10px; -} -.account .vip-info h4, -.account .vip-info p { - margin: 0; -} -.account .vip-info h4 { - font-weight: bold; - font-size: 16px; -} -.account .vip-info p { - color: #333; -} -.account .pay-btn { - width: 100%; - display: flex; - justify-content: right; - align-items: center; -} -.el-overlay-dialog .el-dialog .el-dialog__body .notice { - line-height: 1.8; - font-size: 16px; - overflow: auto; - height: 100%; -} -.dialog-service { - text-align: center; -} -.dialog-service .el-image { - width: 360px; -} diff --git a/web/src/assets/css/home.css b/web/src/assets/css/home.css deleted file mode 100644 index f037af08..00000000 --- a/web/src/assets/css/home.css +++ /dev/null @@ -1,154 +0,0 @@ -.home { - display: flex; - height: 100vh; - width: 100%; - flex-flow: column; -} -.home .header { - display: flex; - justify-content: space-between; - height: 50px; - line-height: 50px; - background-color: #1e1f22; - padding-right: 20px; -} -.home .header .banner { - display: flex; -} -.home .header .banner .logo { - display: flex; - padding: 5px; - cursor: pointer; -} -.home .header .banner .logo .el-image { - width: 48px; - height: 48px; - background-color: #fff; - border-radius: 50%; -} -.home .header .banner .title { - display: flex; - color: #fff; - font-size: 20px; - padding: 0 10px; -} -.home .header .navbar { - display: flex; - flex-flow: row; -} -.home .header .navbar .link-button { - margin-right: 15px; - color: #e1e1e1; - padding: 0 10px; -} -.home .header .navbar .link-button:hover { - background-color: #414141; -} -.home .header .navbar .link-button .iconfont { - font-size: 24px; -} -.home .header .navbar .user-info { - width: 100%; - padding: 5px 0; -} -.home .header .navbar .user-info .el-dropdown-link { - width: 100%; - cursor: pointer; - display: flex; -} -.home .header .navbar .user-info .el-dropdown-link .el-image { - width: 36px; - height: 36px; - border-radius: 50%; -} -.home .header .navbar .user-info .el-dropdown-link .el-icon { - color: #ccc; - line-height: 24px; -} -.home .main { - width: 100%; - display: flex; - flex-flow: row; -} -.home .main .navigator { - display: flex; - flex-flow: column; - width: 60px; - padding: 10px 1px; - border-right: 1px solid #3c3c3c; - background-color: #1e1f22; -} -.home .main .navigator .nav-items { - margin-top: 10px; - padding: 0 5px; -} -.home .main .navigator .nav-items li { - margin-bottom: 15px; - display: flex; - flex-flow: column; -} -.home .main .navigator .nav-items li a { - color: #dadbdc; - border-radius: 10px; - width: 48px; - height: 48px; - display: flex; - justify-content: center; - align-items: center; - cursor: pointer; - background-color: #414348; -} -.home .main .navigator .nav-items li a .el-image { - border-radius: 10px; -} -.home .main .navigator .nav-items li a .iconfont { - font-size: 20px; -} -.home .main .navigator .nav-items li a:hover, -.home .main .navigator .nav-items li a.active { - color: #47fff1; - background-color: #0f7a71; -} -.home .main .navigator .nav-items li .title { - font-size: 12px; - padding-top: 6px; - color: #e5e7eb; - text-align: center; - white-space: nowrap; /* 防止文本换行 */ - overflow: hidden; /* 隐藏溢出内容 */ - text-overflow: unset; /* 使用省略号表示溢出内容 */ -} -.home .main .navigator .nav-items li .active { - color: #47fff1; -} -.home .main .content { - width: 100%; - overflow: auto; - box-sizing: border-box; - background-color: #282c34; -} -.el-popper .more-menus li { - padding: 10px 15px; - cursor: pointer; - border-radius: 5px; - margin: 5px 0; -} -.el-popper .more-menus li .el-image { - position: relative; - top: 5px; - right: 5px; -} -.el-popper .more-menus li:hover { - background-color: #f1f1f1; -} -.el-popper .more-menus li.active { - background-color: #f1f1f1; -} -.el-popper .user-info-menu li a { - width: 100%; - justify-content: left; -} -.el-popper .user-info-menu li a:hover { - text-decoration: none !important; - color: var(--el-primary-text-color); -} diff --git a/web/src/assets/css/index.css b/web/src/assets/css/index.css deleted file mode 100644 index 3eaa8878..00000000 --- a/web/src/assets/css/index.css +++ /dev/null @@ -1,101 +0,0 @@ -.index-page { - margin: 0; - overflow: hidden; - color: #fff; - display: flex; - justify-content: center; - align-items: baseline; - padding-top: 150px; -} -.index-page .color-bg { - position: absolute; - top: 0; - left: 0; - width: 100vw; - height: 100vh; -} -.index-page .image-bg { - filter: blur(8px); - background-size: cover; - background-position: center; -} -.index-page .shadow { - box-shadow: rgba(0,0,0,0.3) 0px 0px 3px; -} -.index-page .shadow:hover { - box-shadow: rgba(0,0,0,0.3) 0px 0px 8px; -} -.index-page .menu-box { - position: absolute; - top: 0; - width: 100%; - display: flex; -} -.index-page .menu-box .el-menu { - padding: 0 30px; - width: 100%; - display: flex; - justify-content: space-between; - background: none; - border: none; -} -.index-page .menu-box .el-menu .menu-item { - display: flex; - padding: 20px 0; - color: #fff; -} -.index-page .menu-box .el-menu .menu-item .title { - font-size: 24px; - padding: 10px 10px 0 10px; -} -.index-page .menu-box .el-menu .menu-item .el-image { - height: 50px; - background-color: #fff; -} -.index-page .menu-box .el-menu .menu-item .el-button { - margin-left: 10px; -} -.index-page .menu-box .el-menu .menu-item .el-button span { - margin-left: 5px; -} -.index-page .content { - text-align: center; - position: relative; - display: flex; - flex-flow: column; - align-items: center; -} -.index-page .content h1 { - font-size: 5rem; - margin-bottom: 1rem; -} -.index-page .content p { - font-size: 1.5rem; - margin-bottom: 2rem; -} -.index-page .content .navs { - display: flex; - max-width: 900px; - padding: 20px; -} -.index-page .content .navs .el-space--horizontal { - justify-content: center; -} -.index-page .content .navs .nav-item { - width: 200px; -} -.index-page .content .navs .nav-item .el-button { - width: 100%; - padding: 25px 20px; - font-size: 1.3rem; - transition: all 0.3s ease; -} -.index-page .content .navs .nav-item .el-button .iconfont { - font-size: 24px; - margin-right: 10px; - position: relative; - top: -2px; -} -.index-page .footer .el-link__inner { - color: #fff; -} diff --git a/web/src/assets/css/login.css b/web/src/assets/css/login.css deleted file mode 100644 index 0b015d74..00000000 --- a/web/src/assets/css/login.css +++ /dev/null @@ -1,99 +0,0 @@ -.bg { - position: fixed; - left: 0; - right: 0; - top: 0; - bottom: 0; - background-color: #313237; - background-image: url("~@/assets/img/login-bg.jpg"); - background-size: cover; - background-position: center; - background-repeat: repeat-y; -} -.main .contain { - position: fixed; - left: 50%; - top: 40%; - width: 90%; - max-width: 400px; - transform: translate(-50%, -50%); - padding: 20px 10px; - color: #fff; - border-radius: 10px; -} -.main .contain .logo { - text-align: center; -} -.main .contain .logo .el-image { - width: 120px; - cursor: pointer; - background-color: #fff; - border-radius: 50%; -} -.main .contain .header { - width: 100%; - margin-bottom: 24px; - font-size: 24px; - color: $white_v1; - letter-space: 2px; - text-align: center; - padding-top: 10px; -} -.main .contain .content { - width: 100%; - height: auto; - border-radius: 3px; -} -.main .contain .content .block { - margin-bottom: 16px; -} -.main .contain .content .block .el-input__inner { - border: 1px solid $gray-v6 !important; -} -.main .contain .content .block .el-input__inner .el-icon-user, -.main .contain .content .block .el-input__inner .el-icon-lock { - font-size: 20px; -} -.main .contain .content .btn-row { - padding-top: 10px; -} -.main .contain .content .btn-row .login-btn { - width: 100%; - font-size: 16px; - letter-spacing: 2px; -} -.main .contain .content .text-line { - justify-content: center; - padding-top: 10px; - font-size: 14px; -} -.main .contain .content .opt { - padding: 15px; -} -.main .contain .content .opt .el-col { - text-align: center; -} -.main .contain .content .divider { - border-top: 2px solid #c1c1c1; -} -.main .contain .content .clogin { - padding: 15px; - display: flex; - justify-content: center; -} -.main .contain .content .clogin .iconfont { - font-size: 20px; - background: #e9f1f6; - padding: 8px; - border-radius: 50%; - cursor: pointer; -} -.main .contain .content .clogin .iconfont.icon-wechat { - color: #0bc15f; -} -.main .footer { - color: #fff; -} -.main .footer .container { - padding: 20px; -}