mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-03-20 16:00:25 +00:00
61 lines
2.5 KiB
HTML
61 lines
2.5 KiB
HTML
<!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>
|
|
|
|
<body>
|
|
<div class="container" id="app" v-cloak>
|
|
<md-whiteframe md-elevation="3dp" class="main-header">
|
|
<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-whiteframe>
|
|
|
|
<md-sidenav class="main-sidebar 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="checkbox">Checkbox</md-list-item>
|
|
<md-list-item v-link="radio">Radio</md-list-item>
|
|
<md-list-item v-link="switch">Switch</md-list-item>
|
|
<md-list-item v-link="divider">Divider</md-list-item>
|
|
<md-list-item v-link="icon">Icon</md-list-item>
|
|
<md-list-item v-link="input">Input</md-list-item>
|
|
<md-list-item v-link="list">List</md-list-item>
|
|
<md-list-item v-link="ripple">Ripple</md-list-item>
|
|
<md-list-item v-link="sidenav">Sidenav</md-list-item>
|
|
<md-list-item v-link="subheader">Subheader</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-item v-link="tooltip">Tooltip</md-list-item>
|
|
<md-list-item v-link="whiteframe">Whiteframe</md-list-item>
|
|
</md-list>
|
|
</md-sidenav>
|
|
|
|
<div class="main-content">
|
|
<router-view></router-view>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|