Skip to content

Commit a93852b

Browse files
FairyEverFairyEver
committed
feat: container
1 parent c1057da commit a93852b

File tree

19 files changed

+65
-62
lines changed

19 files changed

+65
-62
lines changed

‎src/components/container/com.vue

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
<style lang="scss">
2+
.container {
3+
background-color: #FFF;
4+
margin: 30px auto;
5+
padding: 20px;
6+
max-width: 1000px;
7+
border-radius: 2px;
8+
}
9+
</style>
10+
11+
<template>
12+
<div class="container">
13+
<slot/>
14+
</div>
15+
</template>
16+
17+
<script>
18+
export default {
19+
name: 'container'
20+
}
21+
</script>

‎src/components/demo/com.vue

Lines changed: 0 additions & 15 deletions
This file was deleted.

‎src/layouts/default.vue

Lines changed: 12 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,10 @@
22
.layout-main {
33
height: 100%;
44
.layout-main--side {
5-
width: 200px;
5+
width: 260px;
66
background-color: #051428;
77
user-select: none;
88
cursor: pointer;
9-
.overlay {
10-
height: 100%;
11-
}
129
.el-menu {
1310
border-right: none;
1411
.el-menu-item {
@@ -18,6 +15,12 @@
1815
}
1916
}
2017
}
18+
.layout-main--body {
19+
background-color: #F0F2F5;
20+
}
21+
.overlay {
22+
height: 100%;
23+
}
2124
}
2225
</style>
2326

@@ -37,15 +40,7 @@ export default {
3740
const node =
3841
<div class="layout-main" flex="dir:left">
3942
<div class="layout-main--side" flex-box="0">
40-
<overlay-scrollbars
41-
class="overlay os-theme-light"
42-
options={
43-
{
44-
scrollbars: {
45-
autoHide: 'scroll'
46-
}
47-
}
48-
}>
43+
<overlay-scrollbars class="overlay os-theme-light" options={ { scrollbars: { autoHide: 'scroll' } } }>
4944
<el-menu
5045
default-active={ this.$route.path }
5146
background-color="#051428"
@@ -56,8 +51,10 @@ export default {
5651
</el-menu>
5752
</overlay-scrollbars>
5853
</div>
59-
<div flex-box="1">
60-
<router-view/>
54+
<div class="layout-main--body" flex-box="1">
55+
<overlay-scrollbars class="overlay" options={ { scrollbars: { autoHide: 'scroll' } } }>
56+
<router-view/>
57+
</overlay-scrollbars>
6158
</div>
6259
</div>
6360
return node

‎src/pages/demo1/1.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo1/2.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo1/3.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo1/4.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo1/5.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo2/1.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo2/2.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo2/3.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo2/4.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo2/5.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo3/1.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo3/2.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo3/3.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo3/4.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/demo3/5.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
{{ $route.name }}
10-
</div>
10+
</container>
1111
</template>

‎src/pages/index.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
</route-meta>
66

77
<template>
8-
<div>
8+
<container>
99
home
10-
</div>
10+
</container>
1111
</template>

0 commit comments

Comments
 (0)