2016-07-13 05:00:31 +00:00
|
|
|
<!doctype html>
|
|
|
|
|
|
2016-07-21 22:00:12 +00:00
|
|
|
<html lang="en-us">
|
2016-07-13 05:00:31 +00:00
|
|
|
<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>
|
2016-07-21 21:57:24 +00:00
|
|
|
<div class="container" id="app" v-cloak>
|
2016-07-26 03:24:20 +00:00
|
|
|
<md-whiteframe md-elevation="3dp" class="main-header">
|
2016-07-22 04:45:15 +00:00
|
|
|
<md-toolbar>
|
|
|
|
|
<md-button class="md-icon-button" @click="toggleSidenav">
|
|
|
|
|
<md-icon>menu</md-icon>
|
|
|
|
|
</md-button>
|
2016-07-20 04:42:04 +00:00
|
|
|
|
2016-07-22 04:45:15 +00:00
|
|
|
<h2 class="md-title">Vue Material</h2>
|
|
|
|
|
</md-toolbar>
|
|
|
|
|
</md-whiteframe>
|
2016-07-20 04:42:04 +00:00
|
|
|
|
2016-07-26 03:24:20 +00:00
|
|
|
<md-sidenav class="main-sidebar md-left md-fixed" :md-visible.sync="showSidenav">
|
2016-07-20 04:42:04 +00:00
|
|
|
<md-list>
|
2016-07-20 04:53:52 +00:00
|
|
|
<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>
|
2016-08-03 06:32:30 +00:00
|
|
|
<md-list-item v-link="checkbox">Checkbox</md-list-item>
|
2016-08-09 06:42:17 +00:00
|
|
|
<md-list-item v-link="radio">Radio</md-list-item>
|
|
|
|
|
<md-list-item v-link="switch">Switch</md-list-item>
|
2016-07-26 05:48:31 +00:00
|
|
|
<md-list-item v-link="divider">Divider</md-list-item>
|
2016-07-26 22:55:29 +00:00
|
|
|
<md-list-item v-link="icon">Icon</md-list-item>
|
|
|
|
|
<md-list-item v-link="input">Input</md-list-item>
|
2016-07-20 04:53:52 +00:00
|
|
|
<md-list-item v-link="list">List</md-list-item>
|
2016-07-26 22:55:29 +00:00
|
|
|
<md-list-item v-link="ripple">Ripple</md-list-item>
|
2016-07-20 04:53:52 +00:00
|
|
|
<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>
|
2016-08-03 05:03:53 +00:00
|
|
|
<md-list-item v-link="tooltip">Tooltip</md-list-item>
|
2016-07-22 05:37:52 +00:00
|
|
|
<md-list-item v-link="whiteframe">Whiteframe</md-list-item>
|
2016-07-20 04:42:04 +00:00
|
|
|
</md-list>
|
|
|
|
|
</md-sidenav>
|
|
|
|
|
|
2016-07-26 03:24:20 +00:00
|
|
|
<div class="main-content">
|
2016-07-21 21:57:24 +00:00
|
|
|
<router-view></router-view>
|
|
|
|
|
</div>
|
2016-07-20 04:42:04 +00:00
|
|
|
</div>
|
2016-07-13 05:00:31 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
