amazeui-vue
Version:
Amaze UI components built with vue.js
41 lines (39 loc) • 1.08 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>amazeui-vue</title>
<link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/vue/1.0.24/vue.min.js"></script>
<script src="../dist/amazeui-vue.js"></script>
</head>
<body>
<h1>这个例子直接使用script标签引入amazeui-vue.js</h1>
<div id="app">
<grid>
<column :sm="12" :md="8" :lg="6">
<panel header="面板标题" am-style="success" collapse>
<div class="am-panel-bd">
<p>version: {{ version }}</p>
<p>这个面板可以折叠</p>
<p>这个面板可以折叠</p>
<p>这个面板可以折叠</p>
<p>这个面板可以折叠</p>
<p>这个面板可以折叠</p>
<p>这个面板可以折叠</p>
</div>
</panel>
</column>
</grid>
</div>
<script>
Vue.use(amazeuiVue);
new Vue({
el: '#app',
data: {
version: Vue.version
}
});
</script>
</body>
</html>