From 56cdf07f8496685ba906ea75e7eb2faebb35371b Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 06 十一月 2024 17:04:11 +0800 Subject: [PATCH] 加入富文本编辑器 --- src/books/mathBook/assets/main.less | 941 +++++++++++++++++++++++++++++++++------------------------ 1 files changed, 542 insertions(+), 399 deletions(-) diff --git a/src/books/mathBook/assets/main.less b/src/books/mathBook/assets/main.less index 4f7490e..c988ed1 100644 --- a/src/books/mathBook/assets/main.less +++ b/src/books/mathBook/assets/main.less @@ -1,394 +1,437 @@ +/** @format */ + .math-book { width: 100%; height: 100%; - font-family: "瀹嬩綋", SimSun, sans-serif; - mn{ - font-size:1em; + // font-family: "瀹嬩綋", SimSun, sans-serif; + font-family: 'Times New Roman', '瀹嬩綋', SimSun, sans-serif !important; + .c032 { + } + .assess { + width: 210px; + height: 25px; + border: 0; + background-color: transparent; + border-bottom: 1px solid #000; + font-size: 18px; + font-family: '瀹嬩綋'; + } + + .assess:focus { + border: 0; + outline: none; + + border-bottom: 1px solid #000; + } + + .img-float { + width: 30%; + float: left; + height: auto; + margin: auto; + margin-right: 20px; + + img { + width: 100%; } - mi{ - font-size:1em; - } - - ul { - list-style-type:none; - } - - li { - list-style-type:none; - } - - div.bodystyle { - font-family:'FZLTXIHJW',"Times New Roman"; - font-size:18px; - text-align:justify; - margin:5%; - line-height:30px; - } - .info { - position: relative; - } - - - .em_circle { - text-decoration:dashed; - } - - .fieldset { - background: #E7F4FC; - padding:1em; - border-radius: 5px; - border-radius: 0.6em; - } - - .inline{ - height:1.2em; - vertical-align:top; - - } - .inline2{ - height:2.9em; - margin-top:2em; - margin-bottom:-0.4em; - } - .imz{ - height:96%; - text-align:center; - - - } - - .note{ - font-size: 0.85em; - } - - - .block{ - font-family:"STKaiti"; - } - - .block1 - { - font-family:"STKaiti"; - text-align:right; - margin-left:0%; - margin-right:2em; - } - - .block2 - { - font-family:"STKaiti"; - text-indent:0em; - text-align:center; - margin-left:0%; - margin-right:0%; - } - - .block3 - { - font-family:"STKaiti"; - text-align:left; - text-indent:0em; - margin-left:0%; - margin-right:0%; - - } - - .img{color:#146Eb4; - text-align: center; - font-size:0.85em; - text-indent: 0em; - } - - body { - font-family:"Times New Roman", "锟斤拷锟斤拷"; - } - - - - - p - { - margin-top: 0.5em; - text-indent: 2em; - line-height: 1.5em; - } - .cover { - width:100%; - padding:0px; - } - .center { - text-align: center; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em - } - .left1 { - text-indent: 1em; - text-align: left; - } - .left { - text-indent: 0em; - margin-left: 0%; - margin-right: 0%; - } - .right { - text-align: right; - margin-left: 0%; - margin-right: 0%; - } - .quote { - margin-top: 0%; - margin-bottom: 0%; - margin-left: 1em; - margin-right: 1em; - text-align: justify; - font-family:"Times New Roman", "锟斤拷锟斤拷"; - } - h1 { - color: #9f052f; - font-family:"Times New Roman", "锟斤拷锟斤拷"; - text-align: center; - font-size:1.5em; - margin-top: 1em; - margin-bottom: 1em; - font-family:"Times New Roman", "锟斤拷锟斤拷"; - } - - h2 { - font-family:"Times New Roman", "锟斤拷锟斤拷"; - font-weight:bold; - font-size:1.3em; - margin-top: 1em; - margin-bottom: 0.2em; - } - h3 { - - font-family:"Times New Roman", "锟斤拷锟斤拷"; - text-align: left; - font-size:1.2em; - margin-top: 1em; - margin-bottom: 0.2em; - } - h4 { - - font-family:"Times New Roman", "锟斤拷锟斤拷"; - color: #00A1E9; - text-align: left; - font-weight:bold; - font-size:medium; - margin-top: 1em; - margin-bottom: 0.2em; - } - h5 { - - font-family:"Times New Roman", "锟斤拷锟斤拷"; - text-align: left; - font-weight:bold; - font-size:small; - margin-top: 0.8em; - margin-bottom: 0.2em; - } - h6 { - - font-family:"Times New Roman", "锟斤拷锟斤拷"; - text-align: left; - font-weight:bold; - font-size:x-small; - margin-top: 1em; - margin-bottom: 0.2em; - } - .u { - - text-decoration: underline; } - - .img-0{ - width:100%; - } - .img-a{ - width:90%; - } - .img-b{ - width:80%; - } - .img-c{ - width:70%; - } - .img-d{ - width:60%; - } - .img-e{ - width:50%; - } - .img-f{ - width:40%; - } - .img-g{ - width:30%; - } - .img-h{ - width:20%; - } - .img-i{ - width:10%; - } - .img-j{ - width:5%; - } - .img-n{ - height:1em; - } - - .img-gn{ - height:3em; - } - .img-gn1{ - height:2.2em; - } - .img-gn2{ - height:1.9em; - } - .border-1{ - border: 1px solid #E6E6FA; - background-color:#E6E6FA; - border-radius: 0.6em; - padding-top: 30%; - padding-bottom: 70%; - margin: 20% 10% 20% 10%; - } - .border-2{ - border: 1px solid #FFF5EE; - background-color:#FFF5EE; - border-radius: 0.6em; - padding-top: 30%; - padding-bottom: 70%; - margin: 20% 10% 20% 10%; - } - /*锟铰伙拷锟斤拷*/ - .em_dot { - -webkit-text-emphasis-style:dot; - -moz-text-emphasis-style:dot; - -ms-text-emphasis-style:dot; - text-emphasis-style:dot; - -webkit-text-emphasis-position:under; - -moz-text-emphasis-position:under; - -ms-text-emphasis-position:under; - text-emphasis-position:under; - } - blockquote.kindle-cn-blockquote { - background: #f9f9f9; - border-left: 0.5em solid #ccc; - margin: 1.5em; - padding: 1em; - text-indent:2em; - line-height:1.5em; - } - div.bj{ background-color:#D3EDFA; - padding: 0.3em; - margin-top:1em; - margin-bottom:1em; - } - .hs - { - font-family:"Times New Roman", "锟斤拷锟斤拷"; - color:red; - } - - - .zt-ls{ - color: #00A1E9; - } - .zt-ls1{ - color: #00A1E9; - font-weight:bold; - font-size:0.9em; - } - - .zt-ls2{ - font-family:'FZLTXIHJW',"Times New Roman"; - color: #00A1E9; - font-weight:bold; - } - - .fontsz1 - { - color: #00A1E9; - font-size:0.8em; - } - .fontsz2 - { - color: #00A1E9; - font-size:0.6em; - } - - - div.bk-hzjl{ - border:2px solid #00A1E9; - background:#F6FBFF; - border-radius: 0 0 0 5px; - padding:15px; - margin-bottom:2em; - margin-top:2em; - border-radius:0em 0em 2em 0em; - } - - div.bj1-hzjl{ - padding:0.01em 1em 0.01em 1em; - margin-top:-2.4em; - margin-left:-0.5em; - margin-right:-1em; - } - - div.bk{ - border:2px solid #00A1E9; - padding:0.8em; - margin-bottom:2em; - margin-top:2em; - box-shadow: inset -0.5em -0.5em 0 0 #E0F2FC; - } - - div.bj1{ - padding:0.01em 1em 0.01em 1em; - margin-top:-2.6em; - margin-left:-0.5em; - margin-right:-1em; - } - - - p.bj2{ - background-color:#81CFF5; - color:#FFFFFF; - display: inline-block; - padding:1px; - font-size: 1.1em; - padding: 3px 10px 3px 10px; - font-weight: bold; - box-shadow: -0.3em -0.3em 0px 0px #2FBDEF; + + p { margin: 0; - text-indent: 0em; - margin-top:1em; - margin-bottom:1em; } - - .bj-sp{ - background-color:#FFFFFF; - color:#53C3F1; - padding:0.3em 1em 0.3em 1em; - margin-top:0em; - margin-left:-3em; + } + .img-rights { + width: 30%; + float: right; + height: auto; + margin: auto; + margin-left: 20px; + + img { + width: 100%; } - - .fieldset1 { - border:2px solid #33BCF0; - padding:1em; - border-radius: 5px; - border-radius: 0.6em; + + p { + margin: 0; } + } + .textIndentation { + text-indent: 2em; + margin: 15px 0; + } + mn { + font-size: 1em; + } + mi { + font-size: 1em; + } + + ul { + list-style-type: none; + } + + li { + list-style-type: none; + } + + div.bodystyle { + font-family: 'FZLTXIHJW', 'Times New Roman'; + font-size: 18px; + text-align: justify; + margin: 5%; + line-height: 30px; + } + .info { + position: relative; + } + + .em_circle { + text-decoration: dashed; + } + + .fieldset { + background: #e7f4fc; + padding: 1em; + border-radius: 5px; + border-radius: 0.6em; + } + + .inline { + height: 1.2em; + vertical-align: top; + } + .inline2 { + height: 2.9em; + margin-top: 2em; + margin-bottom: -0.4em; + } + .imz { + height: 96%; + text-align: center; + } + + .note { + font-size: 0.85em; + } + + .block { + font-family: 'STKaiti'; + margin: 15px; + } + + .block1 { + font-family: 'STKaiti'; + text-align: right; + margin-left: 0%; + margin-right: 2em; + } + + .block2 { + font-family: 'STKaiti'; + text-indent: 0em; + text-align: center; + margin-left: 0%; + margin-right: 0%; + } + + .block3 { + font-family: 'STKaiti'; + text-align: left; + text-indent: 0em; + margin-left: 0%; + margin-right: 0%; + } + + .img { + color: #146eb4; + text-align: center; + font-size: 0.85em; + text-indent: 0em; + } + + body { + all: inherit; + font-family: 'Times New Roman', '锟斤拷锟斤拷' ; + } + + p { + margin-top: 1em; + text-indent: 2em; + line-height: 1.5em; + } + .cover { + width: 100%; + padding: 0px; + } + .center { + text-align: center; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + .left1 { + text-indent: 1em; + text-align: left; + } + .left { + text-indent: 0em; + margin-left: 0%; + margin-right: 0%; + } + .right { + text-align: right; + margin-left: 0%; + margin-right: 0%; + } + .quote { + margin-top: 0%; + margin-bottom: 0%; + margin-left: 1em; + margin-right: 1em; + text-align: justify; + font-family: 'Times New Roman', '锟斤拷锟斤拷'; + } + h1 { + color: #9f052f; + font-family: 'Times New Roman', '锟斤拷锟斤拷'; + text-align: center; + font-size: 1.5em; + margin-top: 1em; + margin-bottom: 1em; + font-family: 'Times New Roman', '锟斤拷锟斤拷'; + } + + h2 { + font-family: 'Times New Roman', '锟斤拷锟斤拷'; + font-weight: bold; + font-size: 1.3em; + margin-top: 1em; + margin-bottom: 0.2em; + border-left: 10px solid #2cc4f3; + padding-left: 10px; + } + h3 { + font-family: 'Times New Roman', '锟斤拷锟斤拷'; + text-align: left; + font-size: 1.2em; + margin-top: 1em; + margin-bottom: 0.2em; + border-left: 6px solid #2cc4f3; + padding-left: 10px; + } + h4 { + font-family: 'Times New Roman', '锟斤拷锟斤拷'; + color: #00a1e9; + text-align: left; + font-weight: bold; + font-size: medium; + margin-top: 1em; + margin-bottom: 0.2em; + } + h5 { + font-family: 'Times New Roman', '锟斤拷锟斤拷'; + text-align: left; + font-weight: bold; + font-size: small; + margin-top: 0.8em; + margin-bottom: 0.2em; + } + h6 { + font-family: 'Times New Roman', '锟斤拷锟斤拷'; + text-align: left; + font-weight: bold; + font-size: x-small; + margin-top: 1em; + margin-bottom: 0.2em; + } + .u { + text-decoration: underline; + } + + .img-0 { + width: 100%; + } + .img-a { + width: 90%; + } + .img-b { + width: 80%; + } + .img-c { + width: 30%; + } + .img-d { + width: 60%; + } + .img-e { + width: 50%; + } + .img-f { + width: 40%; + } + .img-g { + width: 30%; + } + .img-h { + width: 20%; + } + .img-i { + width: 10%; + } + .img-j { + width: 5%; + } + .img-n { + height: 1em; + } + + .img-gn { + height: 3em; + } + .img-gn1 { + height: 2.2em; + } + .img-gn2 { + height: 1.9em; + } + .border-1 { + border: 1px solid #e6e6fa; + background-color: #e6e6fa; + border-radius: 0.6em; + padding-top: 30%; + padding-bottom: 70%; + margin: 20% 10% 20% 10%; + } + .border-2 { + border: 1px solid #fff5ee; + background-color: #fff5ee; + border-radius: 0.6em; + padding-top: 30%; + padding-bottom: 70%; + margin: 20% 10% 20% 10%; + } + /*锟铰伙拷锟斤拷*/ + .em_dot { + -webkit-text-emphasis-style: dot; + -moz-text-emphasis-style: dot; + -ms-text-emphasis-style: dot; + text-emphasis-style: dot; + -webkit-text-emphasis-position: under; + -moz-text-emphasis-position: under; + -ms-text-emphasis-position: under; + text-emphasis-position: under; + } + blockquote.kindle-cn-blockquote { + background: #f9f9f9; + border-left: 0.5em solid #ccc; + margin: 1.5em; + padding: 1em; + text-indent: 2em; + line-height: 1.5em; + } + div.bj { + background-color: #d3edfa; + padding: 0.3em 1em; + + margin-top: 1em; + margin-bottom: 1em; + } + .hs { + font-family: 'Times New Roman', '锟斤拷锟斤拷'; + color: red; + } + + .zt-ls { + color: #00a1e9; + } + .zt-ls1 { + color: #00a1e9; + font-weight: bold; + font-size: 1em; + } + + .zt-ls2 { + font-family: 'FZLTXIHJW', 'Times New Roman'; + color: #00a1e9; + font-weight: bold; + margin-right: 15px; + } + + .fontsz1 { + color: #00a1e9; + font-size: 0.8em; + } + .fontsz2 { + color: #00a1e9; + font-size: 0.6em; + margin-left: 3px; + } + + div.bk-hzjl { + border: 2px solid #00a1e9; + background: #f6fbff; + border-radius: 0 0 0 5px; + padding: 15px; + margin-bottom: 2em; + margin-top: 2em; + border-radius: 0em 0em 2em 0em; + } + + div.bj1-hzjl { + padding: 0.01em 1em 0.01em 1em; + margin-top: -3.2em; + margin-left: -0.5em; + margin-right: -1em; + } + + div.bk { + border: 2px solid #00a1e9; + margin-bottom: 2em; + margin-top: 2em; + box-shadow: inset -0.5em -0.5em 0 0 #e0f2fc; + } + + div.bj1 { + padding: 0.01em 1em 0.01em 1em; + margin-top: -3.4em; + margin-left: -0.5em; + margin-right: -1em; + } + + p.bj2 { + background-color: #81cff5; + color: #ffffff; + display: inline-block; + padding: 1px; + font-size: 1.1em; + padding: 3px 10px 3px 10px; + font-weight: bold; + box-shadow: -0.3em -0.3em 0px 0px #2fbdef; + margin: 0; + text-indent: 0em; + margin-top: 1em; + margin-bottom: 1em; + } + + .bj-sp { + background-color: #ffffff; + color: #53c3f1; + padding: 0.3em 1em 0.3em 1em; + margin-top: 0em; + margin-left: -3em; + } + + .fieldset1 { + border: 2px solid #33bcf0; + padding: 1em; + border-radius: 5px; + border-radius: 0.6em; + } // 鑷畾涔� .page-box { position: relative; box-sizing: border-box; - min-height: 1150px; + min-height: 1120px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; @@ -438,7 +481,14 @@ outline: none; background: transparent; } - + .input-table { + width: 80px; + font-size: 14px; + border: none; + outline: none; + border-bottom: 1px solid; + background: transparent; + } .sport-text { font-size: 20px; line-height: 40px; @@ -508,6 +558,12 @@ .t0 { text-indent: 0; } + .t1 { + text-indent: 1em; + } + .t- { + text-indent: 0.5em; + } .t2 { text-indent: 2em; } @@ -528,7 +584,7 @@ } .page-box { box-sizing: border-box; - min-height: 1150px ; + min-height: 1120px; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; @@ -556,11 +612,12 @@ width: 88%; display: flex; align-items: flex-end; + P { margin: 0 !important; width: 100%; height: 24px; - background-color: #97a4d3; + background-color: #40c7f4; text-align: right; padding-right: 20px; color: #fff; @@ -571,13 +628,17 @@ p { margin: 0 !important; height: 100%; - padding:0 4px; + padding: 0 4px; width: min-content; - border: 1px solid #7b8cc5; + border: 1px solid #40c7f4; text-indent: 0em; display: flex; align-items: flex-end; justify-content: center; + font-weight: 600; + } + span { + white-space: nowrap; } } } @@ -589,27 +650,39 @@ display: flex; justify-content: space-between; li:first-child { - border: 1px solid #7b8cc5; + border: 1px solid #40c7f4; width: 15%; height: 24px; text-align: right; padding-right: 4px; box-sizing: border-box; + display: flex; + align-items: center; + justify-content: flex-end; + font-weight: 400; } li:nth-child(2) { padding: 0 4px; - min-width:132px; + min-width: 132px; height: 24px; - border: 1px solid #7b8cc5; + border: 1px solid #40c7f4; text-align: center; box-sizing: border-box; - color: #5f7abc; + color: #40c7f4; font-weight: bold; + display: flex; + align-items: center; + justify-content: center; } li:last-child { width: 64%; height: 24px; - background-color: #97a4d3; + background-color: #40c7f4; + color: #fff; + display: flex; + align-items: center; + justify-content: flex-start; + padding-left: 5px; } } .fw-b { @@ -633,8 +706,17 @@ .mt-40 { margin-top: 40px; } + .mt-60 { + margin-top: 60px !important; + } + .mt-80 { + margin-top: 80px !important; + } .mb-80 { margin-bottom: 80px !important; + } + .mr-10 { + margin-right: 10px; } .mr-20 { margin-right: 20px; @@ -644,7 +726,7 @@ } .table-box { width: 94%; - font-family: "STKaiti"; + font-family: 'STKaiti'; line-height: 1.5em; } .dl-bl { @@ -664,7 +746,7 @@ border-radius: 10px; } .fm-st { - font-family: "STKaiti"; + font-family: 'STKaiti'; } .btn { cursor: pointer; @@ -696,7 +778,7 @@ } .textarea-text { font-size: 16px; - font-family: "STKaiti"; + font-family: 'STKaiti'; } .mt-20 { margin-top: 20px; @@ -724,7 +806,7 @@ border: 1px solid #008bff; border-radius: 5px; background-color: #008bff; - &:hover{ + &:hover { fill: #008bff; background-color: #fff; } @@ -749,27 +831,57 @@ margin-left: 5px; cursor: pointer; text-indent: 0; - display: inline-block; - border:1px solid #00a1e9; + display: flex; + align-items: center; + border: 1px solid #00a1e9; height: 22px; - padding: 2px; - background-color:#00a1e9 ; + width: 17px; + padding: 2px 4px; + background-color: #00a1e9; border-radius: 5px; + svg { fill: #fff; } &:hover { background-color: #fff; svg { - fill:#00a1e9 ; + fill: #00a1e9; } } + } + .gr-title { + font-size: 16px; + color: #00aeef; + margin-top: 40px; + } + // 闅愯棌椤甸潰 + .hidePage { + min-height: 0 !important; + height: 0 !important; + box-shadow: none !important; + } + // 甯︽寜閽畃鏍囩 + .p-btn { + display: flex; + justify-content: left; + align-items: center; + flex-wrap: wrap; + i { + text-indent: 0; + } + } + .iframe-box { + width: 100%; + min-height: 800px; + border: 1px solid #00a1e9; + border-radius: 10px; } } /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ @media (max-width: 430px) { - .ans-dance { + .ans-dance { .page-box { min-height: 750px; } @@ -787,6 +899,9 @@ .padding-96 { padding: 0 20px 40px 20px; } + .padding-116 { + padding: 0 20px 40px 20px; + } /* video澶у皬 */ .video-box { max-width: 260px; @@ -801,15 +916,21 @@ margin-top: 10px; } } + .page-box { + min-height: 500px; + } } } @media (min-width: 660px) { - .math-book{ + .math-book { .page-padding { padding: 104px 96px; } .padding-96 { padding: 0 96px 104px 96px; + } + .padding-116 { + padding: 0 116px 104px 116px; } .video-box { max-width: 370px; @@ -826,3 +947,25 @@ } } } + +::-webkit-scrollbar { + width: 8px; + height: 10px; +} + +::-webkit-scrollbar-track-piece { + 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; +} + +::-webkit-scrollbar-thumb:horizontal { + width: 5px; + background-color: rgba(125, 125, 125, 0.3); + -webkit-border-radius: 6px; +} -- Gitblit v1.9.1