forked from wmfe/xcui
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHome.vue
152 lines (142 loc) · 6.76 KB
/
Home.vue
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<template>
<div id="wrapper">
<x-row :gutter="32" id="wrapper-content">
<x-col :xs="8" :sm="8" :md="8" :lg="6" id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-item">
<router-link to="/home">介绍</router-link>
</li>
<li class="sidebar-item">
<router-link to="/intro/installation">安装</router-link>
</li>
<li class="sidebar-item">
<router-link to="/intro/quickstart">快速上手</router-link>
</li>
<!-- <li class="sidebar-divider"></li> -->
<li class="sidebar-part-title">组件</li>
<li class="sidebar-title">Basic 基础</li>
<li class="sidebar-item">
<router-link to="/component/layout">Layout 布局</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/icon">Icon 图标</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/button">Button 按钮</router-link>
</li class="sidebar-item">
<li class="sidebar-title">Form 表单</li>
<li class="sidebar-item">
<router-link to="/component/input">Input 单行输入框</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/textarea">Textarea 多行输入框</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/checkbox">Checkbox 多选框</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/radio">Radio 单选框</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/input-number">InputNumber 计数器</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/suggestion">Suggestion 输入建议</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/select">Select 选择器</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/switch">Switch 开关</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/timepicker">TimePicker 时间选择器</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/datepicker">DatePicker 日期选择器</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/datetimepicker">DateTimePicker 时间日期选择器</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/form">Form 表单</router-link>
</li>
<li class="sidebar-title">Notice 提示</li>
<li class="sidebar-item">
<router-link to="/component/message">Message 信息提示</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/notice">Notice 通知提示</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/modal">Modal 对话框</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/dialog">Dialog 快捷对话框</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/popover">Popover 工具提示</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/tooltip">Tooltip 文字提示</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/loading">Loading 加载中提示</router-link>
</li>
<li class="sidebar-title">Data 数据展示</li>
<li class="sidebar-item">
<router-link to="/component/table">Table 表格</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/progress">Progress 进度条</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/tag">Tag 标签</router-link>
</li>
<li class="sidebar-title">Navigation 导航</li>
<li class="sidebar-item">
<router-link to="/component/pagination">Pagination 分页</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/steps">Steps 步骤条</router-link>
</li>
<li class="sidebar-title">Others 其他</li>
<li class="sidebar-item">
<router-link to="/component/scrolltop">ScrollTop 返回顶部</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/pageloading">PageLoading 页面加载</router-link>
</li>
<li class="sidebar-item">
<router-link to="/component/collapse">Collapse 折叠面板</router-link>
</li>
</ul>
</x-col>
<x-col :xs="16" :sm="16" :md="16" :lg="18" id="page-content-wrapper" class="x-demo">
<div class="x-demo-inner">
<router-view></router-view>
</div>
</x-col>
</x-row>
</div>
</template>
<script>
const version = require('../package.json').version;
export default {
data() {
return {
version: version
};
},
mounted() {
if (this.$route.path === '/') {
this.$router.push({
path: 'home'
});
}
}
};
</script>
<style lang="less">
@import './assets/demo/demo.less';
</style>