<template>
|
<div id="app">
|
<router-view name="app"></router-view>
|
</div>
|
</template>
|
|
<script>
|
// import Home from "./views/Home.vue";
|
export default {
|
name :"app",
|
/* components:{
|
Home
|
} */
|
};
|
</script>
|
<style lang="stylus">
|
#app
|
font-family 'Avenir', Helvetica, Arial, sans-serif
|
-webkit-font-smoothing antialiased
|
-moz-osx-font-smoothing grayscale
|
text-align center
|
color #2c3e50
|
::-webkit-scrollbar-track-piece {
|
background-color:#f8f8f8;
|
-webkit-border-radius: 2em;
|
-moz-border-radius: 2em;
|
border-radius: 2em;
|
}
|
/*滚动条的宽度*/
|
::-webkit-scrollbar {
|
width:6px;
|
}
|
/*滚动条的设置*/
|
::-webkit-scrollbar-thumb {
|
background-color:#ababab;
|
background-clip:padding-box;
|
-webkit-border-radius: 2em;
|
-moz-border-radius: 2em;
|
border-radius: 2em;
|
}
|
/*滚动条鼠标移上去*/
|
::-webkit-scrollbar-thumb:hover {
|
background-color:#9a9a9a;
|
}
|
|
.z_shadow {
|
border-radius: 10px;
|
box-shadow: 0px 0px 10px 5px #D0E2E9;
|
}
|
</style>
|
