xinjiangTunnel/src/App.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>