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

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

@ -1,17 +1,30 @@
<template> <template>
<DragabbleContainer class="isolate-area-1"> <DragabbleContainer class="isolate-area-1">
<SmallBox2></SmallBox2> <SmallBox2></SmallBox2>
<SmallBox2></SmallBox2>
<SmallBox2></SmallBox2>
<SmallBox2></SmallBox2>
</DragabbleContainer> </DragabbleContainer>
</template> </template>
<script> <script>
import DragabbleContainer from '../layout/DragableContainer.vue' import DragabbleContainer from "../layout/DragableContainer.vue";
import SmallBox2 from '../common/SmallBox2.vue'; import SmallBox2 from "../common/SmallBox2.vue";
export default { export default {
name: "IsolateArea--1", name: "IsolateArea--1",
components: { DragabbleContainer, SmallBox2 } components: { DragabbleContainer, SmallBox2 },
}; };
</script> </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> <template>
<main> <main>
main content main content
<AreaOne />
</main> </main>
</template> </template>
<script> <script>
import AreaOne from '../isolate-area-1/Area.vue'
export default { export default {
name: "Main", name: "Main",
components: { AreaOne },
props: {}, props: {},
data() { data() {
return {}; return {};