From 009933dde9463595cd759e539c94f3ab2e175dfc Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 30 十二月 2024 15:16:16 +0800 Subject: [PATCH] 礼仪 --- src/books/aviationSafety/assets/main.less | 609 ++++++++++++++++++++++++++++--------------------------- 1 files changed, 312 insertions(+), 297 deletions(-) diff --git a/src/books/aviationSafety/assets/main.less b/src/books/aviationSafety/assets/main.less index 0ee0068..02ae469 100644 --- a/src/books/aviationSafety/assets/main.less +++ b/src/books/aviationSafety/assets/main.less @@ -1,155 +1,155 @@ .aviationSafety-book { - width: 100%; - height: 100%; + width: 100%; + height: 100%; - // 鑷畾涔夊唴瀹� - .page-box { - box-sizing: border-box; - min-height: 1128px; - margin-bottom: 20px; - box-shadow: 0 3px 6px 1px #00000029; - background-color: #fff; - } + // 鑷畾涔夊唴瀹� + .page-box { + box-sizing: border-box; + min-height: 1128px; + margin-bottom: 20px; + box-shadow: 0 3px 6px 1px #00000029; + background-color: #fff; + } - .foreword { - line-height: 10px !important; - margin-top: 0; - } + .foreword { + line-height: 10px !important; + margin-top: 0; + } - .c-g { - color: green; - } + .c-g { + color: green; + } - .c-r { - color: red; - } + .c-r { + color: red; + } - .t-right { - text-align: right; - } + .t-right { + text-align: right; + } - .mr-0 { - margin: 0 !important; - } + .mr-0 { + margin: 0 !important; + } - .mr-9 { - margin-right: 9%; - } + .mr-9 { + margin-right: 9%; + } - .ml-9 { - margin-left: 9%; - } + .ml-9 { + margin-left: 9%; + } - .ml-2e { - margin-left: 2em; - } + .ml-2e { + margin-left: 2em; + } - .mt--25{ - margin-top: -25px !important; - } + .mt--25{ + margin-top: -25px !important; + } - .mt-10 { - margin-top: 10px !important; - } + .mt-10 { + margin-top: 10px !important; + } - .mt-20 { - margin-top: 20px !important; - } + .mt-20 { + margin-top: 20px !important; + } - .mt-30 { - margin-top: 30px !important;; - } + .mt-30 { + margin-top: 30px !important;; + } - .mt-50 { - margin-top: 50px !important; - } + .mt-50 { + margin-top: 50px !important; + } - .mb-20 { - margin-bottom: 20px !important; - } + .mb-20 { + margin-bottom: 20px !important; + } - .mb-10 { - margin-bottom: 10px; - } + .mb-10 { + margin-bottom: 10px; + } - .pd-5 { - padding: 0 5px; - } + .pd-5 { + padding: 0 5px; + } - .w100 { - width: 100%; - } + .w100 { + width: 100%; + } - .w90 { - width: 90%; - } + .w90 { + width: 90%; + } - .w80 { - width: 80%; - } + .w80 { + width: 80%; + } - .b0 { - border: 0; - } + .b0 { + border: 0; + } - sup { - vertical-align: super; - /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */ - font-size: smaller; - // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */ - // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */ - } + sup { + vertical-align: super; + /* 淇濇寔涓婃爣瀵归綈鏂瑰紡 */ + font-size: smaller; + // position: relative; /* 鐩稿浜庢甯镐綅缃皟鏁� */ + // top: -0.2em; /* 鏍规嵁闇�瑕佽皟鏁磋繖涓�� */ + } - .fz-13 { - font-size: 13px !important; - } + .fz-13 { + font-size: 13px !important; + } - .fz-14 { - font-size: 14px !important; - } + .fz-14 { + font-size: 14px !important; + } - .fz-15 { - font-size: 15px !important; - } + .fz-15 { + font-size: 15px !important; + } - .fz-16 { - font-size: 16px !important; - } + .fz-16 { + font-size: 16px !important; + } - .fz-18 { - font-size: 18px !important; - } + .fz-18 { + font-size: 18px !important; + } - .img-0 { - width: 100%; - } + .img-0 { + width: 100%; + } - .pt-20 { - padding-top: 20px; - } + .pt-20 { + padding-top: 20px; + } - .td-0 { - text-indent: 0em !important; - } + .td-0 { + text-indent: 0em !important; + } - .td-1 { - text-indent: 1em !important; - } + .td-1 { + text-indent: 1em !important; + } - .td-2 { - text-indent: 2em !important; - } + .td-2 { + text-indent: 2em !important; + } - .fl { - display: flex; - } + .fl { + display: flex; + } - .ju-cn { - justify-content: center; - } + .ju-cn { + justify-content: center; + } .ju-ev { justify-content: space-evenly; @@ -609,6 +609,13 @@ .videoname { display: flex; justify-content: center; + } + + .sInput { + width: 60px; + border: 0; + outline: none; + text-align: center; } .collect-btn { @@ -1094,7 +1101,7 @@ } .block2 { - font-family: "FANGSONG"; + // font-family: "FANGSONG" font-size: 17px; } @@ -1118,7 +1125,7 @@ p { - font-family: "BOYA"; + // font-family: "BOYA"; margin-top: 0.2em; margin-bottom: 0.2em !important; text-indent: 2em; @@ -1214,7 +1221,7 @@ .h1-bj { - font-family: 'ZHUNYUAN'; + // font-family: 'ZHUNYUAN'; font-weight: 100; color: #FFFFFF; background-color: #6E85AF; @@ -1223,7 +1230,7 @@ } .h1-bk { - font-family: 'FANGZHENG'; + // font-family: 'FANGZHENG'; box-shadow: inset 0em 0.1em 0em 0em #C3C2C0; border-top-style: solid; border-right-style: solid; @@ -1348,7 +1355,7 @@ } .img-a { - width: 95%; + width: 96%; } .img-b { @@ -1475,6 +1482,8 @@ font-size: 1.2em; } + + .bk { border: 0.15em dotted #FAAD70; padding: 1em; @@ -1484,11 +1493,11 @@ position: relative; p { - font-family: ZHONGDENGXIAN; + // font-family: ZHONGDENGXIAN; } span { - font-family: ZHUNYUAN; + // font-family: ZHUNYUAN; } } @@ -1516,6 +1525,9 @@ font-weight: 100; padding: 0em 0.15em 0em 0.3em; } + + + .bk1 { @@ -1607,7 +1619,7 @@ margin-bottom: 0.2em; margin-left: -0.6em; margin-right: -0.6em; - margin-top: -0.7em; + margin-top: 0.3em; } span.bj3-xyx { @@ -1626,6 +1638,9 @@ left: -25px; } + + + .ts-1 { font-weight: bold; @@ -1769,268 +1784,268 @@ } .pdfModal { - width: 100%; - height: 90vh; + width: 100%; + height: 90vh; - .pdfBox-component { - width: 100%; - height: 100%; - position: relative; + .pdfBox-component { + width: 100%; + height: 100%; + position: relative; - .preview { - width: 100%; - height: 100%; + .preview { + width: 100%; + height: 100%; - .imageBox { - height: calc(100% - 30px); - overflow-x: hidden; - overflow-y: auto; - background: #ccc; - box-sizing: border-box; - } + .imageBox { + height: calc(100% - 30px); + overflow-x: hidden; + overflow-y: auto; + background: #ccc; + box-sizing: border-box; + } - .imageBox:hover { - cursor: zoom-in !important; - } + .imageBox:hover { + cursor: zoom-in !important; + } - ::v-deep .el-dialog__header { - background-color: rgba(0, 0, 0, 0.8); + ::v-deep .el-dialog__header { + background-color: rgba(0, 0, 0, 0.8); - .header_title { - display: flex; - justify-content: space-between; - align-items: center; - color: #fff; - font-weight: 900; - font-size: 16px; - font-family: 'FZLTXIHJW'; + .header_title { + display: flex; + justify-content: space-between; + align-items: center; + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; - span:nth-child(2):hover { - cursor: pointer; - } - } + span:nth-child(2):hover { + cursor: pointer; + } + } - ::v-deep .el-dialog__title, - ::v-deep .el-dialog__headerbtn .el-dialog__close { - color: #fff; - font-weight: 900; - font-size: 16px; - font-family: 'FZLTXIHJW'; - } - } + ::v-deep .el-dialog__title, + ::v-deep .el-dialog__headerbtn .el-dialog__close { + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; + } + } - .bottom_tool { - height: 30px; - background-color: rgba(0, 0, 0, 0.8); - display: flex; - justify-content: flex-end; - align-items: center; + .bottom_tool { + height: 30px; + background-color: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: flex-end; + align-items: center; - svg { - margin-right: 15px; - fill: #d1d1d1; - } + svg { + margin-right: 15px; + fill: #d1d1d1; + } - svg:hover { - fill: #fff; - cursor: pointer; - } - } - } + svg:hover { + fill: #fff; + cursor: pointer; + } + } + } - .notBox { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: calc(100% - 30px); - min-height: 300px; - } - } + .notBox { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: calc(100% - 30px); + min-height: 300px; + } + } } .custom-dialog { - overflow: hidden !important; + overflow: hidden !important; - .el-dialog__body { - padding: 0; - } + .el-dialog__body { + padding: 0; + } - .el-dialog__header { - background-color: rgba(0, 0, 0, 0.8); + .el-dialog__header { + background-color: rgba(0, 0, 0, 0.8); - .header_title { - display: flex; - justify-content: space-between; - align-items: center; - color: #fff; - font-weight: 900; - font-size: 16px; - font-family: 'FZLTXIHJW'; + .header_title { + display: flex; + justify-content: space-between; + align-items: center; + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; - span:nth-child(2):hover { - cursor: pointer; - } - } + span:nth-child(2):hover { + cursor: pointer; + } + } - .el-dialog__title, - .el-dialog__headerbtn .el-dialog__close { - color: #fff; - font-weight: 900; - font-size: 16px; - font-family: 'FZLTXIHJW'; - } - } + .el-dialog__title, + .el-dialog__headerbtn .el-dialog__close { + color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; + } + } } .header_title { - display: flex; - justify-content: space-between; - align-items: center; - // color: #fff; - font-weight: 900; - font-size: 16px; - font-family: 'FZLTXIHJW'; + display: flex; + justify-content: space-between; + align-items: center; + // color: #fff; + font-weight: 900; + font-size: 16px; + font-family: 'FZLTXIHJW'; - span:nth-child(2):hover { - cursor: pointer; - } + span:nth-child(2):hover { + cursor: pointer; + } } @font-face { - font-family: 'FZLTZHJW'; - src: url('./Fonts/FZLTZHJW.ttf'); + font-family: 'FZLTZHJW'; + src: url('./Fonts/FZLTZHJW.ttf'); } @font-face { - font-family: 'FZLTXIHJW'; - src: url('./Fonts/FZLTXIHJW.ttf'); + font-family: 'FZLTXIHJW'; + src: url('./Fonts/FZLTXIHJW.ttf'); } @font-face { - font-family: 'FZHTJW'; - src: url('./Fonts/FZHTJW.ttf'); + font-family: 'FZHTJW'; + src: url('./Fonts/FZHTJW.ttf'); } @font-face { - font-family: 'FANGSONG'; - src: url('./Fonts/fangSong.ttf'); + font-family: 'FANGSONG'; + src: url('./Fonts/fangSong.ttf'); } @font-face { - font-family: 'FANGZHENG'; - src: url('./Fonts/fangZheng.ttf'); + font-family: 'FANGZHENG'; + src: url('./Fonts/fangZheng.ttf'); } @font-face { - font-family: 'ZHUNYUAN'; - src: url('./Fonts/zhunyuan.ttf'); + font-family: 'ZHUNYUAN'; + src: url('./Fonts/zhunyuan.ttf'); } @font-face { - font-family: 'ZHONGDENGXIAN'; - src: url('./Fonts/zhongdengxian.ttf'); + font-family: 'ZHONGDENGXIAN'; + src: url('./Fonts/zhongdengxian.ttf'); } @font-face { - font-family: 'BOYA'; - src: url('./Fonts/boYa.ttf'); + font-family: 'BOYA'; + src: url('./Fonts/boYa.ttf'); } // 闅愯棌椤甸潰 .hidePage { - min-height: 0 !important; - height: 0 !important; - box-shadow: none !important; + min-height: 0 !important; + height: 0 !important; + box-shadow: none !important; } /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ @media screen and (max-width: 1024px) { - .pdfModal { - width: 100%; - height: 80vh; - } + .pdfModal { + width: 100%; + height: 80vh; + } - .custom-dialog { - .el-dialog { - width: 90vw !important; - } - } + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } } @media screen and (max-width: 800px) { - .pdfModal { - width: 100%; - height: 60vh; - } + .pdfModal { + width: 100%; + height: 60vh; + } - .custom-dialog { - .el-dialog { - width: 90vw !important; - } - } + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } } @media (max-width: 660px) { - .aviationSafety-book { + .aviationSafety-book { - /* 鍒嗛〉padding */ - .padding-93 { - padding: 0 20px; - } + /* 鍒嗛〉padding */ + .padding-93 { + padding: 0 20px; + } - .padding-102 { - padding: 0 20px; - } + .padding-102 { + padding: 0 20px; + } - .img-float { - width: 130px; - } + .img-float { + width: 130px; + } - .img-rights { - width: 130px; - } + .img-rights { + width: 130px; + } - .btn-w { - width: 42px; - } - } + .btn-w { + width: 42px; + } + } } @media (min-width: 660px) { - .aviationSafety-book { - .padding-93 { - padding: 0 93px 0px 93px; - } + .aviationSafety-book { + .padding-93 { + padding: 0 93px 0px 93px; + } - .padding-102 { - padding: 0 102px 0 102px; - } - } + .padding-102 { + padding: 0 102px 0 102px; + } + } } ::-webkit-scrollbar { - width: 8px; - height: 10px; + width: 8px; + height: 10px; } ::-webkit-scrollbar-track-piece { - background-color: rgba(0, 0, 0, 0.1); - -webkit-border-radius: 6px; + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:vertical { - height: 5px; - background-color: rgba(125, 125, 125, 0.3); - -webkit-border-radius: 6px; + height: 5px; + background-color: rgba(125, 125, 125, 0.3); + -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:horizontal { - width: 5px; - background-color: rgba(125, 125, 125, 0.3); - -webkit-border-radius: 6px; + width: 5px; + background-color: rgba(125, 125, 125, 0.3); + -webkit-border-radius: 6px; } \ No newline at end of file -- Gitblit v1.9.1