songliang/gpalweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
lightings 2023-01-31 15:51:44 +08:00
parent ac2076d417
commit 7e89c9dadb
3 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/HelloWorld.vue
View File

@ -58,6 +58,8 @@ export default {
float: right; float: right;
display: block; display: block;
text-align: right; text-align: right;
object-fit: cover;
height: 40vmax;
} }
} }
</style> </style>

16
src/components/SmallTag.vue
View File

@ -31,14 +31,14 @@ export default {
.tag { .tag {
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
border-radius: 4px; border-radius: 0.2vmax;
background-color: var(--color-surface-nest-normal); background-color: var(--color-surface-nest-normal);
padding: 6px 0.5rem; padding: 0.5vmax 0.5vmax;
color: rgb(var(--glo-color-white)); color: rgb(var(--glo-color-white));
font-family: Poppins; font-family: Poppins;
font-size: 14px; font-size: 1vmax;
font-weight: 500; font-weight: 500;
line-height: 20px; line-height: 1vmax;
} }
.iconBox { .iconBox {
@ -46,11 +46,11 @@ export default {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
height: 20px !important; height: 1vmax !important;
img { img {
width: 16px; width: 1vmax;
height: 16px; height: 1vmax;
font-size: 16px; font-size: 1vmax;
} }
} }

26
src/views/User/Index.vue
View File

@ -22,7 +22,7 @@
</a-space> </a-space>
</div> </div>
</div> </div>
<a-menu @click="click" theme="dark" mode="horizontal" :style="{ lineHeight: '64px' }"> <a-menu @click="click" theme="dark" mode="horizontal" :style="{ lineHeight: '3vmax' }">
<a-menu-item key="services">Services</a-menu-item> <a-menu-item key="services">Services</a-menu-item>
<a-menu-item key="about">About</a-menu-item> <a-menu-item key="about">About</a-menu-item>
<a-menu-item key="album">Album</a-menu-item> <a-menu-item key="album">Album</a-menu-item>
@ -63,12 +63,12 @@ onMounted(()=> {
.UserPanel { .UserPanel {
background: rgb(62, 33, 113); background: rgb(62, 33, 113);
height: 20rem; height: 15vmax;
padding-bottom: 4rem; padding-bottom: 4vmax;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
position: relative; position: relative;
padding: 0 64px; padding: 1vmax 2vmax;
width: 100%; width: 100%;
.bglayer { .bglayer {
@ -97,33 +97,33 @@ onMounted(()=> {
.headerControl { .headerControl {
position: absolute; position: absolute;
width: 128px; width: 12vmax;
height: 128px; height: 12vmax;
.Card { .Card {
margin: 100px 10px; margin: 3vmax 1vmax;
text-align: left; text-align: left;
flex: 1 1 0%; flex: 1 1 0%;
.Titile { .Titile {
color: rgb(var(--glo-color-white)); color: rgb(var(--glo-color-white));
font-family: Poppins; font-family: Poppins;
font-size: 36px; font-size: 1.5vmax;
font-weight: 700; font-weight: 700;
line-height: 44px; line-height: 3vmax;
} }
.Language { .Language {
color: rgb(var(--glo-color-white)); color: rgb(var(--glo-color-white));
font-family: Poppins; font-family: Poppins;
font-size: 16px; font-size: 1vmax;
font-weight: 400; font-weight: 400;
line-height: 24px; line-height: 1.5vmax;
} }
} }
} }
.headpic { .headpic {
width: 128px; width: 12vmax;
height: 128px; height: 12vmax;
} }
</style> </style>