34 lines
497 B
Vue
34 lines
497 B
Vue
<template>
|
|
<div id="app">
|
|
<h1>罗盘组件示例</h1>
|
|
<Luopan />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Luopan from './src/Luopan.vue';
|
|
</script>
|
|
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#app {
|
|
padding: 20px;
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
h1 {
|
|
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto,
|
|
Helvetica, Arial;
|
|
color: #111827;
|
|
margin-bottom: 20px;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
}
|
|
</style>
|