ayanova/src/App.vue

@@ -19,17 +19,25 @@
         <span>{{ appBar.title}}</span>
       </v-toolbar-title>
       <v-spacer></v-spacer>
-
+      <v-toolbar-items>
-      <v-btn icon>
+        <template v-for="(item) in appBar.menuItems">
-        <v-icon>fa-save</v-icon>
+          <v-btn
+            class="hidden-sm-and-down"
+            right
+            flat
+            icon
+            v-if="item.surface"
+            :key="item.key"
+            :disabled="item.disabled"
+            @click="$gzevent.$emit('menu-click',item)"
+          >
+            <v-icon :color="item.color?item.color:''">{{ "fa-" + item.icon }}</v-icon>
           </v-btn>
-      <v-btn icon>
+        </template>
-        <v-icon>fa-search</v-icon>
+        <v-spacer></v-spacer>
-      </v-btn>
-
         <v-menu bottom left>
           <template v-slot:activator="{ on }">
-          <v-btn dark icon v-on="on">
+            <v-btn flat dark icon v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
             </v-btn>
           </template>
@@ -55,6 +63,7 @@
             </template>
           </v-list>
         </v-menu>
+      </v-toolbar-items>
     </v-toolbar>
     <v-content>
       <v-container fluid fill-height>