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;
display: block;
text-align: right;
object-fit: cover;
height: 40vmax;
}
}
</style>

16
src/components/SmallTag.vue
View File

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

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

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