界面调整

zhangyanpeng

2020-04-22 d7e4b63134fbb434ef382453ed8d3ef4cf378808

 src/App.vue

@@ -1,17 +1,16 @@
<template>
  <div id="app">
    
    <home />
      <router-view name="app"></router-view>
  </div>
</template>

<script>
   import Home from "./views/Home.vue";
//   import Home from "./views/Home.vue";
   export default {
      name :"app",
     components:{
     /* components:{
        Home
     }
     } */
   };
</script>
<style lang="stylus">
@@ -21,5 +20,31 @@
  -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>