From 0147b2e4cd7b1e38a84de32ea954b7ed47acf31f Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期一, 22 七月 2024 16:29:17 +0800 Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout --- src/books/embedded/assets/main.less | 282 ++++++++++++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 272 insertions(+), 10 deletions(-) diff --git a/src/books/embedded/assets/main.less b/src/books/embedded/assets/main.less index 470afc7..5b16ee0 100644 --- a/src/books/embedded/assets/main.less +++ b/src/books/embedded/assets/main.less @@ -1,6 +1,7 @@ .embedded-book { /* 2.0.0鐗堟湰*/ - + width: 100%; + height: 100%; /*灏侀潰*/ .frontCover { qrfullpage: 1; @@ -370,7 +371,8 @@ line-height: 1.3em; text-align: center; text-indent: 0; - color: #b03639; + color: #501438; + margin-bottom: 6px; } /*鐜粫鍥剧墖*/ @@ -550,10 +552,10 @@ /*text-decoration:underline;*/ text-emphasis-style: dot; text-emphasis-color: #f75555; - text-emphasis-position: under; + text-emphasis-position: under left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-color: #000; - -webkit-text-emphasis-position: under; + -webkit-text-emphasis-position: under left; } .topmark { @@ -599,21 +601,247 @@ // 鑷畾涔夊唴瀹� .page-box { box-sizing: border-box; - min-height: 1150px !important; + min-height: 1092px ; margin-bottom: 20px; box-shadow: 0 3px 6px 1px #00000029; background-color: #fff; } + /*鍥剧墖鏍囬*/ + .table-title { + font-family: "姹変华妤蜂綋", "ETrump KaiTi", "鏂规浠垮畫", "FZFSJW--GB1-0"; + font-size: 16px; + font-weight: bold; + text-align: center; + text-indent: 0; + color: #b03639; + } + .wr-md { - writing-mode: vertical-rl + writing-mode: vertical-rl; } .fl { - display: flex; + display: flex !important; + } + .fl-cl { + flex-direction: column; + } + .fl-bt { + justify-content: space-between; + } + .ju-cn { + justify-content: center; + } + .ju-ed { + justify-content: flex-end; + } + .ju-bt { + justify-content: space-between; + } + .ju-ev { + justify-content: space-evenly; + } + .al-cn { + align-items: center; + } + .al-end { + align-items: flex-end; } .t0 { text-indent: 0; } + .t2 { + text-indent: 2em; + } + .primary-color { + color: #501438; + } + .fz-18 { + font-size: 18px; + } + .fw-bl { + font-weight: bold; + } + .mr-5 { + margin-right: 5px; + } + .mt-20 { + margin-top: 20px; + } + .mt-100 { + margin-top: 100px; + } + .mb-5 { + margin-bottom: 5px; + } + .mb-20 { + margin-bottom: 20px; + } + .mb-40 { + margin-bottom: 40px; + } + .m0 { + margin: 0; + } + .m0-auto { + margin: 0 auto; + } + .pd-104 { + padding-bottom: 104px; + } + .p0 { + padding: 0; + } + ul { + list-style: none; + } + .footer-box { + width: 40px; + height: 4px; + background-color: #501438; + } + .footer-num { + width: min-content; + } + .w-mi { + width: min-content; + } + .w-35 { + width: 35px; + } + .w-45 { + width: 45px; + } + .tl-ju { + text-align: justify; + } + .w100 { + width: 100%; + } + .w50 { + width: 50%; + } + .page-heder-img { + width: 100%; + img { + width: 100%; + } + } + .cl-66 { + color: #666; + } + .wh-no { + white-space: nowrap; + } + .table-cn { + text-align: center; + vertical-align: middle; + } + .input-border { + border: 0; + border-bottom: 1px solid #000; + } + .border-0 { + border: 0; + } + .input-border:focus, + .border-0:focus { + outline: none; + } + .textarea-table-td { + font-size: 14px; + width: 60px; + height: 60px; + border: 0; + font-family: "Microsoft YaHei", "寰蒋闆呴粦", sans-serif; + } + .textarea-table-td:focus { + outline: none; + } + .table-bc { + background-color: #d6c6c7 // #d6c1c6;; + } + .tl-rg { + text-align: right; + } + .rar-icon { + width: 40px; + } + .downlod-icon { + margin-left: 5px; + width: 20px; + } + .rar-text { + font-size: 10px; + color: #666; + } + .pr { + position: relative; + } + + .p-10 { + padding: 10px 0; + } + .cu-pr { + cursor: pointer; + } + .anzhuang-icon { + width: 30px; + margin-right: 4px; + } + .primary-boder { + border: 2px solid #501438; + } + .border-so { + border-bottom: 1px solid #501438; + } + .rw-border { + border-bottom: 2px solid #501438; + } + .btn { + cursor: pointer; + border: 2px solid #501438; + border-radius: 4px; + margin-left: 5px; + } + .document-icon { + width: 30px; + } + .word-icon { + width: 50px; + } + .textarea-text:focus { + outline: none; + border-color: #501438; + } + .tl-cn { + text-align: center; + } + table { + font-size: 14px; + } + .svg-btn { + padding: 0 2px; + cursor: pointer; + display: inline-block; + border: 1px solid #501438; + margin-left: 5px; + border-radius: 4px; + background-color: #501438; + fill: #fff; + &:hover { + background-color: #fff; + fill: #501438; + } + } + .share-box { + margin-left: 5px; + cursor: pointer; + fill: #501438; + } +} +body { + background-color: #e6e6e6; } /* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ @media (max-width: 660px) { @@ -622,8 +850,11 @@ .page-padding { padding: 104px 20px; } - .padding-96 { - padding: 0 20px 104px 20px; + .padding-96, + .padding-87, + .padding-103, + .padding-86 { + padding: 0 20px 0px 20px; } /* video澶у皬 */ .video-box { @@ -637,10 +868,41 @@ padding: 104px 96px; } .padding-96 { - padding: 0 96px 104px 96px; + padding: 0 96px 0px 96px; + } + .padding-103 { + padding: 0 103px 0 103px; + } + .padding-87 { + padding: 0px 87px 0px 85px; + } + .padding-86 { + padding: 0 86px 0 84px; } .video-box { max-width: 370px; } } } + +::-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