69 lines
1005 B
Vue
69 lines
1005 B
Vue
<template>
|
|
<div id="app" ref="app" v-cloak>
|
|
<router-view></router-view>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
|
|
export default {
|
|
name: "App",
|
|
data(){
|
|
return{
|
|
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
<style lang="less">
|
|
[v-cloak]{
|
|
display: none;
|
|
}
|
|
#app {
|
|
font-family: 'Avenir', Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
}
|
|
#nav {
|
|
padding: 30px;
|
|
a {
|
|
font-weight: bold;
|
|
color: #2c3e50;
|
|
&.router-link-exact-active {
|
|
color: #42b983;
|
|
}
|
|
}
|
|
}
|
|
*{
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
html,body{
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 14px;
|
|
min-width: 1350px;
|
|
}
|
|
#app {
|
|
height: 100%;
|
|
background: url("~@/assets/images/bg.png");
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
/*滚动条整体样式*/
|
|
width: 5px;
|
|
height: 10px;
|
|
}
|
|
::-webkit-scrollbar-thumb{
|
|
background: rgb(48,143,216);
|
|
}
|
|
::-webkit-scrollbar-track{
|
|
background: rgba(48,143,216,0);
|
|
}
|
|
::-webkit-scrollbar-corner{
|
|
background: #0A1726;
|
|
}
|
|
</style>
|