Przeglądaj źródła

编辑器:滚动条样式代码优化,全局框架样式优化

任一存 3 lat temu
rodzic
commit
5f97a106f5

+ 6 - 14
src/assets/style/style.pc.edit.less

@@ -14,23 +14,15 @@
 
 @fontcolor: #323233;
 
-::-webkit-scrollbar {
-  width: 6px;
-  height: 1px;
-}
-
+::-webkit-scrollbar { width: 6px; height: 0; } /*宽度是对垂直滚动条而言,高度是对水平滚动条而言*/
 ::-webkit-scrollbar-thumb {
+  background: #47484A;
   border-radius: 3px;
-  background: #DEDEDE;
-  &:hover {
-    background: #999;
-  }
-}
-
-::-webkit-scrollbar-track {
-  border-radius: 3px;
-  background: transparent;
 }
+::-webkit-scrollbar-button { background-color: none; height: 0; }
+::-webkit-scrollbar-track { background: transparent; border-radius: 6px; }
+::-webkit-scrollbar-corner { background: transparent; border-radius: 6px; }
+::-webkit-scrollbar-resizer { background: transparent;}
 
 input::-webkit-input-placeholder,
 textarea::-webkit-input-placeholder {

+ 0 - 10
src/components/tableSelect2.vue

@@ -419,16 +419,6 @@ export default {
 </script>
 
 <style lang="less" scoped>
-::-webkit-scrollbar { width: 6px; height: 0; } /*宽度是对垂直滚动条而言,高度是对水平滚动条而言*/
-::-webkit-scrollbar-thumb {
-  background: #47484A;
-  border-radius: 3px;
-}
-::-webkit-scrollbar-button { background-color: none; height: 0; }
-::-webkit-scrollbar-track { background: transparent; border-radius: 6px; }
-::-webkit-scrollbar-corner { background: transparent; border-radius: 6px; }
-::-webkit-scrollbar-resizer { background: transparent;}
-
 .ellipsis{
   text-overflow: ellipsis;
   overflow: hidden;

+ 2 - 2
src/framework/EditorMain.vue

@@ -44,8 +44,8 @@ export default {
 <style lang="less">
 .app-main {
   display: flex;
-  flex: 1;
-  height: 100%;
+  flex: 1 1 auto;
+  height: 1px;
   width: 100%;
   > .app-menu {
     flex: 0 0 auto;