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

style: 全部样式更新2.0

Browse Source
This commit is contained in:
chenchun
2025-08-05 14:09:39 +08:00
parent 09a2f91cbf
commit e73678c788
15 changed files with 135 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -524,7 +524,7 @@ watch(
}
.right-div .el-col {
background-color: #1D1E1F;
// background-color: #1D1E1F;
min-height: 10rem;
margin-bottom: 1rem;
}

3
Yi.Bbs.Vue3/src/views/EditArticle.vue
View File

@@ -470,7 +470,8 @@ const getFile = async (e) => {
.body-div {
position: relative;
min-height: 1000px;
background-color: #fff;
/* background-color: #fff; */
border: 1px solid rgba(0, 255, 136, 0.2);
margin: 1.5rem;
padding: 1.5rem;

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

@@ -533,13 +533,13 @@ const onClickToWeChat = () => {
.left-div .el-col,
.right-div .el-col {
margin-bottom: 1rem;
margin-bottom: 0.5rem;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); /* 添加微妙阴影 */
transition: all 0.3s ease; /* 过渡效果 */
&:hover {
transform: translateY(-5px); /* 悬停时微抬升 */
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* 悬停时增强阴影 */
// transform: translateY(-5px); /* 悬停时微抬升 */
// box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* 悬停时增强阴影 */
}
}
@@ -593,7 +593,7 @@ const onClickToWeChat = () => {
background-color: #080E14;
background-position: 0 30px;
background-size: 150% 100%;
border: 1px solid #00DA72;
border: 1px solid rgba(0, 255, 136, 0.2);
color: #00DA72;
.content {
@@ -664,12 +664,12 @@ const onClickToWeChat = () => {
}
&:hover {
background-color: #ebf5ff; /* 更柔和的悬停色 */
// background-color: #ebf5ff; /* 更柔和的悬停色 */
color: #00DA72; /* 文字颜色变化 */
// border: 1px solid rgba(0, 255, 136, 0.2);
.el-icon {
color: #00DA72; /* 图标颜色跟随变化 */
transform: scale(1.1); /* 图标微放大 */
// transform: scale(1.1); /* 图标微放大 */
}
}
}
@@ -679,7 +679,7 @@ const onClickToWeChat = () => {
.VisitsLineChart p {
display: flex;
justify-content: flex-end;
color: #000;
color: #fff;
cursor: pointer;
margin-top: 8px;
}
@@ -705,7 +705,7 @@ const onClickToWeChat = () => {
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
border: 1px solid #00DA72;
border: 1px solid rgba(0, 255, 136, 0.2);
span {
color: red;
}
@@ -755,8 +755,8 @@ const onClickToWeChat = () => {
.switch-span {
display: inline-block;
padding: 5px 12px;
background-color: #00DA72;
color: #00DA72;
// background-color: #00DA72;
color: #fff;
font-size: 13px;
cursor: pointer;
transition: all 0.3s ease;
@@ -765,9 +765,10 @@ const onClickToWeChat = () => {
overflow: hidden;
&:hover {
background-color: #00DA72;
border: 1px solid rgba(0, 255, 136, 0.2);
// background-color: #00DA72;
color: #fff !important;/* 悬浮时文字变为白色 */
transform: translateY(-2px);
// transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(64, 158, 255, 0.25);
}

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

@@ -368,7 +368,6 @@ width: 80%;
&-left {
padding-top: 30px;
height: 280px;
background-color: #1D1E1F;
border: 1px solid rgba(0, 255, 136, 0.2);
}
&-right {