mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-05-23 22:35:49 +00:00
54 lines
2 KiB
HTML
54 lines
2 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">
|
|
<link href="stylesheets/core.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container" id="app" v-cloak>
|
|
<md-button class="md-primary" @click="clickAction">Button</md-button>
|
|
<md-link-button class="md-primary" :disabled="disabled">Primary</md-link-button>
|
|
<md-link-button class="md-raised">Raised</md-link-button>
|
|
<md-link-button class="md-raised" :disabled="!disabled">Disabled</md-link-button>
|
|
<md-link-button class="md-raised md-dense">Dense</md-link-button>
|
|
<md-link-button class="md-icon-button">
|
|
<md-icon>menu</md-icon>
|
|
</md-link-button>
|
|
|
|
<div class="md-button-group">
|
|
<md-link-button class="md-icon-button">
|
|
<md-icon>format_align_left</md-icon>
|
|
</md-link-button>
|
|
|
|
<md-link-button class="md-icon-button">
|
|
<md-icon>format_align_center</md-icon>
|
|
</md-link-button>
|
|
|
|
<md-link-button class="md-icon-button">
|
|
<md-icon>format_align_right</md-icon>
|
|
</md-link-button>
|
|
|
|
<md-link-button class="md-icon-button">
|
|
<md-icon>format_align_justify</md-icon>
|
|
</md-link-button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="components/main.js"></script>
|
|
</body>
|
|
</html>
|