2016-07-13 05:00:31 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
|
|
|
|
|
<html lang="en-US">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui">
|
|
|
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
|
<meta name="apple-mobile-web-app-title" content="Vue.js Material">
|
|
|
|
|
<meta name="application-name" content="Vue.js Material">
|
|
|
|
|
<meta http-equiv="cleartype" content="on">
|
|
|
|
|
<meta name="description" content="Material Design for Vue">
|
|
|
|
|
|
|
|
|
|
<title>Vue.js Material</title>
|
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
|
|
|
|
|
<link rel="stylesheet" href="//fonts.googleapis.com/icon?family=Material+Icons">
|
|
|
|
|
</head>
|
|
|
|
|
|
2016-07-20 04:42:04 +00:00
|
|
|
<body>
|
|
|
|
|
<div class="docs" id="app" v-cloak>
|
|
|
|
|
<md-toolbar>
|
|
|
|
|
<md-button class="md-icon-button" @click="toggleSidenav">
|
|
|
|
|
<md-icon>menu</md-icon>
|
|
|
|
|
</md-button>
|
|
|
|
|
|
|
|
|
|
<h2 class="md-title">Vue Material</h2>
|
|
|
|
|
</md-toolbar>
|
|
|
|
|
|
|
|
|
|
<md-sidenav class="md-left md-fixed" :md-visible.sync="showSidenav">
|
|
|
|
|
<md-list>
|
|
|
|
|
<md-list-item v-link="'avatar'">Avatar</md-list-item>
|
|
|
|
|
<md-list-item v-link="'bottom-bar'">Bottom Bar</md-list-item>
|
|
|
|
|
<md-list-item v-link="'button'">Button</md-list-item>
|
|
|
|
|
<md-list-item v-link="'button-toggle'">Button Toggle</md-list-item>
|
|
|
|
|
<md-list-item v-link="'icon'">Icon</md-list-item>
|
|
|
|
|
<md-list-item v-link="'ripple'">Ripple</md-list-item>
|
|
|
|
|
<md-list-item v-link="'list'">List</md-list-item>
|
|
|
|
|
<md-list-item v-link="'sidenav'">Sidenav</md-list-item>
|
|
|
|
|
<md-list-item v-link="'theme'">Theme</md-list-item>
|
|
|
|
|
<md-list-item v-link="'toolbar'">Toolbar</md-list-item>
|
|
|
|
|
</md-list>
|
|
|
|
|
</md-sidenav>
|
|
|
|
|
|
|
|
|
|
<router-view></router-view>
|
|
|
|
|
</div>
|
2016-07-13 05:00:31 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
