From d8c24a06b3e7844ad65e7c821c022dbb36d29430 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期二, 19 十一月 2024 17:15:08 +0800 Subject: [PATCH] 各图书bug修改 --- src/books/sportsAndHealth/css/default.less | 552 ++++++++++++++++++++++++++++++++++-------------------- 1 files changed, 348 insertions(+), 204 deletions(-) diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less index 4e33325..a69a747 100644 --- a/src/books/sportsAndHealth/css/default.less +++ b/src/books/sportsAndHealth/css/default.less @@ -1,3 +1,5 @@ +/** @format */ + .temp-bookInnerContentSports { width: 100%; height: 100%; @@ -9,7 +11,7 @@ overflow: auto; .public-sportsAndHealth { - font-family: "瀹嬩綋"; + font-family: '瀹嬩綋'; max-width: 816px; min-width: 375px; margin: 0 auto; @@ -18,82 +20,9 @@ font-size: 18px; .chapter { - //new - .fl{ - display: flex; - } - .fd-c{ - flex-direction: column; - } - .al-c{ - align-items: center; - } - .w50{ - width: 50%; - } - .w56{ - width: 56%; - } - .w13{ - width: 13%; - } - .w24{ - width: 24%; - } - .w22{ - width: 22%; - } - .w32{ - width: 32%; - } - .w34{ - width: 34%; - } - .span-P{ - font-family: "FZLTXIHJW"; - font-size: 14px; - color:#F79447 ; - } - .span-S{ - color:#F79447 ; - } - .tl{ - text-align: left !important; - } - .tw-no{ - text-wrap: nowrap; - } - .table-p{ - margin: 0%; - text-indent: 0; - font-size: 14px; - line-height: 25px; - font-family: "FZLTXIHJW"; - } - .imgBox{ - display: flex; - flex-direction: column-reverse; - position: relative; - .img{ - position: absolute; - left: 40%; - bottom:-10%; - } - } - - .table-text{ - border: none; - background-color: transparent; - resize: none; - &:focus { - outline: none; - } - } - - //over textarea { width: 100%; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; padding: 2px 5px; box-sizing: border-box; } @@ -159,7 +88,7 @@ span { margin-right: 28px; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; font-size: 18px; } span:nth-child(3) { @@ -200,7 +129,7 @@ align-items: flex-end; span { margin-left: 28px; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; font-size: 18px; } @@ -245,7 +174,7 @@ span { font-size: 14px; text-align: center; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; display: flex; align-items: center; justify-content: flex-start; @@ -298,6 +227,7 @@ video { width: 100%; + height: 150px; } video::-webkit-media-text-track-display { @@ -313,7 +243,7 @@ justify-content: center; font-size: 14px; text-align: center; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; } } } @@ -337,7 +267,7 @@ justify-content: center; align-items: center; padding-top: 20px; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; .table-bottom { width: 100%; @@ -399,7 +329,7 @@ text-align: center; padding: 5px 10px; font-size: 14px; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; font-weight: 900; min-width: 35px; } @@ -410,7 +340,7 @@ padding: 3px 10px; font-size: 14px; line-height: 25px; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; input { cursor: pointer; @@ -429,7 +359,7 @@ top: 0; width: 100%; height: 100%; - background: url("../image/dy1.jpg"); + background: url('../image/dy1.jpg'); background-position: top; background-size: 100% 50%; background-repeat: no-repeat; @@ -457,7 +387,7 @@ top: 0; width: 100%; height: 100%; - background: url("../image/dy2.jpg"); + background: url('../image/dy2.jpg'); background-position: top; background-size: 100% 50%; background-repeat: no-repeat; @@ -471,7 +401,7 @@ top: 0; width: 100%; height: 98%; - background: url("../image/dy3.jpg"); + background: url('../image/dy3.jpg'); background-position: top; background-size: 100% 45%; background-repeat: no-repeat; @@ -485,21 +415,7 @@ top: 0; width: 100%; height: 98%; - background: url("../image/dy4.jpg"); - background-position: top; - background-size: 100% 45%; - background-repeat: no-repeat; - display: flex; - justify-content: flex-start; - } - - .bj-img05 { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 98%; - background: url("../image/dy5.jpg"); + background: url('../image/dy4.jpg'); background-position: top; background-size: 100% 45%; background-repeat: no-repeat; @@ -507,6 +423,73 @@ justify-content: flex-start; } + .bj-img05 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url('../image/dy5.jpg'); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + .bj-img06 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url('../image/dy6.jpg'); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + .bj-img07 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url('../image/dy7.jpg'); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + + .bj-img08 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url('../image/dy8.jpg'); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } + + .bj-img09 { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 98%; + background: url('../image/dy9.jpg'); + background-position: top; + background-size: 100% 45%; + background-repeat: no-repeat; + display: flex; + justify-content: flex-start; + } .bj-byb { width: 100%; @@ -514,14 +497,14 @@ box-sizing: border-box; .byb-title { - font-family: "STKaiti"; + font-family: 'STKaiti'; text-align: center; color: #cd141c; } p { font-size: 16px; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; } } @@ -537,7 +520,7 @@ outline: none; } } - + .publicxbc { min-width: 100px; display: flex; @@ -551,7 +534,7 @@ padding: 2px 8px 3px 2px; box-sizing: border-box; color: #5877ba; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; font-size: 16px; font-weight: 700; border-radius: 15px; @@ -613,7 +596,6 @@ margin: 0; } } - .qjdrIocn { display: flex !important; justify-content: center; @@ -633,17 +615,17 @@ } } - .qjdrIocn:hover { - border: 1px solid #f49a4c; - background-color: #fff; - color: #f49a4c; + // .qjdrIocn:hover { + // border: 1px solid #f49a4c; + // background-color: #fff; + // color: #f49a4c; - svg { - margin-left: 8px; - fill: #f39938; - cursor: pointer; - } - } + // svg { + // margin-left: 8px; + // fill: #f39938; + // cursor: pointer; + // } + // } .coverImg { position: absolute; @@ -666,7 +648,7 @@ .pdf-con { display: flex; justify-content: flex-start; - flex-direction: column; + align-items: center; padding: 10px 0; box-sizing: border-box; border-radius: 10px; @@ -675,16 +657,17 @@ min-width: 160px; display: flex; justify-content: center; + align-items: center; border: 0.15em dashed #b898c7; margin-right: 15px; - margin-top: 5%; padding: 0 15px; border-radius: 5px; + margin-top: 15px; span { font-size: 14px; text-align: center; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; display: flex; align-items: center; justify-content: flex-start; @@ -729,7 +712,7 @@ } .xyx-title { - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; text-align: center; color: #cd141c; padding: 5px 0; @@ -739,7 +722,7 @@ .xyx-text { p { font-size: 16px; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; padding: 0 10px; margin: 0; } @@ -786,7 +769,7 @@ } .xyx-fu-title { - font-family: "STKaiti"; + font-family: 'STKaiti'; text-align: center; color: #cd141c; } @@ -804,7 +787,7 @@ .xyx-ul { font-size: 16px; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; color: #555; li { @@ -830,7 +813,7 @@ background-color: transparent; border-bottom: 1px solid #000; font-size: 18px; - font-family: "瀹嬩綋"; + font-family: '瀹嬩綋'; } .assess:focus { @@ -840,19 +823,19 @@ } .ls1 { - font-family: "HiFont Hei GB"; + font-family: 'HiFont Hei GB'; color: #30aad1; font-weight: bold; } .hs { - font-family: "HiFont Hei GB"; + font-family: 'HiFont Hei GB'; color: #ea6b00; font-weight: bold; } .zs1 { - font-family: "HiFont Hei GB"; + font-family: 'HiFont Hei GB'; color: #857eb4; font-weight: bold; } @@ -863,7 +846,7 @@ } div.bodycontent-div-center { - font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + font-family: 'DK-HEITI', '鏂规鍏颁涵榛戠畝浣�', '榛戜綋'; margin: 1em 1em 1em 1em; font-weight: normal; border-width: 1.5px; @@ -879,7 +862,7 @@ } div.bodycontent-div-left1 { - font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + font-family: 'DK-HEITI', '鏂规鍏颁涵榛戠畝浣�', '榛戜綋'; margin: 1em 1em 1em 1em; font-weight: normal; border-width: 1.5px; @@ -889,7 +872,7 @@ } div.bodycontent-div-left { - font-family: "DK-HEITI", "鏂规鍏颁涵榛戠畝浣�", "榛戜綋"; + font-family: 'DK-HEITI', '鏂规鍏颁涵榛戠畝浣�', '榛戜綋'; margin: 1em 1em 1em 1em; font-weight: normal; border-width: 1.5px; @@ -912,7 +895,7 @@ } div.bodystyle { - font-family: "瀹嬩綋"; + font-family: '瀹嬩綋'; font-size: 18px; text-align: justify; padding: 6% 10% 10% 10%; @@ -980,11 +963,11 @@ .note { font-size: 0.8em !important; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; } .img-right { - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; text-align: right; font-size: 0.85em; color: #5d78bb; @@ -994,27 +977,17 @@ } .img { - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; text-align: center; font-size: 0.8em; - color: #F79447; + color: #5d78bb; margin-left: 0%; margin-right: 0%; text-indent: 0em; } - - .img-2{ - font-family: "FZLTXIHJW"; - text-align: center; - font-size: 0.8em; - color: #457EBA; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; - } .img1 { - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; text-align: right; font-size: 0.85em; margin-left: 0%; @@ -1043,7 +1016,7 @@ } .center1 { - font-family: "STKaiti"; + font-family: 'STKaiti'; text-align: center; margin-left: 0%; margin-right: 0%; @@ -1063,7 +1036,7 @@ } .right1 { - font-family: "STKaiti"; + font-family: 'STKaiti'; text-align: right; margin-left: 0%; margin-right: 0%; @@ -1075,11 +1048,11 @@ margin-left: 1em; margin-right: 1em; text-align: justify; - font-family: "cnepub", serif; + font-family: 'cnepub', serif; } h1 { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; text-align: center; font-size: 2em; margin-bottom: 0.5cm; @@ -1087,7 +1060,7 @@ } h1.front { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; color: #ac92c4; text-align: center; font-size: 1.8em; @@ -1096,7 +1069,7 @@ } h1.lefth1 { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; text-align: right; font-size: 2em; margin-bottom: 0.5cm; @@ -1104,7 +1077,7 @@ } h2 { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; font-weight: bold; font-size: 1.2em; margin-top: 0.2em; @@ -1113,7 +1086,7 @@ } h3 { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; color: #5877ba; font-weight: bold; font-size: 1.15em; @@ -1124,7 +1097,7 @@ } h3.lefth3 { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; color: #5877ba; font-weight: bold; font-size: 1.15em; @@ -1136,7 +1109,7 @@ } h4 { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; font-weight: bold; color: #5877ba; font-size: 1.1em; @@ -1146,7 +1119,7 @@ } h4.h4-zt { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; font-weight: bold; color: #7bb4e3; font-size: 1.1em; @@ -1156,7 +1129,7 @@ } h5 { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; font-weight: bold; color: #c96653; font-size: 1em; @@ -1166,8 +1139,8 @@ } h6 { - font-family: "cnepub", serif; - font-family: "FZHTJW"; + font-family: 'cnepub', serif; + font-family: 'FZHTJW'; color: #36c3f4; font-size: 1.1em; margin-top: 10px; @@ -1306,13 +1279,13 @@ } .block1 { - font-family: "浠垮畫"; + font-family: '浠垮畫'; text-align: right; font-weight: 600; } .block2 { - font-family: "瀹嬩綋"; + font-family: '瀹嬩綋'; text-align: center; text-indent: 0em; font-size: 16px; @@ -1322,13 +1295,13 @@ } .block3 { - font-family: "STKaiti"; + font-family: 'STKaiti'; text-align: left; text-indent: 0em; } .kaiti { - font-family: "STKaiti"; + font-family: 'STKaiti'; } .em_dot { @@ -1351,7 +1324,7 @@ margin-bottom: 1em; padding: 1em 0.5em 1em 1em; color: #666666; - font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷"; + font-family: '锟斤拷锟斤拷', '锟斤拷锟斤拷'; } span.linethrough { @@ -1366,7 +1339,7 @@ /* 鏂板鏍峰紡 */ .custom_title1 { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; background-color: rgb(125, 164, 64); width: 70vw; position: relative; @@ -1388,7 +1361,7 @@ } .custom_chapter { - font-family: "FZHTJW"; + font-family: 'FZHTJW'; color: rgb(108, 152, 65); padding: 15px 10px; background-color: rgb(202, 217, 180); @@ -1403,8 +1376,8 @@ } .custom_chapter::before { - font-family: "FZHTJW"; - content: ""; + font-family: 'FZHTJW'; + content: ''; width: 12px; height: 60%; background-color: rgb(125, 164, 64); @@ -1415,8 +1388,8 @@ } .custom_chapter::after { - font-family: "FZHTJW"; - content: ""; + font-family: 'FZHTJW'; + content: ''; width: 12px; height: 60%; background-color: rgb(125, 164, 64); @@ -1435,7 +1408,7 @@ font-size: 21px; margin-bottom: 0.2cm; margin-top: 0.2cm; - font-family: "FZHTJW"; + font-family: 'FZHTJW'; } .img-gn { @@ -1518,7 +1491,7 @@ } .lvz { - font-family: "HiFont Hei GB"; + font-family: 'HiFont Hei GB'; color: #6eb92c; font-weight: bold; } @@ -1554,7 +1527,7 @@ } p.block-hs { - font-family: "STKaiti"; + font-family: 'STKaiti'; // font-size: "1.2em"; font-size: 16px; color: #cd141c; @@ -1676,7 +1649,7 @@ border: 1px solid #89a0d0; border-radius: 5px; font-size: 14px; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; text-indent: 2em; line-height: 22px; padding: 2px 5px; @@ -1797,7 +1770,7 @@ } h4.h4-dy3 { - font-family: "FZLTZHJW"; + font-family: 'FZLTZHJW'; font-weight: bold; color: #b898c7; font-size: 1.1em; @@ -1815,7 +1788,7 @@ } .bj1-mk { - background-image: url("../image/mk.png"); + background-image: url('../image/mk.png'); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; @@ -1829,7 +1802,6 @@ .zt-ls { color: #99b4df; font-weight: bold; - text-indent: 1em; } .zt-cs { @@ -1883,7 +1855,7 @@ span { font-size: 14px; text-align: center; - font-family: "FZLTXIHJW"; + font-family: 'FZLTXIHJW'; line-height: 20px; } @@ -2049,25 +2021,189 @@ } } +.pdfModal { + width: 100%; + height: 90vh; -.tablePublic input[type="checkbox"]:checked + .checkmark { + .pdfBox-component { + width: 100%; + height: 100%; + position: relative; + + .preview { + width: 100%; + height: 100%; + + .imageBox { + height: calc(100% - 30px); + overflow-x: hidden; + overflow-y: auto; + background: #ccc; + box-sizing: border-box; + } + + .imageBox:hover { + cursor: zoom-in !important; + } + + ::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'; + + 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'; + } + } + + .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:hover { + fill: #fff; + cursor: pointer; + } + } + } + + .notBox { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: calc(100% - 30px); + min-height: 300px; + } + } +} + +.w50{ + width: 50%; +} + +.w57{ + width: 57%; +} + +.fl{ + display: flex; +} + +.fd-c{ + flex-direction: column; +} + +.al-c{ + align-items: center; +} + +.span-P{ + color: rgb(246, 147, 71); +} + +@media screen and (max-width: 1024px) { + .pdfModal { + width: 100%; + height: 80vh; + } + + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } +} + +@media screen and (max-width: 800px) { + .pdfModal { + width: 100%; + height: 60vh; + } + + .custom-dialog { + .el-dialog { + width: 90vw !important; + } + } +} + +.custom-dialog { + overflow: hidden !important; + + .el-dialog__body { + padding: 0; + } + + .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'; + + 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'; + } + } +} + +.tablePublic input[type='checkbox']:checked + .checkmark { background: #000 !important; /* 閫変腑鏃剁殑鑳屾櫙鑹� */ } @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'); } br { @@ -2084,31 +2220,28 @@ background-color: #e6e6e6; } - -.promptLeftBox{ - width: 200px; - float: left; +.promptLeftBox { + width: 200px; + float: left; } - -.promptRightBox{ +.promptRightBox { width: 200px; float: right; } - -.learnOneMore{ +.learnOneMore { width: 100px; display: flex; justify-content: center; align-items: center; - background-color:#b898c7; + background-color: #b898c7; border: 0.15em dotted #b898c7; padding: 2px 8px 3px 2px; box-sizing: border-box; - color:#ffffff; - font-family: "FZLTXIHJW"; + color: #ffffff; + font-family: 'FZLTXIHJW'; font-size: 16px; font-weight: 700; border-radius: 15px; @@ -2140,24 +2273,35 @@ } } - -.smallTitle{ +.smallTitle { text-indent: 1em; } - -.subsectionContent{ +.subsectionContent { text-indent: 2em; } -.imgp{ - color: #ac92c4; font-size: 14px; +.imgp { + color: #ac92c4; + font-size: 14px; display: flex; justify-content: center; align-items: center; - } -.learningObjectives{ +.learningObjectives { color: #8da2d7; } +.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; + } +} -- Gitblit v1.9.1