From f20a554bdb24e9dfde9dc6a69d78595944f61d15 Mon Sep 17 00:00:00 2001 From: mark <mark18340872469@163.com> Date: 星期二, 25 十月 2022 14:53:57 +0800 Subject: [PATCH] 设备管理 样式调整 --- src/App.vue | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 55 insertions(+), 2 deletions(-) diff --git a/src/App.vue b/src/App.vue index 08aa945..c15d544 100644 --- a/src/App.vue +++ b/src/App.vue @@ -105,7 +105,7 @@ height: 32px; line-height: 32px; - ::v-deep input { + input { height: 32px; } @@ -113,12 +113,13 @@ line-height: 32px; } - ::v-deep .el-icon-arrow-up { + .el-icon-arrow-up { height: 32px; } } .scroll { + overflow-y: auto; /*婊氬姩鏉″ 闀�,婊氬姩鏉℃暣浣撻儴鍒嗭紝鍏朵腑鐨勫睘鎬ф湁width,height,background,border绛夈��*/ &::-webkit-scrollbar { @@ -151,4 +152,56 @@ background-color: black; } } + +.limitRow2 { + word-wrap: break-word; + // 鍙瓒呰繃瀹藉害灏辨崲琛岋紝涓嶈涓枃杩樻槸鑻辨枃 + word-break: break-all; + // 璁╂枃鏈彧鑳藉睍绀轰袱琛� + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + overflow: hidden; + text-overflow: ellipsis; +} + +.gutter { + background-color: rgb(233, 235, 238); + padding: 1px; + + &::after { + display: none; + } + + td.index .cell { + padding-left: 16px; + padding-right: 4px; + } + + .has-gutter tr th { + background: #f0f3f5; + font-size: 16px; + color: #3d3d3d; + font-weight: 700; + } + + td .cell { + color: #3d3d3d; + } + + tr:hover > td.el-table__cell { + background-color: #fff; + } + + .el-table__row--striped .el-table__cell { + background-color: #f0f5fa !important; + } + tr:hover > td.el-table__cell { + background-color: #fff; + } + + .el-table__row--striped .el-table__cell { + background-color: #f0f5fa !important; + } +} </style> -- Gitblit v1.8.0