|
4 | 4 | <lay-side> |
5 | 5 | <lay-menu :default-openeds="[0, 1, 2]"> |
6 | 6 | <lay-menu-item :index="0" icon="component" title="快速开始"> |
7 | | - <lay-menu-child-item title="首页" :to="{name: 'home'}"></lay-menu-child-item> |
8 | | - <lay-menu-child-item title="关于vue-layui" :to="{name: 'about'}"></lay-menu-child-item> |
| 7 | + <lay-menu-child-item |
| 8 | + title="首页" |
| 9 | + :to="{ name: 'home' }" |
| 10 | + ></lay-menu-child-item> |
| 11 | + <lay-menu-child-item |
| 12 | + title="关于vue-layui" |
| 13 | + :to="{ name: 'about' }" |
| 14 | + ></lay-menu-child-item> |
9 | 15 | </lay-menu-item> |
10 | 16 | <lay-menu-item :index="1" icon="component"> |
11 | 17 | <template slot="title"> |
12 | 18 | <span>布局</span> |
13 | 19 | </template> |
14 | | - <lay-menu-child-item title="栅格" :to="{name: 'grid'}"></lay-menu-child-item> |
15 | | - <lay-menu-child-item title="后台布局" :to="{name: 'admin'}"></lay-menu-child-item> |
| 20 | + <lay-menu-child-item |
| 21 | + title="栅格" |
| 22 | + :to="{ name: 'grid' }" |
| 23 | + ></lay-menu-child-item> |
| 24 | + <lay-menu-child-item |
| 25 | + title="后台布局" |
| 26 | + :to="{ name: 'admin' }" |
| 27 | + ></lay-menu-child-item> |
16 | 28 | </lay-menu-item> |
17 | 29 | <lay-menu-item :index="2" icon="component"> |
18 | 30 | <template slot="title"> |
19 | 31 | <span>基本元素</span> |
20 | 32 | </template> |
21 | | - <lay-menu-child-item title="按钮" :to="{name: 'button'}"></lay-menu-child-item> |
22 | | - <lay-menu-child-item title="表单" :to="{name: 'form'}"></lay-menu-child-item> |
23 | | - <lay-menu-child-item title="导航/面包屑" :to="{name: 'nav'}"></lay-menu-child-item> |
24 | | - <lay-menu-child-item title="选项卡" :to="{name: 'tabs'}"></lay-menu-child-item> |
25 | | - <lay-menu-child-item title="进度条" :to="{name: 'progress'}"></lay-menu-child-item> |
26 | | - <lay-menu-child-item title="面板" :to="{name: 'panel'}"></lay-menu-child-item> |
27 | | - <lay-menu-child-item title="徽章" :to="{name: 'badge'}"></lay-menu-child-item> |
28 | | - <lay-menu-child-item title="时间线" :to="{name: 'timeline'}"></lay-menu-child-item> |
29 | | - <lay-menu-child-item title="静态表格" :to="{name: 'table'}"></lay-menu-child-item> |
30 | | - <lay-menu-child-item title="动画" :to="{name: 'animation'}"></lay-menu-child-item> |
31 | | - <lay-menu-child-item title="辅助元素" :to="{name: 'auxiliar'}"></lay-menu-child-item> |
| 33 | + <lay-menu-child-item |
| 34 | + title="按钮" |
| 35 | + :to="{ name: 'button' }" |
| 36 | + ></lay-menu-child-item> |
| 37 | + <lay-menu-child-item |
| 38 | + title="表单" |
| 39 | + :to="{ name: 'form' }" |
| 40 | + ></lay-menu-child-item> |
| 41 | + <lay-menu-child-item |
| 42 | + title="导航/面包屑" |
| 43 | + :to="{ name: 'nav' }" |
| 44 | + ></lay-menu-child-item> |
| 45 | + <lay-menu-child-item |
| 46 | + title="选项卡" |
| 47 | + :to="{ name: 'tabs' }" |
| 48 | + ></lay-menu-child-item> |
| 49 | + <lay-menu-child-item |
| 50 | + title="进度条" |
| 51 | + :to="{ name: 'progress' }" |
| 52 | + ></lay-menu-child-item> |
| 53 | + <lay-menu-child-item |
| 54 | + title="面板" |
| 55 | + :to="{ name: 'panel' }" |
| 56 | + ></lay-menu-child-item> |
| 57 | + <lay-menu-child-item |
| 58 | + title="徽章" |
| 59 | + :to="{ name: 'badge' }" |
| 60 | + ></lay-menu-child-item> |
| 61 | + <lay-menu-child-item |
| 62 | + title="时间线" |
| 63 | + :to="{ name: 'timeline' }" |
| 64 | + ></lay-menu-child-item> |
| 65 | + <lay-menu-child-item |
| 66 | + title="静态表格" |
| 67 | + :to="{ name: 'table' }" |
| 68 | + ></lay-menu-child-item> |
| 69 | + <lay-menu-child-item |
| 70 | + title="动画" |
| 71 | + :to="{ name: 'animation' }" |
| 72 | + ></lay-menu-child-item> |
| 73 | + <lay-menu-child-item |
| 74 | + title="辅助元素" |
| 75 | + :to="{ name: 'auxiliar' }" |
| 76 | + ></lay-menu-child-item> |
32 | 77 | </lay-menu-item> |
33 | 78 | <lay-menu-item :index="3" icon="component"> |
34 | 79 | <template slot="title"> |
35 | 80 | <span>组件示例</span> |
36 | 81 | </template> |
37 | | - <lay-menu-child-item title="弹出层" :to="{name: 'layer'}"></lay-menu-child-item> |
38 | | - <lay-menu-child-item title="分页" :to="{name: 'laypage'}"></lay-menu-child-item> |
39 | | - <lay-menu-child-item title="颜色选择器" :to="{name: 'colorPicker'}"></lay-menu-child-item> |
40 | | - <lay-menu-child-item title="滑块" :to="{name: 'slider'}"></lay-menu-child-item> |
41 | | - <lay-menu-child-item title="评分" :to="{name: 'rate'}"></lay-menu-child-item> |
42 | | - <lay-menu-child-item title="轮播" :to="{name: 'carousel'}"></lay-menu-child-item> |
| 82 | + <lay-menu-child-item |
| 83 | + title="弹出层" |
| 84 | + :to="{ name: 'layer' }" |
| 85 | + ></lay-menu-child-item> |
| 86 | + <lay-menu-child-item |
| 87 | + title="分页" |
| 88 | + :to="{ name: 'laypage' }" |
| 89 | + ></lay-menu-child-item> |
| 90 | + <lay-menu-child-item |
| 91 | + title="颜色选择器" |
| 92 | + :to="{ name: 'colorPicker' }" |
| 93 | + ></lay-menu-child-item> |
| 94 | + <lay-menu-child-item |
| 95 | + title="滑块" |
| 96 | + :to="{ name: 'slider' }" |
| 97 | + ></lay-menu-child-item> |
| 98 | + <lay-menu-child-item |
| 99 | + title="评分" |
| 100 | + :to="{ name: 'rate' }" |
| 101 | + ></lay-menu-child-item> |
| 102 | + <lay-menu-child-item |
| 103 | + title="轮播" |
| 104 | + :to="{ name: 'carousel' }" |
| 105 | + ></lay-menu-child-item> |
43 | 106 | </lay-menu-item> |
44 | 107 | </lay-menu> |
45 | 108 | </lay-side> |
46 | 109 | <div> |
47 | 110 | <lay-header> |
48 | 111 | <lay-logo> |
49 | 112 | <span v-if="!collapse">vue-layui</span> |
50 | | - <img v-else width="30" src="https://cos.jskou.com/vue-layui-logo.png" alt> |
| 113 | + <img |
| 114 | + v-else |
| 115 | + width="30" |
| 116 | + src="https://cos.jskou.com/vue-layui-logo.png" |
| 117 | + alt |
| 118 | + /> |
51 | 119 | </lay-logo> |
52 | 120 | <lay-menu |
53 | 121 | mode="horizontal" |
54 | 122 | class="layui-layout-left" |
55 | 123 | :class="{ |
56 | | - 'is-collapse': collapse |
57 | | - }"> |
| 124 | + 'is-collapse': collapse |
| 125 | + }" |
| 126 | + > |
58 | 127 | <lay-menu-item :index="0"> |
59 | 128 | <template slot="title"> |
60 | 129 | <i |
61 | 130 | @click="collapse = !collapse" |
62 | 131 | class="layui-icon" |
63 | 132 | :class="{ |
64 | | - 'layui-icon-spread-left': collapse, |
65 | | - 'layui-icon-shrink-right': !collapse |
66 | | - }" |
| 133 | + 'layui-icon-spread-left': collapse, |
| 134 | + 'layui-icon-shrink-right': !collapse |
| 135 | + }" |
67 | 136 | /> |
68 | 137 | </template> |
69 | 138 | </lay-menu-item> |
|
91 | 160 | <img |
92 | 161 | src="https://avatars1.githubusercontent.com/u/23720738?s=460&v=4" |
93 | 162 | class="layui-nav-img" |
94 | | - > admin |
| 163 | + /> |
| 164 | + admin |
95 | 165 | </template> |
96 | 166 | <lay-menu-child-item title="基本资料"></lay-menu-child-item> |
97 | 167 | <lay-menu-child-item title="安全设置"></lay-menu-child-item> |
98 | 168 | </lay-menu-item> |
99 | 169 | <lay-menu-item :index="0"> |
100 | | - <template slot="title">退出</template> |
| 170 | + <template slot="title" |
| 171 | + >退出</template |
| 172 | + > |
101 | 173 | </lay-menu-item> |
102 | 174 | </lay-menu> |
103 | 175 | </lay-header> |
104 | 176 | <lay-body> |
105 | 177 | <div class="layui-main site-demo-body"> |
106 | | - <router-view/> |
| 178 | + <router-view /> |
107 | 179 | </div> |
108 | 180 | </lay-body> |
109 | 181 | <lay-footer style="text-align: center"> |
110 | 182 | <span>© 2018</span> |
111 | | - <a class="deom-pl10" href="http://jskou.com" target="_blank">jskou.com</a> |
| 183 | + <a class="deom-pl10" href="http://jskou.com" target="_blank" |
| 184 | + >jskou.com</a |
| 185 | + > |
112 | 186 | <span class="deom-pl10">MIT license</span> |
113 | | - <a class="deom-pl10" href="https://github.com/kouchao/vue-layui" target="_blank">GitHub</a> |
| 187 | + <a |
| 188 | + class="deom-pl10" |
| 189 | + href="https://github.com/kouchao/vue-layui" |
| 190 | + target="_blank" |
| 191 | + >GitHub</a |
| 192 | + > |
114 | 193 | <a |
115 | 194 | class="deom-pl10" |
116 | 195 | href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=37078202000111" |
117 | 196 | target="_blank" |
118 | | - >鲁公网安备 37078202000111号</a> |
| 197 | + >鲁公网安备 37078202000111号</a |
| 198 | + > |
119 | 199 | <span class="deom-pl10">|</span> |
120 | | - <a class="deom-pl10" href="http://www.miibeian.gov.cn/" target="_blank">鲁ICP备17028069号-2</a> |
| 200 | + <a |
| 201 | + class="deom-pl10" |
| 202 | + href="http://www.miibeian.gov.cn/" |
| 203 | + target="_blank" |
| 204 | + >鲁ICP备17028069号-2</a |
| 205 | + > |
121 | 206 | </lay-footer> |
122 | 207 | </div> |
123 | 208 | </lay-admin> |
|
0 commit comments