|
|
@@ -0,0 +1,16 @@
|
|
|
+'use strict';
|
|
|
+// 导航栏
|
|
|
+Vue.component('nav-menu', {
|
|
|
+ props: ['title', 'url', 'active', 'tclass', 'icon', 'ml'],
|
|
|
+ template: '' +
|
|
|
+ '<div class="nav-box">' +
|
|
|
+ '<ul class="nav-list list-unstyled">' +
|
|
|
+ '<li :class="[ active >= 0 ? \'active\' : \'\' ]">' +
|
|
|
+ '<a :href="url" :class="[ tclass ]">' +
|
|
|
+ '<i v-if="icon" class="fa" :class="icon"></i>' +
|
|
|
+ '<span :class="[ \'ml-\' + ml ]">{{ title }}</span>' +
|
|
|
+ '</a>' +
|
|
|
+ '</li>' +
|
|
|
+ '</ul>' +
|
|
|
+ '</div>'
|
|
|
+});
|
