修改部分细节

This commit is contained in:
lqins 2024-12-23 10:49:28 +08:00
parent fb403bde8b
commit 937e5befa2
15 changed files with 79 additions and 105 deletions

View File

@ -115,7 +115,7 @@
word-break: break-all; word-break: break-all;
height 34px height 34px
font-size: .875rem; font-size: .875rem;
color var(--el-text-color-primary) color var(--text-fb)
} }
} }

View File

@ -145,7 +145,7 @@
min-width: 0; min-width: 0;
flex: 1; flex: 1;
background-color: var(--el-bg-color) background-color: var(--el-bg-color)
color var(--el-text-color-primary) color var(--text-fb)
.chat-config { .chat-config {
height 30px height 30px

View File

@ -27,9 +27,10 @@
--a-link-color: #6e8eff --a-link-color: #6e8eff
--shadow-color:rgba(223,71,255,0.6) --shadow-color:rgba(223,71,255,0.6)
--sm-btn-bg:#6052ed; --sm-btn-bg:#6052ed;
--theme-text-tertiary: #595959; --theme-text-tertiary: #595959;
--theme-btn-fill-tertiary: #f0ebff; --theme-btn-fill-tertiary: #f0ebff;
--theme-text-btn-tertiary: #6841ea; --theme-text-btn-tertiary: #6841ea;
// #e7e7e8 // #e7e7e8
@ -128,11 +129,19 @@
} }
} }
.sm-btn-theme{ .sm-btn-theme{
background-color: var(--theme-btn-fill-tertiary) !important; background-color: var(--theme-btn-fill-tertiary) !important;
color: var(--theme-text-btn-tertiary) !important; color: var(--theme-text-btn-tertiary) !important;
border: none; border: none;
} }
.el-tag, .el-tag.el-tag--primary{ .el-tag, .el-tag.el-tag--primary{
--el-tag-bg-color:#f0ebff --el-tag-bg-color:#f0ebff
} }
.box-card{
padding: 20px;
background-color: var(--chat-bg);
border-radius: 8px;
}
.el-table th.el-table__cell {
background-color: var(--chat-bg)
}

View File

