// 布局 .center { display: flex; justify-content: center; align-items: center; } .container-height { height: calc(100vh - 50px); } .flex-1 { flex: 1; } // 必填 .text-required::before { content: '*'; display: inline-block; height: 22px; font-size: 14px; color: $negative; margin-right: 4px; transform: scale(1.5) translateY(1px); // transform: translateY(5px); } .form-label-padding-bottom { padding-bottom: 20px; } // tooltip样式 .com-tooltip-sty { border: 1px solid rgba(9, 30, 66, 0.13); color: $gray-light-text; background-color: white; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px; } .table-view { position: relative; table { position: relative; margin: 0 auto; text-align: center; background-color: #fafafa; border: 1px solid #dadada; border-collapse: collapse; /*表格的边框合并,如果相邻,则共用一个边框*/ border-spacing: 0; /*设置行与单元格边框的间距。当表格边框独立(即border-collapse:separate;)此属性才起作用*/ td { padding: 4px; border: 1px solid #dadada; height: 30px; min-height: 30px; min-width: 100px; } th { padding: 4px; border: 1px solid #dadada; height: 30px; min-height: 30px; } } } /*滚动条整体样式*/ ::-webkit-scrollbar { height: 12px; width: 14px; background: transparent; z-index: 12; overflow: visible; } ::scrollbar { height: 12px; width: 14px; background: transparent; z-index: 12; overflow: visible; } /*滚动条里面小方块*/ ::-webkit-scrollbar-thumb { width: 10px; background-color: $primary; border-radius: 10px; z-index: 12; border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; -webkit-transition: background-color 0.28s ease-in-out; transition: background-color 0.28s ease-in-out; margin: 4px; min-height: 32px; min-width: 32px; } ::scrollbar-thumb { width: 10px; background-color: $primary; border-radius: 10px; z-index: 12; border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; -webkit-transition: background-color 0.28s ease-in-out; transition: background-color 0.28s ease-in-out; margin: 4px; min-height: 32px; min-width: 32px; } ::-webkit-scrollbar-thumb:hover { background: $primary; } ::scrollbar-thumb:hover { background: $primary; }