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 | 150 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 149 insertions(+), 1 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 47218a6..c15d544 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,7 +8,7 @@
export default {};
</script>
-<style>
+<style lang="scss" >
@import "./assets/css/common.css";
* {
@@ -56,4 +56,152 @@
border-bottom: none;
display: block;
}
+
+.el-input {
+ .el-input__inner {
+ width: 100%;
+ color: #3d3d3d;
+ border-radius: 0;
+ border-color: #c0c5cc;
+ &::-webkit-input-placeholder {
+ color: #999999;
+ }
+
+ &:focus {
+ border-color: #0065ff;
+ }
+ }
+}
+
+.el-select {
+ width: 100%;
+
+ input.el-input__inner:focus {
+ border-color: #0065ff;
+ }
+
+ .el-input.is-focus input.el-input__inner {
+ border-color: #0065ff;
+ }
+
+ input {
+ border-radius: 0;
+ height: 32px;
+ }
+}
+
+.el-textarea {
+ textarea {
+ border: 1px solid #c0c5cc;
+ border-radius: 0;
+
+ &:focus {
+ border-color: #0065ff;
+ }
+ }
+}
+
+.h32 {
+ height: 32px;
+ line-height: 32px;
+
+ input {
+ height: 32px;
+ }
+
+ .el-icon-arrow-up {
+ line-height: 32px;
+ }
+
+ .el-icon-arrow-up {
+ height: 32px;
+ }
+}
+
+.scroll {
+ overflow-y: auto;
+ /*婊氬姩鏉″ 闀�,婊氬姩鏉℃暣浣撻儴鍒嗭紝鍏朵腑鐨勫睘鎬ф湁width,height,background,border绛夈��*/
+
+ &::-webkit-scrollbar {
+ width: 6px;
+ }
+
+ /*婊氬姩鏉＄殑婊戣建鑳屾櫙棰滆壊,鍙互鐢╠isplay:none璁╁叾涓嶆樉绀猴紝涔熷彲浠ユ坊鍔犺儗鏅浘鐗囷紝棰滆壊鏀瑰彉鏄剧ず鏁堟灉銆�*/
+
+ &::-webkit-scrollbar-track {
+ display: none;
+ }
+
+ /* 婊戝潡棰滆壊 */
+
+ &::-webkit-scrollbar-thumb {
+ background-color: #e9ebee;
+
+ border-radius: 3px;
+ }
+
+ /*婊氬姩鏉′袱绔殑鎸夐挳銆傚彲浠ョ敤display:none璁╁叾涓嶆樉绀猴紝涔熷彲浠ユ坊鍔犺儗鏅浘鐗囷紝棰滆壊鏀瑰彉鏄剧ず鏁堟灉銆�*/
+
+ &::-webkit-scrollbar-button {
+ display: none;
+ }
+
+ /* 妯悜婊氬姩鏉″拰绾靛悜婊氬姩鏉＄浉浜ゅ灏栬鐨勯鑹� */
+
+ &::-webkit-scrollbar-corner {
+ 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