@ -84,7 +84,8 @@
.task-list-box { .task-list-box {
background: var(--chat-bg); background: var(--chat-bg);
width 100% width 100%
padding 0 10px 10px 10px // padding 0 10px 10px 10px
padding: 10px
color: var(--text-theme-color) color: var(--text-theme-color)
overflow-x hidden overflow-x hidden

View File

@ -224,7 +224,7 @@
text-overflow ellipsis text-overflow ellipsis
} }
.prompt { .prompt {
color var( --el-text-color-primary) color var( --text-fb)
cursor: text cursor: text
} }
.failed { .failed {

View File

@ -130,10 +130,13 @@
position: absolute position: absolute
bottom: 10px bottom: 10px
right: 20px right: 20px
display: flex;
.mm-toolbar { .mm-toolbar {
line-height: 36px;
display flex display flex
flex-flow row flex-flow row
margin-left: 10px;
.mm-toolbar-brand { .mm-toolbar-brand {
display none display none
@ -141,7 +144,7 @@
.mm-toolbar-item { .mm-toolbar-item {
cursor pointer cursor pointer
color var( --el-text-color-primary) color var( --text-fb)
} }
} }

View File

@ -65,7 +65,7 @@
label { label {
display flex display flex
width 100px width 100px
color :var(--el-text-color-primary) color :var(--text-fb)
} }
.item-value { .item-value {

View File

@ -293,7 +293,7 @@
.tags { .tags {
font-size 14px font-size 14px
color var(--el-text-color-primary) color var(--text-fb)
padding 3px 0 padding 3px 0
} }
} }

View File

@ -6,7 +6,6 @@
--normal-color: rgba(163, 174, 208, 1); // --normal-color: rgba(163, 174, 208, 1); //
--el-text-color-primary: #fff; --el-text-color-primary: #fff;
p, h1, h2, h3, h4, h5, h6, article { p, h1, h2, h3, h4, h5, h6, article {
// color: var(--text-color) !important;
font-family: $font-regular; font-family: $font-regular;
} }
@ -20,31 +19,31 @@
} }
--btnColor: linear-gradient(88deg, #af61f0 1.44%, #5b62ce); --btnColor: linear-gradient(88deg, #af61f0 1.44%, #5b62ce);
--border-active:rgba(255, 255, 255, 0.1); --border-active:rgba(255, 255, 255, 0.1);
// --card-bg: rgba(17, 28, 68, 1);
// --card-bg: #1f243f;
--card-bg:#252d58; --card-bg:#252d58;
--card-bg-table: rgba(17, 28, 68, 1); --chat-bg:#1f243f
--chat-wel-bg:#2d2f388a;
--card-bg-table: rgba(17, 28, 68, 1);
--theme-bg:rgb(13, 20, 53); --theme-bg:rgb(13, 20, 53);
--theme-bg-all:rgb(13, 20, 53); --theme-bg-all:rgb(13, 20, 53);
--sign-bg: rgba(27, 37, 75, 1); --sign-bg: rgba(27, 37, 75, 1);
--text-theme-color: #fff; --text-theme-color: #fff;
--text-color-primary: #d1c7ff; --text-color-primary: #d1c7ff;
--el-text-color-regular: rgba(163, 174, 208, 1) --theme-text-color-secondary: #a3aed0;
--el-border-color:rgb(79, 80, 85) --theme-text-color-primary: #fff;
--el-text-color-primary: #fff;// --theme-text-primary: #f3f3f3;
--el-bg-color-overlay: rgba(17, 28, 68, 1);
--el-border-color-light: rgba(255, 255, 255, 0.2);
--line-box:rgba(255, 255, 255, 0.1); --line-box:rgba(255, 255, 255, 0.1);
// --chat-bg:#141a36;
--chat-bg:#1f243f
--el-bg-color:#141a36; --el-bg-color:#141a36;
--el-fill-color-blank: rgba(17, 28, 68, 1); --el-fill-color-blank: rgba(17, 28, 68, 1);
--el-fill-color-light: rgba(86, 86, 95, .2); --el-fill-color-light: rgba(86, 86, 95, .2);
--el-color-primary-light-9:rgba(86, 86, 95, .2); --el-color-primary-light-9:rgba(86, 86, 95, .2);
--chat-wel-bg:#2d2f388a; --el-text-color-regular: rgba(163, 174, 208, 1)
--theme-text-color-secondary: #a3aed0; --el-border-color:rgb(79, 80, 85)
// --el-pagination-button-bg-color: rgba(86,86,95,0.2); --el-text-color-primary: #fff;//
--el-bg-color-overlay: rgba(17, 28, 68, 1);
--el-border-color-light: rgba(255, 255, 255, 0.2);
--chat-content-bg:rgba(86, 86, 95, .2);
--chat-content-bg-list:rgba(86, 86, 95, .2);
--hover-deep-color:#30323c;
//layout //layout
.more-menus li.moreTitle, .more-menus li.moreTitle,
.twoTittle .title, .twoTittle .title,
@ -61,10 +60,5 @@
background: #0080006e; background: #0080006e;
} }
--theme-text-color-primary: #fff;
--theme-text-primary: #f3f3f3;
--chat-content-bg:rgba(86, 86, 95, .2);
--chat-content-bg-list:rgba(86, 86, 95, .2);
--hover-deep-color:#30323c;
// --theme-text-tertiary: #e1e1e1;
} }

View File

