// 组件通用样式 // 从Vue组件中提取的内联样式 // 表格页面搜索按钮区域 .table-page-search-submitButtons{float:left;overflow:hidden;&.right{float:right}}// 按钮间距 .btn-margin-left{margin-left:8px}.btn-margin-left-10{margin-left:10px}.btn-margin-left-20{margin-left:20px}.btn-margin-left-24{margin-left:24px}// 卡片间距 .card-margin-top{margin-top:20px}.card-margin-bottom,// 行间距 .row-margin-bottom{margin-bottom:20px}// 警告框 .alert-margin-bottom{margin-bottom:16px}// 表单样式 .form-max-width{max-width:500px;margin:40px auto 0}.form-width-100{width:100%}.form-width-50{width:50%}.form-width-45{width:45%}.form-width-40{width:40%}.form-width-20{width:20%}.form-width-80{width:80%}.form-width-150{width:150px}.form-width-200{width:200px}.form-width-310{width:310px}// 图标颜色 .icon-color{color:rgba(0,0,0,.25)}// 文本样式 .text-italic{font-size:12px;font-style:italic}.text-bold{font-weight:600}.text-red{color:red}.text-green{color:#3dd4a7}.text-gray{color:#999}.text-dark-gray{color:#333}// 图片样式 .img-max-width{max-width:80px;font-size:12px;font-style:italic}.img-width-40{width:40px}.img-width-45{width:45px;height:45px;border-radius:50%}.img-width-60{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover}// 布局样式 .flex-container{-ms-flex-pack:justify;justify-content:space-between}.flex-center,// 布局样式 .flex-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flex-center{-ms-flex-pack:center;justify-content:center}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-column,.flex-wrap{display:-ms-flexbox;display:flex}.flex-column{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:8px}// 边框样式 .border-container{border:0 solid #e8e8e8}.border-red{border:0 solid red}// 高度样式 .height-300{height:300px}.height-200{min-height:200px;max-height:250px}// 间距样式 .padding-10{padding:10px 10px}.padding-top-10{padding-top:10px}.margin-top-10{margin-top:10px}.margin-top-15{margin-top:15px}.margin-bottom-8{margin-bottom:8px}.margin-bottom-10{margin-bottom:10px}.margin-bottom-16{margin-bottom:16px}.margin-bottom-20{margin-bottom:20px}// 字体大小 .font-size-20{font-size:20px}// 背景色 .bg-color-primary{background-color:#3dd4a7}.bg-color-danger{background-color:#f56c6c;border-color:#f56c6c}// 溢出处理 .overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}// 文本对齐 .text-center{text-align:center}// 最小宽度 .min-width-80{min-width:80px}// 间距 .gap-16{gap:16px}// 禁用状态 .disabled{pointer-events:none;opacity:.6}