42 lines
877 B
HTML
42 lines
877 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>DataV</title>
|
|
<script src="https://unpkg.com/vue"></script>
|
|
<!--Debug version-->
|
|
<!--调试版-->
|
|
<script src="https://unpkg.com/@jiaminghi/data-view/dist/datav.map.vue.js"></script>
|
|
<!--Compression version-->
|
|
<!--压缩版-->
|
|
<!-- <script src="https://unpkg.com/@jiaminghi/data-view/dist/datav.min.vue.js"></script> -->
|
|
<style>
|
|
html, body, #app {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
.border-box-content {
|
|
color: rgb(66,185,131);
|
|
font-size: 40px;
|
|
font-weight: bold;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<dv-border-box-1>Welcome to DataV</dv-border-box-1>
|
|
</div>
|
|
|
|
<script>
|
|
var app = new Vue({
|
|
el: '#app'
|
|
})
|
|
</script>
|
|
</body>
|
|
</html>
|