@ -3,50 +3,41 @@
@import 'font.styl' @import 'font.styl'
:root[data-theme="light"] { :root[data-theme="light"] {
--text-fb:#000; --text-fb:#000;
// rgba(43, 54, 116, 1)
--text-color: #5b62ce; // --text-color: #5b62ce; //
--normal-color: rgba(43, 54, 116, 1); // --normal-color: rgba(43, 54, 116, 1); //
p, h1, h2, h3, h4, h5, h6, article { p, h1, h2, h3, h4, h5, h6, article {
// color: var(--text-color) !important;
font-family: $font-regular; font-family: $font-regular;
} }
html, html,
body, body,
#app, #app,
.wrapper { .wrapper {
// background: var(--theme-bg)
// background-color: var(--theme-bg)
// background: linear-gradient(88deg, #fff3f3 1.44%, #e7e8ff);
font-family: $font-regular; font-family: $font-regular;
}//#6b61f6 }
--btnColor: linear-gradient(88deg, #af61f0 1.44%, #5b62ce); --btnColor: linear-gradient(88deg, #af61f0 1.44%, #5b62ce);
--border-active:rgba(134, 140, 255, 1); --border-active:rgba(134, 140, 255, 1);
--code-btnColor: linear-gradient(88deg, #af61f0 1.44%, #5b62ce); --code-btnColor: linear-gradient(88deg, #af61f0 1.44%, #5b62ce);
--card-bg:#fff; --card-bg:#fff;
--chat-bg:#fff;
--theme-bg:linear-gradient(88deg, #fff3f3 1.44%, #e7e8ff); --theme-bg:linear-gradient(88deg, #fff3f3 1.44%, #e7e8ff);
--theme-bg-all:#f5f7fd; --theme-bg-all:#f5f7fd;
--sign-bg: rgba(244, 247, 254, 1); --sign-bg: rgba(244, 247, 254, 1);
--text-theme-color: rgba(43, 54, 116, 1) --text-theme-color: rgba(43, 54, 116, 1)
--text-color-primary: rgba(67, 24, 255, 1); --text-color-primary: rgba(67, 24, 255, 1);
--line-box:rgba(79, 89, 102, 0.122); --line-box:rgba(79, 89, 102, 0.122);
--el-bg-color-overlay: #fff; --theme-text-color-primary: #000;
--el-bg-color:#fff;
--el-fill-color-blank: #fff;
--theme-text-color-primary: #000;
--theme-text-primary: #000; --theme-text-primary: #000;
--theme-text-color-secondary: #666; --theme-text-color-secondary: #666;
--chat-bg: #fff;
--chat-content-bg:#f5f7fc; --chat-content-bg:#f5f7fc;
--chat-list-bg: #0302020a; --chat-list-bg: #0302020a;
--chat-content-bg-list:#fff; --chat-content-bg-list:#fff;
--chat-wel-bg:rgba(247, 247, 248, 1); --chat-wel-bg:rgba(247, 247, 248, 1);
--el-pagination-button-bg-color: rgba(86,86,95,0.2); --hover-deep-color:#fff;
--hover-deep-color:#fff; --el-bg-color-overlay: #fff;
--el-bg-color:#fff;
--el-fill-color-blank: #fff;
--el-pagination-button-bg-color: rgba(86,86,95,0.2);
} }

View File

@ -257,7 +257,8 @@ const reGenerate = (prompt) => {
code { code {
// color:var(--theme-text-color-primary); // color:var(--theme-text-color-primary);
color:#fff color:#fff
background-color var(--el-color-primary-light-3) // background-color var(--el-color-primary-light-3)
background-color: var(--el-color-primary);
padding 3px 5px; padding 3px 5px;
border-radius 5px; border-radius 5px;
} }
@ -349,7 +350,6 @@ const reGenerate = (prompt) => {
padding 10px 10px 10px 0; padding 10px 10px 10px 0;
.bar-item { .bar-item {
background-color var( --little-btn-bg);
padding 3px 5px; padding 3px 5px;
margin-right 10px; margin-right 10px;
border-radius 5px; border-radius 5px;

View File

@ -77,16 +77,6 @@
{{ item.name }} {{ item.name }}
</div> </div>
</li> </li>
<!-- <li
class="menu-list-item flex-center-col"
v-for="item in 5"
:key="item"
>
<el-icon><Location /></el-icon>
<div>首页</div>
</li> -->
<!-- 更多 --> <!-- 更多 -->
<div class="bot" :style="{ width: isCollapse ? '65px' : '170px' }"> <div class="bot" :style="{ width: isCollapse ? '65px' : '170px' }">
<div class="bot-line"></div> <div class="bot-line"></div>
@ -174,13 +164,11 @@
</a> </a>
<ThemeChange /> <ThemeChange />
<!-- <div v-if="!isCollapse">会员</div> -->
</li> </li>
</div> </div>
</ul> </ul>
</div> </div>
</div> </div>
<!-- :style="{ 'padding-left': isCollapse ? '65px' : '170px' }" -->
<el-scrollbar class="right-main"> <el-scrollbar class="right-main">
<div <div
v-if="loginUser.id === undefined || !loginUser.id" v-if="loginUser.id === undefined || !loginUser.id"
@ -196,7 +184,6 @@
>登录</el-button >登录</el-button
> >
</div> </div>
<!-- <div class="content custom-scroll"> -->
<div class="content custom-scroll"> <div class="content custom-scroll">
<router-view :key="routerViewKey" v-slot="{ Component }"> <router-view :key="routerViewKey" v-slot="{ Component }">
<transition name="move" mode="out-in"> <transition name="move" mode="out-in">
@ -234,7 +221,7 @@ import { ElMessage } from "element-plus";
import { UserFilled } from "@element-plus/icons-vue"; import { UserFilled } from "@element-plus/icons-vue";
import { checkSession, getLicenseInfo, getSystemInfo } from "@/store/cache"; import { checkSession, getLicenseInfo, getSystemInfo } from "@/store/cache";
import { removeUserToken } from "@/store/session"; import { removeUserToken } from "@/store/session";
import LoginDialog from "@/components/LoginDialog.vue"; // import LoginDialog from "@/components/LoginDialog.vue";
import { useSharedStore } from "@/store/sharedata"; import { useSharedStore } from "@/store/sharedata";
import ConfigDialog from "@/components/UserInfoDialog.vue"; import ConfigDialog from "@/components/UserInfoDialog.vue";
import { showMessageError } from "@/utils/dialog"; import { showMessageError } from "@/utils/dialog";
@ -244,12 +231,10 @@ const router = useRouter();
const logo = ref(""); const logo = ref("");
const mainNavs = ref([]); const mainNavs = ref([]);
const moreNavs = ref([]); const moreNavs = ref([]);
// const curPath = ref(router.currentRoute.value.path);
const curPath = ref(); const curPath = ref();
const title = ref(""); const title = ref("");
const showNoticeLogin = ref(false); const showNoticeLogin = ref(false);
// const mainWinHeight = window.innerHeight - 50;
/** /**
* 从路径名中提取第一个路径段 * 从路径名中提取第一个路径段
@ -276,15 +261,9 @@ const getFirstPathSegment = (url) => {
} }
}; };
const loginUser = ref({}); const loginUser = ref({});
const mainWinHeight = loginUser.value.id
? window.innerHeight
: window.innerHeight;
const version = ref(process.env.VUE_APP_VERSION);
const routerViewKey = ref(0); const routerViewKey = ref(0);
const showConfigDialog = ref(false); const showConfigDialog = ref(false);
const license = ref({ de_copy: true }); const license = ref({ de_copy: true });
const docsURL = ref(process.env.VUE_APP_DOCS_URL);
const gitURL = ref(process.env.VUE_APP_GIT_URL); const gitURL = ref(process.env.VUE_APP_GIT_URL);
const store = useSharedStore(); const store = useSharedStore();
@ -296,12 +275,6 @@ watch(
} }
); );
//
// router.beforeEach((to, from, next) => {
// curPath.value = to.path;
// next();
// });
if (curPath.value === "/external") { if (curPath.value === "/external") {
curPath.value = router.currentRoute.value.query.url; curPath.value = router.currentRoute.value.query.url;
} }
@ -380,12 +353,6 @@ const logout = function () {
ElMessage.error("注销失败!"); ElMessage.error("注销失败!");
}); });
}; };
const loginCallback = () => {
init();
//
routerViewKey.value += 1;
};
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>

View File

@ -87,18 +87,25 @@
</div> </div>
<div class="chat-box"> <div class="chat-box">
<div class="top-bar"> <!-- <div class="top-bar">
<el-button @click="downloadImage" type="primary"> <el-button @click="downloadImage" type="primary">
<el-icon> <el-icon>
<Download /> <Download />
</el-icon> </el-icon>
<span>下载图片</span> <span>下载图片-</span>
</el-button> </el-button>
</div> </div> -->
<div class="body" id="markmap"> <div class="body" id="markmap">
<svg ref="svgRef" :style="{ height: rightBoxHeight + 'px' }" /> <svg ref="svgRef" :style="{ height: rightBoxHeight + 'px' }" />
<div id="toolbar"></div> <div id="toolbar">
<el-button @click="downloadImage" type="primary">
<el-icon>
<Download />
</el-icon>
<span>下载图片</span>
</el-button>
</div>
</div> </div>
</div> </div>
<!-- end task list box --> <!-- end task list box -->
@ -119,7 +126,8 @@ import { Toolbar } from "markmap-toolbar";
import { useSharedStore } from "@/store/sharedata"; import { useSharedStore } from "@/store/sharedata";
const leftBoxHeight = ref(window.innerHeight - 105); const leftBoxHeight = ref(window.innerHeight - 105);
const rightBoxHeight = ref(window.innerHeight - 115); //const rightBoxHeight = ref(window.innerHeight - 115);
const rightBoxHeight = ref(window.innerHeight);
const prompt = ref(""); const prompt = ref("");
const text = ref(""); const text = ref("");

View File

@ -127,11 +127,12 @@
</el-col> </el-col>
</el-row> </el-row>
<el-empty description="暂无数据" v-else :image="nodata" /> <el-empty description="暂无数据" v-else :image="nodata" />
<div class="box-card">
<h2 class="headline">消费账单</h2>
<h2 class="headline">消费账单</h2> <div class="user-order">
<user-order v-if="isLogin" :key="userOrderKey" />
<div class="user-order"> </div>
<user-order v-if="isLogin" :key="userOrderKey" />
</div> </div>
</div> </div>
</div> </div>