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:
chenchun
2025-08-04 18:27:18 +08:00
parent 7f4b8f1c8a
commit 7cb3aea2e6
7 changed files with 13 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Yi.Bbs.Vue3/src/components/DisscussCard.vue
View File

@@ -142,7 +142,8 @@ onMounted(() => {
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.el-card { .el-card {
border: 2px solid white; border: 1px solid rgba(0, 255, 136, 0.2);
animation-delay: 0.4s;
} }
.item-bottom { .item-bottom {

4
Yi.Bbs.Vue3/src/components/ScrollbarInfo.vue
View File

@@ -45,8 +45,8 @@ onMounted(async () => {
height: 2.6rem; height: 2.6rem;
margin: 0 0.2rem; margin: 0 0.2rem;
text-align: center; text-align: center;
border-radius: 4px; background: rgba(0, 255, 136, 0.1);
background-color: #fafafa;
font-size: 14px; font-size: 14px;
color: #00ff88;
} }
</style> </style>

3
Yi.Bbs.Vue3/src/components/StarBackground.vue
View File

@@ -47,10 +47,9 @@ function createStars(numStars) {
} }
function drawStars() { function drawStars() {
ctx.fillStyle = '#f0f2f5'; ctx.fillStyle = '#00DA72';
ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.fillRect(0, 0, canvas.width, canvas.height);
ctx.fillStyle = 'black';
stars.forEach(star => { stars.forEach(star => {
const k = 128 / star.z; const k = 128 / star.z;
const px = star.x * k + centerX; const px = star.x * k + centerX;

6
Yi.Bbs.Vue3/src/layout/Index.vue
View File

@@ -52,15 +52,15 @@ const handleScroll = () => {
} }
&-header { &-header {
width: 100%; width: 100%;
background-color: #fff; background: rgba(10, 10, 10, 0.9);
box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px; box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
height: 60px; height: 60px;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
&-main { &-main {
height: calc(100% - 50px);
overflow: visible !important; background: linear-gradient(135deg, rgba(0,255,136,0.03) 0%, rgba(0,0,0,0.8) 50%, rgba(0,255,136,0.02) 100%), linear-gradient(135deg, #0a0a0a 0%, #0d1520 30%, #0a0a0a 70%, #0f1520 100%);
} }
} }

1
Yi.Bbs.Vue3/src/layout/activity/Index.vue
View File

@@ -70,7 +70,6 @@ const handleScroll = () => {
margin: 0; margin: 0;
padding: 0; padding: 0;
min-height: 10rem; min-height: 10rem;
background-color: #f0f2f5;
} }
.fixed { .fixed {

3
Yi.Bbs.Vue3/src/main.js
View File

@@ -9,11 +9,14 @@ import "element-plus/dist/index.css";
import "./assets/main.css"; import "./assets/main.css";
import "@/assets/styles/index.scss"; // global css import "@/assets/styles/index.scss"; // global css
import 'element-plus/theme-chalk/dark/css-vars.css' import 'element-plus/theme-chalk/dark/css-vars.css'
import '@/assets/styles/element/index.scss' //重写element
import * as ElementPlusIconsVue from "@element-plus/icons-vue"; import * as ElementPlusIconsVue from "@element-plus/icons-vue";
import directive from "./directive"; // directive import directive from "./directive"; // directive
import VueLuckyCanvas from '@lucky-canvas/vue' import VueLuckyCanvas from '@lucky-canvas/vue'
import "./permission"; import "./permission";
(async() => { (async() => {

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

@@ -215,7 +215,7 @@ margin: 10px auto;">
</template> </template>
</el-col> </el-col>
<el-col :span="24" style="background-color: #ffffff;"> <el-col :span="24" >
<BottomInfo/> <BottomInfo/>
</el-col> </el-col>
</el-row> </el-row>
@@ -533,9 +533,7 @@ const onClickToWeChat = () => {
.left-div .el-col, .left-div .el-col,
.right-div .el-col { .right-div .el-col {
background-color: #ffffff;
margin-bottom: 1rem; margin-bottom: 1rem;
border-radius: 8px; /* 增加圆角 */
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); /* 添加微妙阴影 */ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.05); /* 添加微妙阴影 */
transition: all 0.3s ease; /* 过渡效果 */ transition: all 0.3s ease; /* 过渡效果 */
@@ -597,7 +595,6 @@ const onClickToWeChat = () => {
background-position: 0 30px; background-position: 0 30px;
background-size: 150% 100%; background-size: 150% 100%;
border: 1px solid #409eff; border: 1px solid #409eff;
border-radius: 5px;
color: #409eff; color: #409eff;
.content { .content {
@@ -634,7 +631,6 @@ const onClickToWeChat = () => {
font-size: 12px; font-size: 12px;
text-align: center; text-align: center;
border: 1px solid #d9ecff; border: 1px solid #d9ecff;
border-radius: 5px;
color: #409eff; color: #409eff;
background-color: #ecf5ff; background-color: #ecf5ff;
} }
@@ -653,7 +649,6 @@ const onClickToWeChat = () => {
/* gap: 10px; */ /* gap: 10px; */
/* padding: 15px; */ /* padding: 15px; */
/* background-color: #f9f9f9; */ /* background-color: #f9f9f9; */
border-radius: 8px;
.el-col { .el-col {
flex-direction: column; flex-direction: column;
@@ -661,7 +656,6 @@ const onClickToWeChat = () => {
display: flex; display: flex;
cursor: pointer; cursor: pointer;
padding: 15px 0; /* 增加内边距 */ padding: 15px 0; /* 增加内边距 */
border-radius: 6px; /* 圆角 */
transition: all 0.3s ease; transition: all 0.3s ease;
.el-icon { .el-icon {
@@ -746,12 +740,10 @@ const onClickToWeChat = () => {
.scrollable-div::-webkit-scrollbar-track { .scrollable-div::-webkit-scrollbar-track {
background: #f5f5f5; background: #f5f5f5;
border-radius: 10px;
} }
.scrollable-div::-webkit-scrollbar-thumb { .scrollable-div::-webkit-scrollbar-thumb {
background: linear-gradient(to bottom, #e0e0e0, #bdbdbd); /* 渐变色滚动条 */ background: linear-gradient(to bottom, #e0e0e0, #bdbdbd); /* 渐变色滚动条 */
border-radius: 10px;
border: 2px solid transparent; border: 2px solid transparent;
background-clip: content-box; background-clip: content-box;
} }
@@ -764,9 +756,8 @@ const onClickToWeChat = () => {
.switch-span { .switch-span {
display: inline-block; display: inline-block;
padding: 5px 12px; padding: 5px 12px;
background-color: #ecf5ff; background-color: #00DA72;
color: #409eff; color: #409eff;
border-radius: 20px; /* 更圆润的形状 */
font-size: 13px; font-size: 13px;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;