mt-fe-group/dezhou-screen
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add Areaone

Browse Source
This commit is contained in:
lb 2023-05-08 15:37:49 +08:00
parent 5cd4dc89fd
commit 48aa55b500
2 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/components/isolate-area-1/Area.vue
View File

@ -1,17 +1,30 @@
<template>
<DragabbleContainer class="isolate-area-1">
<SmallBox2></SmallBox2>
</DragabbleContainer>
<SmallBox2></SmallBox2>
<SmallBox2></SmallBox2>
<SmallBox2></SmallBox2>
<SmallBox2></SmallBox2>
</DragabbleContainer>
</template>
<script>
import DragabbleContainer from '../layout/DragableContainer.vue'
import SmallBox2 from '../common/SmallBox2.vue';
import DragabbleContainer from "../layout/DragableContainer.vue";
import SmallBox2 from "../common/SmallBox2.vue";
export default {
name: "IsolateArea--1",
components: { DragabbleContainer, SmallBox2 }
components: { DragabbleContainer, SmallBox2 },
};
</script>
<style scoped></style>
<style scoped lang="scss">
.isolate-area-1 {
display: flex;
> .small-box-2:not(:last-child) {
margin: {
right: 8px;
}
}
}
</style>

3
src/components/layout/Main.vue
View File

@ -1,12 +1,15 @@
<template>
<main>
main content
<AreaOne />
</main>
</template>
<script>
import AreaOne from '../isolate-area-1/Area.vue'
export default {
name: "Main",
components: { AreaOne },
props: {},
data() {
return {};