From 63a7d4f2bb7fdeaa1e6ed616a14c213d91d25a99 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期五, 27 十二月 2024 15:21:21 +0800 Subject: [PATCH] 轮播图优化 --- src/books/aviationSafety/assets/main.less | 274 ++++++++++++++++++------------------------------------ 1 files changed, 91 insertions(+), 183 deletions(-) diff --git a/src/books/aviationSafety/assets/main.less b/src/books/aviationSafety/assets/main.less index d6d242d..0ee0068 100644 --- a/src/books/aviationSafety/assets/main.less +++ b/src/books/aviationSafety/assets/main.less @@ -2,52 +2,6 @@ width: 100%; height: 100%; - // 瑙嗛 - .video-box-cover { - border: 1px dashed #895B2E; - padding: 2% 2%; - } - - .video-box { - margin: 20px 0 20px 8%; - border: 1px dashed #895B2E; - padding: 2% 2%; - } - - .video-box-left { - margin: 20px 8% 20px 0; - border: 1px dashed #895B2E; - padding: 2% 2%; - } - - .videoname { - display: flex; - justify-content: center; - } - - .selectInput { - width: 20px; - outline: none; - border: 0; - text-align: center; - } - - .collect-btn { - cursor: pointer; - width: 20px; - height: 20px; - margin-left: 10px; - margin-top: 0.8%; - } - - .collect-btn1 { - cursor: pointer; - width: 10px; - height: 10px; - margin-left: 10px; - margin-top: 0.8%; - } - // 鑷畾涔夊唴瀹� .page-box { box-sizing: border-box; @@ -90,7 +44,7 @@ margin-left: 2em; } - .mt--25 { + .mt--25{ margin-top: -25px !important; } @@ -103,8 +57,7 @@ } .mt-30 { - margin-top: 30px !important; - ; + margin-top: 30px !important;; } .mt-50 { @@ -131,126 +84,6 @@ width: 90%; } - - p { - text-indent: 0em; - line-height: 20px; - } -} - -.table-title-bc { - background-color: #8091BC; - color: #fff; - line-height: 25px; -} - -.table-textarea { - font-size: 14px; - font-family: "Times New Roman", "瀹嬩綋"; - resize: none; - - &:focus { - outline: none; - } -} - -.table-input-border { - width: 80%; - background-color: transparent; - border: 0; - - &:focus { - outline: none; - } -} - -.table-input-border-w20 { - width: 20%; - background-color: transparent; - border: 0; - - &:focus { - outline: none; - } -} - -.table-input-border-w15 { - width: 15%; - background-color: transparent; - border: 0; - - &:focus { - outline: none; - } -} - -.table-input-border-w10 { - width: 10%; - background-color: transparent; - border: 0; - - &:focus { - outline: none; - } -} - -.table-input-border-w5 { - width: 5%; - background-color: transparent; - border: 0; - - &:focus { - outline: none; - } -} - -.input-bottom-border { - width: 11%; - background-color: transparent; - border: 0; - border-bottom: 1px solid #000; - - &:focus { - outline: none; - } -} - -.input-bottom-border1 { - width: 33%; - background-color: transparent; - border: 0; - border-bottom: 1px solid #000; - - &:focus { - outline: none; - } -} - - -.input-bottom-border2 { - width: 21.5%; - background-color: transparent; - border: 0; - border-bottom: 1px solid #000; - - &:focus { - outline: none; - } -} - -// 缁〃 -.continued { - text-align: right; - margin: 0%; -} - - -.text-rights { - width: 230px; - float: right; - height: auto; - margin: auto; - margin-left: 20px; .w80 { width: 80%; @@ -425,9 +258,9 @@ background-color: #6D84AE; } - .radioClass { + .radioClass{ margin: 0 0 0 4px !important; - + } @@ -660,7 +493,7 @@ .table-title-bc { background-color: #8091BC; - color: #fff; + color:#fff; line-height: 25px; } @@ -675,7 +508,7 @@ } .table-input-border { - width: 90%; + width: 80%; background-color: transparent; border: 0; @@ -684,13 +517,51 @@ } } + .table-input-border-w20 { + width: 20%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } + } + + .table-input-border-w15 { + width: 15%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } + } + + .table-input-border-w10 { + width: 10%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } + } + + .table-input-border-w5 { + width: 5%; + background-color: transparent; + border: 0; + + &:focus { + outline: none; + } + } .input-bottom-border { width: 11%; background-color: transparent; border: 0; border-bottom: 1px solid #000; - &:focus { outline: none; } @@ -701,13 +572,12 @@ background-color: transparent; border: 0; border-bottom: 1px solid #000; - &:focus { outline: none; } } - + .input-bottom-border2 { width: 21.5%; background-color: transparent; @@ -717,6 +587,44 @@ &:focus { outline: none; } + } + // 瑙嗛 + .video-box-cover { + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .video-box { + margin: 20px 0 20px 8%; + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .video-box-left { + margin: 20px 8% 20px 0; + border: 1px dashed #895B2E; + padding: 2% 2%; + } + + .videoname { + display: flex; + justify-content: center; + } + + .collect-btn { + cursor: pointer; + width: 20px; + height: 20px; + margin-left: 10px; + margin-top: 0.8%; + } + + .collect-btn1 { + cursor: pointer; + width: 10px; + height: 10px; + margin-left: 10px; + margin-top: 0.8%; } // 缁〃 @@ -856,16 +764,16 @@ display: flex !important; flex-direction: column-reverse !important; position: relative !important; - + .img { margin: 0 !important; - font-size: 16px !important; + font-size: 14px !important; position: absolute !important; left: 50% !important; transform: translateX(-50%); bottom: -2% !important; } - + img { height: 80%; } @@ -1685,11 +1593,11 @@ font-size: 1.2em; } - .zt-1 { - color: #6F84AF; + .zt-1{ + color:#6F84AF; font-weight: bold; - font-size: 1.1em; - + font-size:1.1em; + } div.bj3 { -- Gitblit v1.9.1