| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- // 内容容器样式
- .content-container {
- padding: $base-padding; // 使用基础内边距变量
- }
- // 操作栏样式
- .operation-bar {
- margin-bottom: $base-margin; // 使用基础外边距变量
- }
- // 禁用状态的按钮样式(使用v-deep穿透组件样式隔离)
- ::v-deep .el-button.is-disabled {
- background-color: #f9f9f9 !important; // 禁用状态的背景色
- border-color: #f3f3f4 !important; // 禁用状态的边框颜色
- color: #cccccc !important; // 禁用状态的文字颜色
- }
- ::v-deep .el-button {
- font-size: 14px;
- }
- // 删除按钮样式
- .delete-btn {
- color: #fe6654; // 使用基础红色变量 $base-color-red
- }
- .table-description {
- color: #fe6654;
- }
- .mt20 {
- margin-top: 20px;
- }
- .ml20 {
- margin-left: 20px;
- }
- .mb20 {
- margin-bottom: 20px;
- }
- .mr20 {
- margin-right: 20px;
- }
- .dialog-footer {
- text-align: right;
- }
- .link-text {
- color: $base-color-default;
- cursor: pointer;
- }
- .disabled-text {
- color: #ccc !important;
- }
- .info-text {
- color: #333;
- }
|