You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<script setup>
|
|
|
|
|
const showMsg = () => {
|
|
|
|
|
ElMessageBox.alert('您好！！')
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<template>
|
|
|
|
|
<div id="nav">
|
|
|
|
|
<router-link to="/">Home</router-link>
|
|
|
|
|
|
|
|
|
|
|
<router-link to="/about">About</router-link>
|
|
|
|
|
</div>
|
|
|
|
|
<el-button type="primary" @click="showMsg">按键</el-button>
|
|
|
|
|
<br>
|
|
|
|
|
<hr>
|
|
|
|
|
<el-icon :size="36" :color="color">
|
|
|
|
|
<edit></edit>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<hr>
|
|
|
|
|
<router-view></router-view>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
#app {
|
|
|
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
text-align: center;
|
|
|
|
|
color: #2c3e50;
|
|
|
|
|
margin-top: 60px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
