|
1
|
<template>
|
1
|
<template>
|
|
2
|
- <Menu theme="dark" width="auto" :accordion="true" :open-names="openNames" @on-select="open" :active-name="activeName">
|
|
|
|
3
|
- <div class="layout-logo-left"></div>
|
|
|
|
4
|
- <Submenu :name="purview.id" v-for="purview in purviews" :key="purview.id" >
|
|
|
|
5
|
- <template slot="title">
|
|
|
|
6
|
- <div class="nor">
|
|
|
|
7
|
- <Icon type="ios-navigate"></Icon>
|
|
|
|
8
|
- {{purview.menu_name}}
|
|
|
|
9
|
- </div>
|
|
|
|
10
|
- <div class="collapse">
|
|
|
|
11
|
- {{purview.menu_name[0]}}
|
|
|
|
12
|
- </div>
|
|
|
|
13
|
- </template>
|
|
|
|
14
|
- <Menu-item :name="subPurview.id" v-for="subPurview in purview.sub" :key="subPurview.id">{{subPurview.menu_name}}</Menu-item>
|
|
|
|
15
|
- </Submenu>
|
|
|
|
16
|
- </Menu>
|
2
|
+ <div>
|
|
|
|
3
|
+ <Menu theme="dark" width="auto" :accordion="true" :open-names="openNames" @on-select="open" :active-name="activeName">
|
|
|
|
4
|
+ <div class="layout-logo-left"></div>
|
|
|
|
5
|
+ <Submenu :name="purview.id" v-for="purview in purviews" :key="purview.id" >
|
|
|
|
6
|
+ <template slot="title">
|
|
|
|
7
|
+ <div class="nor">
|
|
|
|
8
|
+ <Icon type="ios-navigate"></Icon>
|
|
|
|
9
|
+ {{purview.menu_name}}
|
|
|
|
10
|
+ </div>
|
|
|
|
11
|
+ <div class="collapse">
|
|
|
|
12
|
+ {{purview.menu_name[0]}}
|
|
|
|
13
|
+ </div>
|
|
|
|
14
|
+ </template>
|
|
|
|
15
|
+ <Menu-item :name="subPurview.id" v-for="subPurview in purview.sub" :key="subPurview.id">{{subPurview.menu_name}}</Menu-item>
|
|
|
|
16
|
+ </Submenu>
|
|
|
|
17
|
+ </Menu>
|
|
|
|
18
|
+ <div class="layout-menu-foot">
|
|
|
|
19
|
+ <a href="/YOHO!BUY%E6%9C%89%E8%B4%A7%E5%B9%B3%E5%8F%B0%E8%BF%9D%E8%A7%84%E8%A1%8C%E4%B8%BA%E5%AE%9A%E4%B9%89%E5%8F%8A%E6%89%A3%E5%88%86%E8%AF%B4%E6%98%8E+VOL.02+.pdf" target="_blank">平台规则</a>
|
|
|
|
20
|
+ <i class="ivu-icon ivu-icon-help-circled"></i>
|
|
|
|
21
|
+ </div>
|
|
|
|
22
|
+ </div>
|
|
17
|
</template>
|
23
|
</template>
|
|
18
|
|
24
|
|
|
19
|
<script>
|
25
|
<script>
|
|
@@ -83,6 +89,23 @@ $collapseLeftBorder: 2px; |
|
@@ -83,6 +89,23 @@ $collapseLeftBorder: 2px; |
|
83
|
}
|
89
|
}
|
|
84
|
}
|
90
|
}
|
|
85
|
|
91
|
|
|
|
|
92
|
+.layout-menu-foot {
|
|
|
|
93
|
+ position: absolute;
|
|
|
|
94
|
+ bottom: 0;
|
|
|
|
95
|
+ left: 0;
|
|
|
|
96
|
+ right: 0;
|
|
|
|
97
|
+ width: 100%;
|
|
|
|
98
|
+ height: 30px;
|
|
|
|
99
|
+ line-height: 30px;
|
|
|
|
100
|
+ text-align: center;
|
|
|
|
101
|
+ font-size: 13px;
|
|
|
|
102
|
+ color: #80848f;
|
|
|
|
103
|
+
|
|
|
|
104
|
+ a {
|
|
|
|
105
|
+ color: #80848f;
|
|
|
|
106
|
+ }
|
|
|
|
107
|
+}
|
|
|
|
108
|
+
|
|
86
|
.menu-collapse {
|
109
|
.menu-collapse {
|
|
87
|
.layout-logo-left {
|
110
|
.layout-logo-left {
|
|
88
|
background: none;
|
111
|
background: none;
|
