test: vue demo

Author: farfromrefug

demo-vue/app.webpack.config.js

@@ -39,7 +39,6 @@ module.exports = (env, params = {}) => {
         verbose, // --env.verbose
         uglify // --env.uglify
     } = env;
-    console.log('test', env, development);
     const config = webpackConfig(env, params);
     const mode = production ? 'production' : 'development';
     const platform = env && ((env.android && 'android') || (env.ios && 'ios'));

demo-vue/app/examples/Speeddial.vue

@@ -28,11 +28,11 @@
                         <MDButton dock="bottom" text="test2" />
                         <MDButton class="btn" dock="right" text="test3" />
                     </DockLayout>
-                    <MDSpeedDial buttonFontSize="26" text="mdi-one-up"  buttonClass="mdi" buttonBackgroundColor="yellow">
-                        <MDSpeedDialItem icon="res://ic_action_add" title="test1" backgroundColor="red"  @tap="onTap"/>
-                        <MDSpeedDialItem text="mdi-card-account-mail" title="test2" buttonClass="mdi" backgroundColor="green"  @tap="onTap"/>
-                        <MDSpeedDialItem backgroundImage="~/images/iu.jpg"  backgroundColor="blue"  @tap="onTap"/>
-                        <MDSpeedDialItem icon="res://ic_action_add" title="test4" backgroundColor="orange" @tap="onTap"/>
+                    <MDSpeedDial text="mdi-one-up" buttonClass="mdi">
+                        <MDSpeedDialItem icon="res://ic_action_add" title="test1" backgroundColor="red" @tap="onTap" />
+                        <MDSpeedDialItem text="mdi-card-account-mail" title="test2" buttonClass="mdi" backgroundColor="green" @tap="onTap" />
+                        <MDSpeedDialItem backgroundImage="~/images/iu.jpg" backgroundColor="blue" @tap="onTap" />
+                        <MDSpeedDialItem icon="res://ic_action_add" title="test4" backgroundColor="orange" @tap="onTap" />
                     </MDSpeedDial>
                 </GridLayout>
             </TabContentItem>
@@ -71,9 +71,26 @@ export default Vue.extend({
         },
         onTap(event) {
             console.log('Button tapped', event.object, Date.now());
-        },
+        }
     }
 });
 </script>
 
-<style></style>
+<style lang="css">
+MDSpeedDialButton,
+MDSpeedDialItemButton {
+    font-family: 'materialdesignicons-webfont', 'Material Design Icons';
+    color: white;
+}
+MDSpeedDialButton {
+    background-color: yellow;
+}
+MDSpeedDialItemTitle {
+    background-color: #444;
+    vertical-text-alignment: middle;
+    border-radius: 6;
+    font-size: 11;
+    color: white;
+    padding: 6;
+}
+</style>