CPICXIM/desktop_task_schedule
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

开始设计布局

Browse Source
This commit is contained in:
Kane
2023-03-04 00:09:25 +08:00
parent ce33d04694
commit 04e7a8cd5b
2 changed files with 49 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
code/web/task_schedule/src/style.css
View File

@@ -5,10 +5,9 @@ html {
}
body {
width: 100vw;
height: 100vh;
/* width: 100vw;
height: 100vh; */
padding: 0px;
margin: 0px;
overflow: hidden;
}

66
code/web/task_schedule/src/views/DesktopArchievement.vue
View File

@@ -9,7 +9,13 @@
-->
<template>
<div class="view-wrapper">
<span>对标先进&nbsp;比学赶超</span>
<!-- <div class="left-wrapper"></div> -->
<div class="center-wrapper">
<span class="slogan">对标先进&nbsp;比学赶超</span>
</div>
<div class="right-wrapper">
</div>
</div>
</template>
@@ -44,30 +50,52 @@ export default {
<style scoped lang="scss">
.view-wrapper {
box-sizing: border-box;
min-height: 600px;
height: 100vh;
min-width: 1280px;
width: 100vw;
border: 1px solid red;
}
padding: 5mm;
display: flex;
justify-content: end;
align-items: stretch;
span {
margin: 0px;
display: block;
.slogan {
margin: 0px;
padding-top: 15px;
display: block;
text-align: center;
font: {
family: "FZ-ZHUOHEI";
weight: 100;
size: 70px;
font: {
family: "FZ-ZHUOHEI";
weight: 100;
size: 70px;
}
color: $color-bg-05;
text-shadow: #feebb1 0px 0px,
#feebb1 5px 0px,
#feebb1 -5px -0px,
#feebb1 -0px -5px,
#feebb1 -4px -4px,
#feebb1 4px 4px,
#feebb1 4px -4px,
#feebb1 -4px 4px;
}
color: $color-bg-05;
text-shadow: #feebb1 0px 0px,
#feebb1 5px 0px,
#feebb1 -5px -0px,
#feebb1 -0px -5px,
#feebb1 -4px -4px,
#feebb1 4px 4px,
#feebb1 4px -4px,
#feebb1 -4px 4px;
div {
border: 1px solid red;
box-sizing: border-box;
}
}
.center-wrapper {
width: 50%;
// margin-left: auto;
}
.right-wrapper {
min-width: 400px;
width: 25%;
}
</style>
<style lang="scss">