🎨 optimized code

This commit is contained in:
landaiqing
2024-11-27 01:50:18 +08:00
parent 88c1a4bd16
commit a3e15bbc86
13 changed files with 164 additions and 518 deletions

View File

@@ -1,7 +1,3 @@
//body {
// display: block;
// background-color: #ffbf00;
//}
.section-center {
position: relative;
width: 600px;

View File

@@ -1,13 +1,4 @@
<script lang="ts">
import {defineComponent} from 'vue';
export default defineComponent({
name: "BoxDog"
});
</script>
<template>
<body translate="no">
<div class="container">
<div class="box">
<div class="sign"></div>
@@ -91,9 +82,10 @@ export default defineComponent({
<div class="yellow-shape"></div>
</div>
</div>
</body>
</template>
<script lang="ts" setup>
<style src="./index.scss" scoped>
</script>
<style src="./index.scss" lang="scss" scoped>
</style>

View File

@@ -1,27 +1,3 @@
html,
body {
height: 100%;
width: 100%;
overflow: hidden;
}
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
position: relative;
background: transparent !important;
padding: 0;
margin: 0;
}
.container {
position: relative;
top: 50%;

View File

@@ -358,7 +358,7 @@ svg:not(:root) {
left: 15%;
transform: translateY(-50%);
padding: 12px 16px;
font-family: "Montserrat";
font-family: "Montserrat",serif;
text-transform: uppercase;
font-size: 1.1em;
letter-spacing: 0.1em;