Tang vor 2 Jahren
Ursprung
Commit
c3115cf604
4 geänderte Dateien mit 64 neuen und 23 gelöschten Zeilen
  1. 1 0
      index.html
  2. 0 2
      src/App.vue
  3. 1 1
      src/pages/home/index.vue
  4. 62 20
      src/style.css

+ 1 - 0
index.html

@@ -7,6 +7,7 @@
   <meta name="keywords" content="-一级建造师,二级建造师,造价工程师,一级消防工程师,BIM,在线教育,职业教育,报考条件,报名时间,建造师注册,建造工程师" />
   <meta name="description" content="-职业教育一站式学习平台,专注一建,二建,造价工程师,一级消防工程师,BIM等工程师技能知识培训服务热线:020-87085982" />
   <title>建造师造价师在线教育培训平台报名报考</title>
+  <style></style>
 </head>
 
 <body>

+ 0 - 2
src/App.vue

@@ -24,6 +24,4 @@ export default {
 </script>
 
 <style>
-#app {
-}
 </style>

+ 1 - 1
src/pages/home/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="">
+  <div id="az">
     <component :is="currentComponent(header.templateStatus)"></component>
   </div>
 </template>

+ 62 - 20
src/style.css

@@ -1,37 +1,79 @@
-html,body,div,section,article,header,p,footer,span,ul,ol,li,h1,h2,h3,h4,h5,h6 {
-    padding:0;
-    margin:0;
-    font-size: 14px;
-    box-sizing: border-box;
+html,
+body,
+div,
+section,
+article,
+header,
+p,
+footer,
+span,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  padding: 0;
+  margin: 0;
+  font-size: 14px;
+  box-sizing: border-box;
 }
 
+body::-webkit-scrollbar {
+  width: 8px;
+  height: 9px;
+}
+/*定义滚动条轨道 内阴影+圆角*/
+body::-webkit-scrollbar-track {
+  background-color: inherit;
+  border: none;
+  /* margin: 6px; */
+  border-radius: 10px;
+  /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
+    background-color: #F5F5F5; */
+}
+/*定义滑块 内阴影+圆角*/
+body::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  position: relative;
+  right: 2px;
+  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
+  background-color: #c6c6cd;
+  width: 6px;
+}
 a {
   text-decoration: none;
   cursor: pointer;
 }
 
-select,input {
-    background:none;
-    border:0;
-    padding:0;
-    outline: none;
+select,
+input {
+  background: none;
+  border: 0;
+  padding: 0;
+  outline: none;
 }
 
-ul,ol {
-    list-style: none;
+ul,
+ol {
+  list-style: none;
 }
 
-body,html {
-    background:#fff;
+body,
+html {
+  background: #fff;
 }
 
 .container {
-    width:1272px;
-    margin:0 auto;
+  width: 1272px;
+  margin: 0 auto;
 }
 
 .clearfix:after {
-    content:""; 
-    display: block; 
-    clear:both; 
-}
+  content: "";
+  display: block;
+  clear: both;
+}