yangprivate-web/kdofficial
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 32 Wiki Activity

彻底解决横幅对齐问题

Browse Source
This commit is contained in:
zhcnyuyang 2025-05-15 00:23:34 +08:00
parent 05b0302b44
commit 4f18e2ed56
4 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Aboutus.vue
View File

@ -110,6 +110,8 @@ export default {
} }
#abubanner{ #abubanner{
align-items: flex-start; /* 控制水平对齐 - 靠左 */
justify-content: center;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
background-image: url('/AboutusRes/aboutusbanner_wep.png'); background-image: url('/AboutusRes/aboutusbanner_wep.png');
} }

2
src/components/ExampleItem.vue
View File

@ -180,6 +180,8 @@ export default {
#currentbanner{ #currentbanner{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; /* 控制水平对齐 - 靠左 */
justify-content: center;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
margin-left: 32px; margin-left: 32px;
margin-right: 32px; margin-right: 32px;

2
src/components/Homepage.vue
View File

@ -211,7 +211,7 @@ export default {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: flex-start;
z-index: 2; z-index: 2;
pointer-events: none; pointer-events: none;
} }

3
src/publicstyle.scss
View File

@ -23,7 +23,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: left;
max-height: 100vh; max-height: 100vh;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
aspect-ratio: 0.526673640167364; aspect-ratio: 0.526673640167364;
@ -37,7 +37,6 @@
.bannercontent{ .bannercontent{
text-align: left; text-align: left;
position: relative; position: relative;
align-self: flex-start;
@include media-breakpoint-between(xs, md) { @include media-breakpoint-between(xs, md) {
margin-left: 16px; margin-left: 16px;
margin-right: 16px; margin-right: 16px;