1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| <template>
| <div class="box">
| <!-- 顶部栏 -->
| <navbar @selected="selected" />
|
| <component :is="layout[name]"></component>
| </div>
| </template>
| <script>
| import layout from "./index";
| import navbar from "./navbar";
| export default {
| components: {
| navbar,
| },
| data() {
| return {
| layout, // 装修模块
| name: "index", // 装修的页面
| };
| },
| methods: {
| selected(val) { // 顶部栏点击切换
| this.name = val;
| }
| }
| };
| </script>
| <style scoped lang="scss">
| .box {
| height: calc(100vh - 120px);
| width: 98%;
| margin: 0 auto;
| padding: 0 20px;
| background: #fff;
| border-radius: 0.4em;
| overflow: hidden;
| }
| </style>
|
|
