From c423765d8a5ff0c58d23bb0a31af7df6c1fad95c Mon Sep 17 00:00:00 2001 From: YM <479443481@qq.com> Date: 星期五, 26 七月 2024 16:10:25 +0800 Subject: [PATCH] 1 --- src/pages/knowledgeBase/knowledgeBase.vue | 368 ++++++++++++++++++++++++--------------------------- 1 files changed, 174 insertions(+), 194 deletions(-) diff --git a/src/pages/knowledgeBase/knowledgeBase.vue b/src/pages/knowledgeBase/knowledgeBase.vue index 3371c48..b2e9093 100644 --- a/src/pages/knowledgeBase/knowledgeBase.vue +++ b/src/pages/knowledgeBase/knowledgeBase.vue @@ -865,43 +865,42 @@ /* 鍙充晶 */ .rightList { padding-left: 0.2rem !important; +} +.rightList .light { + padding: 0.1rem 0.2rem !important; +} - .light { - padding: 0.1rem 0.2rem !important; - } +.rightList .lightTop { + font-size: 0.14rem !important; +} - .lightTop { - font-size: 0.14rem !important; - } +.rightList .el-button { + font-size: 0.12rem !important; + padding: 0.05rem 0.18rem !important; +} - .el-button { - font-size: 0.12rem !important; - padding: 0.05rem 0.18rem !important; - } +.rightList .lightBo { + font-size: 0.14rem !important; +} - .lightBo { - font-size: 0.14rem !important; - } +.rightList .lightBo .is-leaf { + background-color: #c1d3ea !important; + color: #2c2c2c !important; + font-weight: 400; +} - .lightBo .is-leaf { - background-color: #c1d3ea !important; - color: #2c2c2c !important; - font-weight: 400; - } +.rightList .lightBo .is-leaf .cell { + height: 0.3rem !important; + line-height: 0.3rem !important; +} - .lightBo .is-leaf .cell { - height: 0.3rem !important; - line-height: 0.3rem !important; - } - - .el-table__body-wrapper .el-table__row { - height: 0.46rem !important; - line-height: 0.46rem !important; - } - .el-table__body-wrapper .el-table__row .cell { - height: 0.3rem !important; - line-height: 0.3rem !important; - } +.rightList .el-table__body-wrapper .el-table__row { + height: 0.46rem !important; + line-height: 0.46rem !important; +} +.rightList .el-table__body-wrapper .el-table__row .cell { + height: 0.3rem !important; + line-height: 0.3rem !important; } @media screen and (min-width: 2560px) and (max-width: 3840px) { @@ -923,11 +922,11 @@ .hotSearch { font-size: 0.12rem !important; margin-bottom: 0.19rem !important; + } - li { - font-size: 0.12rem !important; - margin: 0 0.1rem; - } + .hotSearch li { + font-size: 0.12rem !important; + margin: 0 0.1rem; } .advancedSeaTrue, @@ -984,33 +983,32 @@ padding: 0.1rem 0.09rem; min-height: 2rem !important; position: relative; + } + .boox ul { + margin-top: 0.16rem !important; + } - ul { - margin-top: 0.16rem !important; - } + .boox h3 { + font-size: 0.14rem; + margin-left: 0.1rem; + } - h3 { - font-size: 0.14rem; - margin-left: 0.1rem; - } + .boox li { + height: 0.3rem; + line-height: 0.3rem; + padding: 0 0.2rem !important; + margin: 0.05rem 0 !important; + border-radius: 0.3rem !important; + } - li { - height: 0.3rem; - line-height: 0.3rem; - padding: 0 0.2rem !important; - margin: 0.05rem 0 !important; - border-radius: 0.3rem !important; - } + .boox .toggleButton1 { + position: absolute; + bottom: 0.1rem !important; + left: 40% !important; + } - .toggleButton1 { - position: absolute; - bottom: 0.1rem !important; - left: 40% !important; - } - - .toggleButton { - font-size: 0.14rem !important; - } + .boox .toggleButton { + font-size: 0.14rem !important; } .zhongjianleft { @@ -1045,46 +1043,42 @@ /* 鍙充晶 */ .rightList { padding-left: 0.2rem !important; + } + .rightList .light { + padding: 0.1rem 0.2rem !important; + } - .light { - padding: 0.1rem 0.2rem !important; - } + .rightList .lightTop { + font-size: 0.14rem !important; + } - .lightTop { - font-size: 0.14rem !important; - } + .rightList .el-button { + font-size: 0.12rem !important; + padding: 0.05rem 0.18rem !important; + } - .el-button { - font-size: 0.12rem !important; - padding: 0.05rem 0.18rem !important; - } + .rightList .lightBo { + font-size: 0.14rem !important; + } - .lightBo { - font-size: 0.14rem !important; + .rightList .lightBo .is-leaf { + background-color: #c1d3ea !important; + color: #2c2c2c !important; + font-weight: 400; + } - .is-leaf { - background-color: #c1d3ea !important; - color: #2c2c2c !important; - font-weight: 400; + .rightList .lightBo .is-leaf .cell { + height: 0.3rem !important; + line-height: 0.3rem !important; + } - .cell { - height: 0.3rem !important; - line-height: 0.3rem !important; - } - } - } - - .el-table__body-wrapper { - .el-table__row { - height: 0.46rem !important; - line-height: 0.46rem !important; - - .cell { - height: 0.3rem !important; - line-height: 0.3rem !important; - } - } - } + .rightList .el-table__body-wrapper .el-table__row { + height: 0.46rem !important; + line-height: 0.46rem !important; + } + .rightList .el-table__body-wrapper .el-table__row .cell { + height: 0.3rem !important; + line-height: 0.3rem !important; } } @@ -1107,11 +1101,11 @@ .hotSearch { font-size: 0.12rem !important; margin-bottom: 0.19rem !important; + } - li { - font-size: 0.12rem !important; - margin: 0 0.1rem; - } + .hotSearch li { + font-size: 0.12rem !important; + margin: 0 0.1rem; } .advancedSeaTrue1 { border: 1px solid #c1d3ea; @@ -1170,34 +1164,33 @@ padding: 0.1rem 0.09rem; min-height: 2rem !important; position: relative; + } + .boox ul { + margin-top: 0.16rem !important; + margin-bottom: 0.2rem !important; + } - ul { - margin-top: 0.16rem !important; - margin-bottom: 0.2rem !important; - } + .boox h3 { + font-size: 0.14rem; + margin-left: 0.1rem; + } - h3 { - font-size: 0.14rem; - margin-left: 0.1rem; - } + .boox li { + height: 0.3rem; + line-height: 0.3rem; + padding: 0 0.2rem !important; + margin: 0.05rem 0 !important; + border-radius: 0.3rem !important; + } - li { - height: 0.3rem; - line-height: 0.3rem; - padding: 0 0.2rem !important; - margin: 0.05rem 0 !important; - border-radius: 0.3rem !important; - } + .boox .toggleButton1 { + position: absolute; + bottom: 0.1rem !important; + left: 40% !important; + } - .toggleButton1 { - position: absolute; - bottom: 0.1rem !important; - left: 40% !important; - } - - .toggleButton { - font-size: 0.14rem !important; - } + .boox .toggleButton { + font-size: 0.14rem !important; } .zhongjianleft { @@ -1234,46 +1227,42 @@ .rightList { width: 100%; padding-left: 0.2rem !important; + } + .rightList .light { + padding: 0.1rem 0.2rem !important; + } - .light { - padding: 0.1rem 0.2rem !important; - } + .rightList .lightTop { + font-size: 0.14rem !important; + } - .lightTop { - font-size: 0.14rem !important; - } + .rightList .el-button { + font-size: 0.12rem !important; + padding: 0.05rem 0.18rem !important; + } - .el-button { - font-size: 0.12rem !important; - padding: 0.05rem 0.18rem !important; - } + .rightList .lightBo { + font-size: 0.14rem !important; + } + .rightList .lightBo .is-leaf { + background-color: #c1d3ea !important; + color: #2c2c2c !important; + font-weight: 400; + } - .lightBo { - font-size: 0.14rem !important; + .rightList .lightBo .is-leaf .cell { + height: 0.3rem !important; + line-height: 0.3rem !important; + } - .is-leaf { - background-color: #c1d3ea !important; - color: #2c2c2c !important; - font-weight: 400; + .rightList .el-table__body-wrapper .el-table__row { + height: 0.46rem !important; + line-height: 0.46rem !important; + } - .cell { - height: 0.3rem !important; - line-height: 0.3rem !important; - } - } - } - - .el-table__body-wrapper { - .el-table__row { - height: 0.46rem !important; - line-height: 0.46rem !important; - - .cell { - height: 0.3rem !important; - line-height: 0.3rem !important; - } - } - } + .rightList .el-table__body-wrapper .el-table__row .cell { + height: 0.3rem !important; + line-height: 0.3rem !important; } } @@ -1284,24 +1273,16 @@ .hotSearch { font-size: 0.12rem; margin-bottom: 0.19rem; - - li { - font-size: 0.12rem; - margin: 0 0.1rem; - &.active { - color: #027edc !important; - font-weight: bold; - } - } } -/* .a { - height: 2rem; - } - - .b { - height: 100px; - } */ +.hotSearch li { + font-size: 0.12rem; + margin: 0 0.1rem; +} +.hotSearch li.active { + color: #027edc !important; + font-weight: bold; +} .box { transition: height 0.3s; @@ -1317,34 +1298,33 @@ min-height: 2rem !important; position: relative; border: 1px solid #c1d3ea !important; +} +.boox ul { + margin-top: 0.16rem !important; +} - ul { - margin-top: 0.16rem !important; - } +.boox h3 { + font-size: 0.14rem; + margin-left: 0.1rem; +} - h3 { - font-size: 0.14rem; - margin-left: 0.1rem; - } +.boox li { + height: 0.3rem; + line-height: 0.3rem; + padding: 0 0.2rem !important; + margin: 0.05rem 0 !important; + border-radius: 0.3rem !important; + font-size: 0.14rem; +} - li { - height: 0.3rem; - line-height: 0.3rem; - padding: 0 0.2rem !important; - margin: 0.05rem 0 !important; - border-radius: 0.3rem !important; - font-size: 0.14rem; - } +.boox .toggleButton1 { + position: absolute; + bottom: 0.1rem !important; + left: 40% !important; +} - .toggleButton1 { - position: absolute; - bottom: 0.1rem !important; - left: 40% !important; - } - - .toggleButton { - font-size: 0.14rem !important; - } +.boox .toggleButton { + font-size: 0.14rem !important; } ::v-deep .el-table th, -- Gitblit v1.9.1