xwl2023/Yi.Framework
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 全局修改样式主题

Browse Source
This commit is contained in:
ccnetcore
2025-08-04 22:35:45 +08:00
parent 7cb3aea2e6
commit 3e647ef14d
30 changed files with 69 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
Yi.Bbs.Vue3/src/views/Article.vue
View File

@@ -518,13 +518,13 @@ watch(
}
.left-div .el-col {
background-color: #ffffff;
background-color: #1D1E1F;
min-height: 12rem;
margin-bottom: 1rem;
}
.right-div .el-col {
background-color: #ffffff;
background-color: #1D1E1F;
min-height: 10rem;
margin-bottom: 1rem;
}
@@ -548,7 +548,7 @@ watch(
h2 {
margin-bottom: 0.5em;
color: rgba(0, 0, 0, 0.85);
color: #fff;
font-weight: 600;
font-size: 30px;
line-height: 1.35;

2
Yi.Bbs.Vue3/src/views/chathub/Index.vue
View File

@@ -1182,7 +1182,7 @@ ul {
overflow-x: scroll;
.header {
background-color: #409eff;
background-color: #00DA72;
color: white;
height: 30px;
display: flex;

2
Yi.Bbs.Vue3/src/views/discuss/components/tabs.vue
View File

@@ -79,6 +79,6 @@ const handleClick = (item) => {
}
}
.active-tab {
color: #409eff;
color: #00DA72;
}
</style>

29
Yi.Bbs.Vue3/src/views/home/Index.vue
View File

@@ -154,7 +154,7 @@ margin: 10px auto;">
<InfoCard header="简介" text="">
<template #content>
<div class="introduce">
没有什么能够阻挡，人类对代码<span style="color: #1890ff">优雅</span>的追求
没有什么能够阻挡，人类对代码<span style="color: #00DA72">优雅</span>的追求
</div>
</template>
</InfoCard>
@@ -545,14 +545,13 @@ const onClickToWeChat = () => {
/* 简介卡片样式特别处理 */
.introduce {
color: rgba(0, 0, 0, 0.65); /* 更深的颜色提高对比度 */
font-size: 14px; /* 稍微增大字体 */
line-height: 1.6; /* 增加行高 */
padding: 15px 5px; /* 增加内边距 */
letter-spacing: 0.5px; /* 字间距 */
span {
color: #1890ff;
color: #00DA72;
font-weight: 600; /* 加粗 */
padding: 0 2px; /* 增加内边距 */
}
@@ -591,11 +590,11 @@ const onClickToWeChat = () => {
height: 100%;
position: relative;
background: url("@/assets/box/online_bg.svg") no-repeat;
background-color: #fff;
background-color: #080E14;
background-position: 0 30px;
background-size: 150% 100%;
border: 1px solid #409eff;
color: #409eff;
border: 1px solid #00DA72;
color: #00DA72;
.content {
width: 100%;
@@ -631,8 +630,8 @@ const onClickToWeChat = () => {
font-size: 12px;
text-align: center;
border: 1px solid #d9ecff;
color: #409eff;
background-color: #ecf5ff;
color: #000;
background-color: #BFF8DB;
}
}
}
@@ -666,10 +665,10 @@ const onClickToWeChat = () => {
&:hover {
background-color: #ebf5ff; /* 更柔和的悬停色 */
color: #409eff; /* 文字颜色变化 */
color: #00DA72; /* 文字颜色变化 */
.el-icon {
color: #409eff; /* 图标颜色跟随变化 */
color: #00DA72; /* 图标颜色跟随变化 */
transform: scale(1.1); /* 图标微放大 */
}
}
@@ -680,7 +679,7 @@ const onClickToWeChat = () => {
.VisitsLineChart p {
display: flex;
justify-content: flex-end;
color: #409eff;
color: #000;
cursor: pointer;
margin-top: 8px;
}
@@ -699,14 +698,14 @@ const onClickToWeChat = () => {
//走马灯，聊天室链接
.chat-hub {
background-color: #E6A23C;
// background-color: #00DA72;
color: #ffffff;
margin-bottom: 10px;
width: 100%;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
border: 1px solid #00DA72;
span {
color: red;
}
@@ -757,7 +756,7 @@ const onClickToWeChat = () => {
display: inline-block;
padding: 5px 12px;
background-color: #00DA72;
color: #409eff;
color: #00DA72;
font-size: 13px;
cursor: pointer;
transition: all 0.3s ease;
@@ -766,7 +765,7 @@ const onClickToWeChat = () => {
overflow: hidden;
&:hover {
background-color: #409eff;
background-color: #00DA72;
color: #fff !important;/* 悬浮时文字变为白色 */
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(64, 158, 255, 0.25);

4
Yi.Bbs.Vue3/src/views/home/components/PointsRanking/index.vue
View File

@@ -91,7 +91,7 @@ const userImageSrc = computed(() => {
.name {
cursor: pointer;
width: 100%;
color: #252933;
color: #ffffff;
margin-left: 5px;
white-space: nowrap;
overflow: hidden;
@@ -108,7 +108,7 @@ const userImageSrc = computed(() => {
justify-content: flex-start;
align-items: center;
font-size: 16px;
color: #1171ee;
color: #00DA72;
}
}
}

4
Yi.Bbs.Vue3/src/views/home/components/RecommendFriend/index.vue
View File

@@ -87,7 +87,7 @@ const userImageSrc = computed(() => {
align-items: center;
.name {
width: 100px;
color: #252933;
color: #fff;
margin-left: 5px;
white-space: nowrap;
overflow: hidden;
@@ -107,7 +107,7 @@ const userImageSrc = computed(() => {
justify-content: flex-start;
align-items: center;
font-size: 16px;
color: #1171ee;
color: #00DA72;
}
}
}

4
Yi.Bbs.Vue3/src/views/home/components/RecommendTheme/index.vue
View File

@@ -76,7 +76,7 @@ const handleClickTheme = (id) => {
font-size: 16px;
cursor: pointer;
width: 230px;
color: #252933;
color: #fff;
margin-left: 5px;
white-space: nowrap;
overflow: hidden;
@@ -96,7 +96,7 @@ const handleClickTheme = (id) => {
width: 30px;
margin-left: 10px;
cursor: pointer;
color: #252933;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

2
Yi.Bbs.Vue3/src/views/login/index.bak.vue
View File

@@ -370,7 +370,7 @@
display: flex;
justify-content: flex-end;
align-items: center;
color: #409eff;
color: #00DA72;
}
.top {
height: 40px;

18
Yi.Bbs.Vue3/src/views/profile/Index.vue
View File

@@ -286,11 +286,13 @@ $userHeight: 220px;
$remarkHeight: $topHeight - $userHeight;
.div-top {
padding-top: 10px;
background-color: #ffffff;
border: 1px solid rgba(0, 255, 136, 0.2);
border-radius: 0;
background-color: #1D1E1F;
min-height: $topHeight;
margin-top: 30px;
font-size: 14px;
color: #555666;
color: #fff;
&-user {
display: flex;
width: 100%;
@@ -310,7 +312,7 @@ $remarkHeight: $topHeight - $userHeight;
padding-top: 5px;
padding-bottom: 5px;
&-left {
color:#222226;
color:#fff;
font-size: 23px;
font-weight: 800;
.el-tag{
@@ -327,7 +329,7 @@ $remarkHeight: $topHeight - $userHeight;
.user-remark span {
font-size: larger;
font-weight: bold;
color: black;
color: #fff;
}
p {
@@ -366,14 +368,16 @@ width: 80%;
&-left {
padding-top: 30px;
height: 280px;
background-color: #FFFFFF;
background-color: #1D1E1F;
border: 1px solid rgba(0, 255, 136, 0.2);
}
&-right {
background-color: #f0f2f5;
background-color: #0C121A;
padding-left: 20px;
&-content {
width: 100%;
background-color: #FFFFFF;
background-color: #0C121A;
}
}
.el-menu

1
Yi.Bbs.Vue3/src/views/shop/Index.vue
View File

@@ -104,7 +104,6 @@ const confirmBuy=async()=>{
margin-bottom: 40px;
margin-top: 20px;
padding: 20px;
background-color: #ffffff;
width: 60%;
.title {

5
Yi.Bbs.Vue3/src/views/start/Index.vue
View File

@@ -177,7 +177,6 @@ onUnmounted(() => {
.start-body {
height: 100%;
width: 100%;
background-color: #FCFCFC;
}
@@ -221,7 +220,7 @@ onUnmounted(() => {
&-right {
width: 0%;
background-color: #409EFF;
background-color: #00DA72;
}
@@ -238,7 +237,7 @@ onUnmounted(() => {
h4 {
font-size: 20px;
font-weight: 500;
color: #409EFF;
color: #00DA72;
margin-bottom: .25rem;
margin-top: 0;

4
Yi.Bbs.Vue3/src/views/start/components/Box.vue
View File

@@ -23,7 +23,7 @@ watch(()=>props.isSelect,(n,o)=>{
</template>
<style lang="scss" scoped>
.selected {
border: 2px solid #409EFF !important;
border: 2px solid #00DA72 !important;
background-color: #FFFFFF !important;
}
@@ -42,7 +42,7 @@ watch(()=>props.isSelect,(n,o)=>{
}
.box:hover {
border: 2px solid #409EFF;
border: 2px solid #00DA72;
}
</style>

2
Yi.Bbs.Vue3/src/views/start/components/CodeBox.vue
View File

@@ -70,7 +70,7 @@ const copyText=async ()=>{
}
&-right{
button{
background-color:#409EFF;
background-color:#00DA72;
color: #fff !important;
height: 25px;
width: 50px;

2
Yi.Bbs.Vue3/src/views/start/components/LableCheck.vue
View File

@@ -65,6 +65,6 @@ input[type=checkbox]:checked::after {
color: #fff;
font-size: 16px;
font-weight: bold;
background-color: #409EFF;
background-color: #00DA72;
}
</style>

2
Yi.Bbs.Vue3/src/views/start/components/LableInput.vue
View File

@@ -35,7 +35,7 @@ input {
width: 100%;
}
input:hover {
border: 2px solid #409EFF;
border: 2px solid #00DA72;
background-color:#FFFFFF; /* 鼠标悬停时的边框颜色 */
}
</style>