用element+vue2写一个简单的模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue2 + Element 模板</title>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div id="app">
<el-container>
<el-header>Header</el-header>
<el-main>
<el-row>
<el-col :span="12">
<el-card>
<div slot="header" class="clearfix">
<span>Card 1</span>
</div>
<div>
Content of Card 1
</div>
</el-card>
</el-col>
<el-col :span="12">
<el-card>
<div slot="header" class="clearfix">
<span>Card 2</span>
</div>
<div>
Content of Card 2
</div>
</el-card>
</el-col>
</el-row>
</el-main>
<el-footer>Footer</el-footer>
</el-container>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
new Vue({
el: '#app'
})
</script>
</body>
</html>
原文地址: http://www.cveoy.top/t/topic/bkn7 著作权归作者所有。请勿转载和采集!