From 47b06c613a82cea4066f323437d1275aa0c7c31d Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期四, 09 五月 2024 11:14:00 +0800 Subject: [PATCH] 样式调整 --- /dev/null | 569 ------------------- public/resource.json | 34 + src/main.js | 2 src/books/childHealth/view/header/index.vue | 11 src/books/childHealth/assets/main.less | 567 +++++++++++++++++++ src/components/examinations/index.vue | 138 +++ public/information.json | 21 src/books/childHealth/view/content/components/chapter001.vue | 366 ++++++----- 8 files changed, 940 insertions(+), 768 deletions(-) diff --git a/public/information.json b/public/information.json new file mode 100644 index 0000000..5998ba9 --- /dev/null +++ b/public/information.json @@ -0,0 +1,21 @@ +[ + { + "label": "涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�", + "id": "a008", + "page":1, + "children": [ + { + "label": "瀛︿範涓婚涓� 杩愬姩绯荤粺", + "id": "b001", + "page":2, + "children": [ + { + "label": "涓�銆佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑鐗圭偣", + "id": "c001", + "page":2 + } + ] + } + ] + } +] diff --git a/public/resource.json b/public/resource.json new file mode 100644 index 0000000..f6e8d20 --- /dev/null +++ b/public/resource.json @@ -0,0 +1,34 @@ +{ + "imgList":[ + + ], + "audioList" :[ + + + ], + "videoList" : [ + { + "name": "1e5acedac3d8453d693a71db330a781d.mp4", + "type": "video" + } + + ], + "attachmentList":[ + { + "name": "1 鏁欐 涓撻鍏細瀛︿範涓婚浜� 瀛﹀墠鍎跨甯歌鐨勬剰澶栦簨鏁呭強鎬ユ晳.docx", + "type": "word" + }, + { + "name": "1 鏁欐 涓撻鍗侊細瀛︿範涓婚涓� 鎵樺辜鏈烘瀯鐨勫缓绛戝崼鐢�.docx", + "type": "word" + }, + { + "name": "1 鏁欐 涓撻鍥涳細瀛︿範涓婚浜� 瀛﹀墠鍎跨蹇冪悊鍋ュ悍鐨勮瘎浠�.docx", + "type": "word" + }, + { + "name": "1 鏁欐 涓撻鍥涳細瀛︿範涓婚涓� 瀛﹀墠鍎跨韬綋鍋ュ悍鐨勮瘎浠�.docx", + "type": "word" + } + ] +} diff --git a/src/assets/style/main.css b/src/assets/style/main.css deleted file mode 100644 index 5738626..0000000 --- a/src/assets/style/main.css +++ /dev/null @@ -1,449 +0,0 @@ -.custom_tag{ - background-color:#1EB9EE; - color: #FFFFFF; - display: inline-block; - padding: 5px 10px; - border-radius: 8px; - font-size: 15px; - padding: 10px; - box-shadow: 9px 5px 0px 0px #eaf6fd; - margin: 0; - margin-top: 20px; - text-indent: 0em; - margin-bottom:0.5em; -} -h6.Conclusion-title4 { -font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷"; -font-weight: normal; -font-size: 18px; -color: #FFFFFF; -background-color: #1EB9EE; -padding: 0.3em; -width:7em; -text-align:center; -border-radius: 0.6em; -margin-bottom: -0.6em; -duokan-text-indent: 0em; -text-indent: 0em; -} -h6.Conclusion-title2 { -font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷"; -font-weight: normal; -font-size: 18px; -color: #FFFFFF; -background-color: #1EB9EE; -padding: 0.3em; -width:6.5em; -text-align:center; -border-radius: 0.6em; -margin-bottom: -0.9em; -duokan-text-indent: 0em; -text-indent: 0em; -display: flex; -align-items: center; -justify-content: center; -} - -/* 锟斤拷锟侥讹拷锟斤拷 */ -p.blockh6 { -font-family:"STKaiti"; -font-weight: normal; -font-size: 16px; -border-style: dotted; -border-width: 2px; -border-color: #1EB9EE; -padding: 0.8em; -margin-left: 1em; -margin-top: 0em; -margin-bottom: 20px; -border-radius: 1em; -duokan-text-indent: 2em; -text-indent: 2em; -} - -/* 锟斤拷锟侥讹拷锟斤拷锟斤拷锟� */ -p.blockh6-c { -font-family:"STKaiti"; -font-weight: normal; -font-size: 16px; -border-style: dotted; -border-radius: 1em; -border-width: 2px; -border-color: #1EB9EE; -padding: 0.8em; -text-align:center; -margin-left: 1em; -margin-top: 0em; -text-indent: 0em; -margin-bottom: 20px; -text-align: center; -} - - -h6.Conclusion-title3 { -font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷"; -font-weight: normal; -font-size: 18px; -color: #ffffff; -background-color: #32a59e; -padding: 0.3em; -width: 6em; -text-align:center; -border-radius: 0.6em; -margin-bottom: -0.5em; -duokan-text-indent: 0em; -text-indent: 0em; -} - -.module_block{ - display: flex; - font-size: 1.2em; - position: relative; - padding-left: 110px; -} -.module_block .custom1{ - background-color:#1EB9EE; - padding: 10px 20px; - color: #FFFFFF; - position: absolute; - left: 0; - top: 50%; - transform: translateY(-50%); -} -.module_block .custom2{ - border:4px solid #1EB9EE; - padding: 6px 5px 6px 40px; - color: #1EB9EE; - font-weight: bold; - border-radius: 1em; -} - - -.fieldset { - margin-bottom: 20px; - border:dotted #1EB9EE; - border-radius: 1em; - font-size:0.9em;/*16px;*/ - padding: 10px 10px 10px 10px; - color: #666666; - font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷"; -} -.inline{ -height:1.2em; - vertical-align:top; - -} -.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{ -text-align: center; -font-family:"STKaiti"; -font-size:1em; -text-indent: 0em; -} - -body { - font-family:"cnepub", serif; -} - - - - -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 -} -.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:"cnepub", serif; -} -h1 { - color: #9f052f; - font-family:"cnepub", serif; - text-align: center; - font-size:1.5em; - margin-top: 1em; - margin-bottom: 1em; - font-family: "HiFont Hei GB"; -} - -h2 { - - font-family:"cnepub", serif; - text-align: center; - font-weight:bold; - font-size:1.3em; - margin-top: 1em; - margin-bottom: 0.2em; - font-family: "HiFont Hei GB"; -} -h3 { - - color: #00A1E9; - font-family:"cnepub", serif; - font-weight:bold; - font-size:1.2em; - margin-top: 1em; - margin-bottom: 0.2em; - text-indent:0em; - font-family: "HiFont Hei GB"; -} -h4 { - - font-family:"cnepub", serif; - font-weight:bold; - font-size:medium; - margin-top:1.1em; - text-indent:2em; - margin-bottom: 0.2em; - font-family: "HiFont Hei GB"; -} -h5 { - color: #00A1E9; - font-family:"cnepub", serif; - font-weight:bold; - font-size:1em; - margin-top:0.8em; - text-indent:2em; - margin-bottom: 0.2em; - font-family: "HiFont Hei GB"; -} -h6 { - - font-family:"cnepub", serif; - text-align: left; - font-weight:bold; - font-size:x-small; - margin-top: 1em; - margin-bottom: 0.2em; - font-family: "HiFont Hei GB"; -} -.u { - - text-decoration: underline; } - -.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; -} -.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%; -} - -.img-gn{ - height:1.3em; - vertical-align:top; -} - - -.book { - margin: 0 auto; - width: 816px; -} - -.text-center { - text-align: center; -} -.tl{ - text-align: left !important; -} -.ti2 { - text-indent:2em !important; -} -.lineInput { - width: 92%; - font-size: 14px; - color: #666; - border: none; - border-bottom: 1px solid #000; - outline: none; - background: transparent; -} -.completion-input { - width: 64px !important; - color: #000 !important; -} -.judge-input { - width: 20px; - font-size: 14px; - color: #000; - border: none; - border:0; - outline: none; - background: transparent; -} - -.sport-text { - font-size: 20px; - line-height: 40px; -} -.img-text { - color: #000; - text-align: center; - font-size: 16px; - text-indent: 0em; - font-weight: 700; -} -.text-size { - font-size: 20px; -} -.fl { - display: flex; -} -.fl-evenly { - justify-content: space-evenly; -} -.fl-around { - justify-content: space-around; -} -.fl-di { - flex-direction: column; -} -.fl-cn { - align-items: center; -} -.fz-18 { - font-size: 18px; -} -.fz-16 { - font-size: 16px; -} -.fz-12 { - font-size: 12px; -} -.suspend-title { - white-space: nowrap; - min-width: 120px; - position: absolute; - top: -27px; - left: -15px; - background-color: #32a59e; - height: 34px; - line-height: 34px; - border-radius: 13px; - color: #fff; - text-align: center; -} -.m0-t0 { - margin: 0; - text-indent: 0 !important; -} - -.learn-btn img { - cursor: pointer; - height: 30px; -} - -.lh { - line-height: 1.5em; - margin-top: 0.5em; -} \ No newline at end of file diff --git a/src/books/childHealth/assets/main.css b/src/books/childHealth/assets/main.css deleted file mode 100644 index 6063e02..0000000 --- a/src/books/childHealth/assets/main.css +++ /dev/null @@ -1,569 +0,0 @@ -.temp-book .custom_tag { - background-color: #1eb9ee; - color: #ffffff; - display: inline-block; - padding: 5px 10px; - border-radius: 8px; - font-size: 15px; - padding: 10px; - box-shadow: 9px 5px 0px 0px #eaf6fd; - margin: 0; - margin-top: 20px; - text-indent: 0em; - margin-bottom: 0.5em; -} -.temp-book h6.Conclusion-title4 { - font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷"; - font-weight: normal; - font-size: 18px; - color: #ffffff; - background-color: #1eb9ee; - padding: 0.3em; - width: 7em; - text-align: center; - border-radius: 0.6em; - margin-bottom: -0.6em; - duokan-text-indent: 0em; - text-indent: 0em; -} -.temp-book h6.Conclusion-title2 { - font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷"; - font-weight: normal; - font-size: 18px; - color: #ffffff; - background-color: #1eb9ee; - padding: 0.3em; - width: 6.5em; - text-align: center; - border-radius: 0.6em; - margin-bottom: -0.9em; - duokan-text-indent: 0em; - text-indent: 0em; - display: flex; - align-items: center; - justify-content: center; -} - -/* 锟斤拷锟侥讹拷锟斤拷 */ -.temp-book p.blockh6 { - font-family: "STKaiti"; - font-weight: normal; - font-size: 16px; - border-style: dotted; - border-width: 2px; - border-color: #1eb9ee; - padding: 0.8em; - margin-left: 1em; - margin-top: 0em; - margin-bottom: 40px; - border-radius: 1em; - duokan-text-indent: 2em; - text-indent: 2em; -} - -/* 锟斤拷锟侥讹拷锟斤拷锟斤拷锟� */ -.temp-book p.blockh6-c { - font-family: "STKaiti"; - font-weight: normal; - font-size: 16px; - border-style: dotted; - border-radius: 1em; - border-width: 2px; - border-color: #1eb9ee; - padding: 0.8em; - text-align: center; - margin-left: 1em; - margin-top: 0em; - text-indent: 0em; - margin-bottom: 20px; - text-align: center; -} - -.temp-book h6.Conclusion-title3 { - font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷"; - font-weight: normal; - font-size: 18px; - color: #ffffff; - background-color: #32a59e; - padding: 0.3em; - width: 6em; - text-align: center; - border-radius: 0.6em; - margin-bottom: -0.5em; - duokan-text-indent: 0em; - text-indent: 0em; -} - -.temp-book .module_block { - display: flex; - font-size: 1.2em; - position: relative; - padding-left: 110px; -} -.temp-book .module_block .custom1 { - background-color: #1eb9ee; - padding: 10px 20px; - color: #ffffff; - position: absolute; - left: 0; - top: 50%; - transform: translateY(-50%); -} -.temp-book .module_block .custom2 { - border: 4px solid #1eb9ee; - padding: 6px 5px 6px 40px; - color: #1eb9ee; - font-weight: bold; - border-radius: 1em; -} - -.temp-book .fieldset { - margin-bottom: 20px; - border: dotted #1eb9ee; - border-radius: 1em; - font-size: 0.9em; /*16px;*/ - padding: 10px 10px 10px 10px; - color: #666666; - font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷"; -} -.temp-book .inline { - height: 1.2em; - vertical-align: top; -} -.temp-book .imz { - height: 96%; - text-align: center; -} - -.temp-book .note { - font-size: 0.85em; -} - -.temp-book .block { - font-family: "STKaiti"; -} - -.temp-book .block1 { - font-family: "STKaiti"; - text-align: right; - margin-left: 0%; - margin-right: 2em; -} - -.temp-book .block2 { - font-family: "STKaiti"; - text-indent: 0em; - text-align: center; - margin-left: 0%; - margin-right: 0%; -} - -.temp-book .block3 { - font-family: "STKaiti"; - text-align: left; - text-indent: 0em; - margin-left: 0%; - margin-right: 0%; -} - -.temp-book .img { - text-align: center; - font-family: "STKaiti"; - font-size: 1em; - text-indent: 0em; -} - -.temp-book { - font-family: "瀹嬩綋", SimSun, sans-serif; -} - -.temp-book p { - margin-top: 0.5em; - text-indent: 2em; - line-height: 1.5em; - margin: 0; -} -.temp-book .cover { - width: 100%; - padding: 0px; -} -.temp-book .center { - text-align: center; - margin-left: 0%; - margin-right: 0%; - text-indent: 0em; -} -.temp-book .left { - text-indent: 0em; - margin-left: 0%; - margin-right: 0%; -} -.temp-book .right { - text-align: right; - margin-left: 0%; - margin-right: 0%; -} -.temp-book .quote { - margin-top: 0%; - margin-bottom: 0%; - margin-left: 1em; - margin-right: 1em; - text-align: justify; - font-family: "cnepub", serif; -} -.temp-book h1 { - color: #9f052f; - font-family: "cnepub", serif; - text-align: center; - font-size: 1.5em; - margin-top: 1em; - margin-bottom: 1em; - font-family: "HiFont Hei GB"; -} - -.temp-book h2 { - font-family: "cnepub", serif; - text-align: center; - font-weight: bold; - font-size: 1.3em; - margin-top: 1em; - margin-bottom: 0.2em; - font-family: "HiFont Hei GB"; -} -.temp-book h3 { - color: #00a1e9; - font-family: "cnepub", serif; - font-weight: bold; - font-size: 1.2em; - margin-top: 1em; - margin-bottom: 0.2em; - text-indent: 0em; - font-family: "HiFont Hei GB"; -} -.temp-book h4 { - font-family: "cnepub", serif; - font-weight: bold; - font-size: medium; - margin-top: 1.1em; - text-indent: 2em; - margin-bottom: 0.2em; - font-family: "HiFont Hei GB"; -} -.temp-book h5 { - color: #00a1e9; - font-family: "cnepub", serif; - font-weight: bold; - font-size: 1em; - margin-top: 0.8em; - text-indent: 2em; - margin-bottom: 0.2em; - font-family: "HiFont Hei GB"; -} -.temp-book h6 { - font-family: "cnepub", serif; - text-align: left; - font-weight: bold; - font-size: x-small; - margin-top: 1em; - margin-bottom: 0.2em; - font-family: "HiFont Hei GB"; -} -.temp-book .u { - text-decoration: underline; -} - -.temp-book .img-a { - width: 90%; -} -.temp-book .img-b { - width: 80%; -} -.temp-book .img-c { - width: 70%; -} -.temp-book .img-d { - width: 60%; -} -.temp-book .img-e { - width: 50%; -} -.temp-book .img-f { - width: 40%; -} -.temp-book .img-g { - width: 30%; -} -.temp-book .img-h { - width: 20%; -} -.temp-book .img-i { - width: 10%; -} -.temp-book .img-j { - width: 5%; -} -.temp-book .img-n { - height: 1em; -} -.temp-book .border-1 { - border: 1px solid #e6e6fa; - background-color: #e6e6fa; - border-radius: 0.6em; - padding-top: 30%; - padding-bottom: 70%; - margin: 20% 10% 20% 10%; -} -.temp-book .border-2 { - border: 1px solid #fff5ee; - background-color: #fff5ee; - border-radius: 0.6em; - padding-top: 30%; - padding-bottom: 70%; - margin: 20% 10% 20% 10%; -} - -.temp-book .img-gn { - height: 1.3em; - vertical-align: top; -} - -.temp-book .book { - margin: 0 auto; - width: 816px; -} - -.temp-book .text-center { - text-align: center; -} -.temp-book .tl { - text-align: left !important; -} -.temp-book .tl-ju { - text-align: justify; -} -.temp-book .ti2 { - text-indent: 2em !important; -} -.temp-book .lineInput { - width: 92%; - font-size: 14px; - color: #666; - border: none; - border-bottom: 1px solid #000; - outline: none; - background: transparent; -} -.temp-book .completion-input { - width: 64px !important; - color: #000 !important; -} -.temp-book .judge-input { - width: 20px; - font-size: 14px; - color: #000; - border: none; - border: 0; - outline: none; - background: transparent; -} - -.temp-book .sport-text { - font-size: 20px; - line-height: 40px; -} -.temp-book .img-text { - color: #000; - text-align: center; - font-size: 16px; - text-indent: 0em; - font-weight: 700; -} -.temp-book .text-size { - font-size: 20px; -} -.temp-book .fl { - display: flex; -} -.temp-book .fl-evenly { - justify-content: space-evenly; -} -.temp-book .fl-around { - justify-content: space-around; -} -.temp-book .fl-between { - justify-content: space-between; -} -.temp-book .fl-di { - flex-direction: column; -} -.temp-book .fl-cn { - align-items: center; -} -.temp-book .fz-18 { - font-size: 18px; -} -.temp-book .fz-16 { - font-size: 16px; -} -.temp-book .fz-14 { - font-size: 14px; -} -.temp-book .fz-12 { - font-size: 12px; -} -.temp-book .suspend-title { - white-space: nowrap; - min-width: 120px; - position: absolute; - top: -27px; - left: -15px; - background-color: #32a59e; - height: 34px; - line-height: 34px; - border-radius: 13px; - color: #fff; - text-align: center; -} -.temp-book .m0 { - margin: 0; -} -.temp-book .t0 { - text-indent: 0; -} -.temp-book .m0-t0 { - margin: 0; - text-indent: 0 !important; -} - -.temp-book .learn-btn img { - cursor: pointer; - height: 30px; -} - -.temp-book .lh { - line-height: 1.5em; - margin-top: 0.5em; -} - -body { - background-color: #e6e6e6; -} - -.temp-book .page-box { - box-sizing: border-box; - min-height: 1150px !important; - margin-bottom: 20px; - box-shadow: 0 3px 6px 1px #00000029; - background-color: #fff; -} -.temp-book .ds-bl { - display: block; -} -.temp-book ul { - list-style: none; - padding: 0; -} - -.temp-book .lh2 { - line-height: 2em; -} - -.temp-book .header-box { - position: relative; - display: flex; - justify-content: flex-end; - margin-bottom: 20px; -} - -.temp-book .header-border-box { - width: 90%; - height: 100px; - border-bottom: 1px solid #00aeef; - border-left:1px solid #00aeef ; -} - -.temp-book .header-num-box { - box-sizing: border-box; - position: absolute; - top: 50px; - width: 100%; - height: 26px !important; - line-height: 26px; - background-color: #15c0f2; - color: #fff; - padding-left: 50px; -} -.temp-book .page-header-box { - padding-top: 96px; - display: flex; - justify-content: flex-end; - align-items: flex-end; - margin-bottom: 45px; -} -.temp-book .page-header-text { - color: #616161; - font-size: 14px; -} -.temp-book .page-header-num { - display: inline-block; - width: 100px; - height: 30px; - line-height: 30px; - padding-left: 20px; - box-sizing: border-box; - background-color: #15c0f2; - color: #fff; - margin-left: 20px; - font-weight: bold; -} -.temp-book .fw-b { - font-weight: bold; -} -.temp-book .italic { - font-style: italic -} -.temp-book .mb-0 { - margin-bottom: 0; -} -.temp-book .mb-20 { - margin: 20px 0 !important; -} -.temp-book .mb-40 { - margin-bottom: 40px !important; -} -.temp-book .mb-80 { - margin-bottom: 80px !important; -} -.temp-book .ml-30 { - margin-left: 30px; -} -.temp-book .table-box { - width: 94%; - font-family: "STKaiti"; - line-height: 1.5em; -} -/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ -@media (max-width:660px) { - /* 鍒嗛〉padding */ - .temp-book .page-padding { - padding: 104px 20px; - } - .temp-book .padding-96 { - padding: 0 20px; - } - /* video澶у皬 */ - .temp-book .video-box { - max-width: 260px; - } -} -@media (min-width:660px) { - .temp-book .page-padding { - padding: 104px 96px; - } - .temp-book .padding-96 { - padding: 0 96px; - } - .temp-book .video-box { - max-width: 370px; - } -} \ No newline at end of file diff --git a/src/books/childHealth/assets/main.less b/src/books/childHealth/assets/main.less new file mode 100644 index 0000000..0a808dc --- /dev/null +++ b/src/books/childHealth/assets/main.less @@ -0,0 +1,567 @@ +.temp-book { + font-family: "瀹嬩綋", SimSun, sans-serif; + .custom_tag { + background-color: #1eb9ee; + color: #ffffff; + display: inline-block; + padding: 5px 10px; + border-radius: 8px; + font-size: 15px; + padding: 10px; + box-shadow: 9px 5px 0px 0px #eaf6fd; + margin: 0; + margin-top: 20px; + text-indent: 0em; + margin-bottom: 0.5em; + } + h6.Conclusion-title4 { + font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷"; + font-weight: normal; + font-size: 18px; + color: #ffffff; + background-color: #1eb9ee; + padding: 0.3em; + width: 7em; + text-align: center; + border-radius: 0.6em; + margin-bottom: -0.6em; + duokan-text-indent: 0em; + text-indent: 0em; + } + h6.Conclusion-title2 { + font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷"; + font-weight: normal; + font-size: 18px; + color: #ffffff; + background-color: #1eb9ee; + padding: 0.3em; + width: 6.5em; + text-align: center; + border-radius: 0.6em; + margin-bottom: -0.9em; + duokan-text-indent: 0em; + text-indent: 0em; + display: flex; + align-items: center; + justify-content: center; + } + p.blockh6 { + font-family: "STKaiti"; + font-weight: normal; + font-size: 16px; + border-style: dotted; + border-width: 2px; + border-color: #1eb9ee; + padding: 0.8em; + margin-left: 1em; + margin-top: 0em; + margin-bottom: 40px; + border-radius: 1em; + duokan-text-indent: 2em; + text-indent: 2em; + } + p.blockh6-c { + font-family: "STKaiti"; + font-weight: normal; + font-size: 16px; + border-style: dotted; + border-radius: 1em; + border-width: 2px; + border-color: #1eb9ee; + padding: 0.8em; + text-align: center; + margin-left: 1em; + margin-top: 0em; + text-indent: 0em; + margin-bottom: 20px; + text-align: center; + } + h6.Conclusion-title3 { + font-family: "DK-HEITI", "锟斤拷锟斤拷锟斤拷亭锟节硷拷锟斤拷", "锟斤拷锟斤拷"; + font-weight: normal; + font-size: 18px; + color: #ffffff; + background-color: #32a59e; + padding: 0.3em; + width: 6em; + text-align: center; + border-radius: 0.6em; + margin-bottom: -0.5em; + duokan-text-indent: 0em; + text-indent: 0em; + } + + .module_block { + display: flex; + font-size: 1.2em; + position: relative; + padding-left: 110px; + } + .module_block .custom1 { + background-color: #1eb9ee; + padding: 10px 20px; + color: #ffffff; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + } + .module_block .custom2 { + border: 4px solid #1eb9ee; + padding: 6px 5px 6px 40px; + color: #1eb9ee; + font-weight: bold; + border-radius: 1em; + } + + .fieldset { + margin-bottom: 20px; + border: dotted #1eb9ee; + border-radius: 1em; + font-size: 0.9em; /*16px;*/ + padding: 10px 10px 10px 10px; + color: #666666; + font-family: "锟斤拷锟斤拷", "锟斤拷锟斤拷"; + } + .inline { + height: 1.2em; + vertical-align: top; + } + .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 { + text-align: center; + font-family: "STKaiti"; + font-size: 1em; + text-indent: 0em; + } + + p { + margin-top: 0.5em; + text-indent: 2em; + line-height: 1.5em; + margin: 0; + } + .cover { + width: 100%; + padding: 0px; + } + .center { + text-align: center; + margin-left: 0%; + margin-right: 0%; + text-indent: 0em; + } + .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: "cnepub", serif; + } + h1 { + color: #9f052f; + font-family: "cnepub", serif; + text-align: center; + font-size: 1.5em; + margin-top: 1em; + margin-bottom: 1em; + font-family: "HiFont Hei GB"; + } + + h2 { + font-family: "cnepub", serif; + text-align: center; + font-weight: bold; + font-size: 1.3em; + margin-top: 1em; + margin-bottom: 0.2em; + font-family: "HiFont Hei GB"; + } + h3 { + color: #00a1e9; + font-family: "cnepub", serif; + font-weight: bold; + font-size: 1.2em; + margin-top: 1em; + margin-bottom: 0.2em; + text-indent: 0em; + font-family: "HiFont Hei GB"; + } + h4 { + font-family: "cnepub", serif; + font-weight: bold; + font-size: medium; + margin-top: 1.1em; + text-indent: 2em; + margin-bottom: 0.2em; + font-family: "HiFont Hei GB"; + } + h5 { + color: #00a1e9; + font-family: "cnepub", serif; + font-weight: bold; + font-size: 1em; + margin-top: 0.8em; + text-indent: 2em; + margin-bottom: 0.2em; + font-family: "HiFont Hei GB"; + } + h6 { + font-family: "cnepub", serif; + text-align: left; + font-weight: bold; + font-size: x-small; + margin-top: 1em; + margin-bottom: 0.2em; + font-family: "HiFont Hei GB"; + } + .u { + text-decoration: underline; + } + + .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; + } + .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%; + } + + .img-gn { + height: 1.3em; + vertical-align: top; + } + + .book { + margin: 0 auto; + width: 816px; + } + + .text-center { + text-align: center; + } + .tl { + text-align: left !important; + } + .tl-ju { + text-align: justify; + } + .ti2 { + text-indent: 2em !important; + } + .lineInput { + width: 90%; + font-size: 14px; + color: #666; + border: none; + border-bottom: 1px solid #15c0f2; + outline: none; + background: transparent; + } + .completion-input { + width: 64px !important; + color: #000 !important; + } + .judge-input { + width: 20px; + font-size: 14px; + color: #000; + border: none; + border: 0; + outline: none; + background: transparent; + } + + .sport-text { + font-size: 20px; + line-height: 40px; + } + .img-text { + color: #000; + text-align: center; + font-size: 16px; + text-indent: 0em; + font-weight: 700; + } + .text-size { + font-size: 20px; + } + .fl { + display: flex; + } + .fl-evenly { + justify-content: space-evenly; + } + .fl-around { + justify-content: space-around; + } + .fl-between { + justify-content: space-between; + } + .fl-di { + flex-direction: column; + } + .fl-cn { + align-items: center; + } + .fz-18 { + font-size: 18px; + } + .fz-16 { + font-size: 16px; + } + .fz-14 { + font-size: 14px; + } + .fz-12 { + font-size: 12px; + } + .suspend-title { + white-space: nowrap; + min-width: 120px; + position: absolute; + top: -27px; + left: -15px; + background-color: #32a59e; + height: 34px; + line-height: 34px; + border-radius: 13px; + color: #fff; + text-align: center; + } + .m0 { + margin: 0; + } + .t0 { + text-indent: 0; + } + .m0-t0 { + margin: 0; + text-indent: 0 !important; + } + + .learn-btn img { + cursor: pointer; + height: 30px; + } + + .lh { + line-height: 1.5em; + margin-top: 0.5em; + } + .page-box { + box-sizing: border-box; + min-height: 1150px !important; + margin-bottom: 20px; + box-shadow: 0 3px 6px 1px #00000029; + background-color: #fff; + } + .ds-bl { + display: block; + } + ul { + list-style: none; + padding: 0; + } + + .lh2 { + line-height: 2em; + } + + .header-box { + position: relative; + display: flex; + justify-content: flex-end; + margin-bottom: 20px; + } + + .header-border-box { + width: 90%; + height: 100px; + border-bottom: 1px solid #00aeef; + border-left: 1px solid #00aeef; + } + + .header-num-box { + box-sizing: border-box; + position: absolute; + top: 50px; + width: 100%; + height: 26px !important; + line-height: 26px; + background-color: #15c0f2; + color: #fff; + padding-left: 50px; + } + .page-header-box { + padding-top: 96px; + display: flex; + justify-content: flex-end; + align-items: flex-end; + margin-bottom: 45px; + } + .page-header-text { + color: #616161; + font-size: 14px; + } + .page-header-num { + display: inline-block; + width: 100px; + height: 30px; + line-height: 30px; + padding-left: 20px; + box-sizing: border-box; + background-color: #15c0f2; + color: #fff; + margin-left: 20px; + font-weight: bold; + } + .fw-b { + font-weight: bold; + } + .italic { + font-style: italic; + } + .mb-0 { + margin-bottom: 0; + } + .mb-20 { + margin: 20px 0 !important; + } + .mb-40 { + margin-bottom: 40px !important; + } + .mb-80 { + margin-bottom: 80px !important; + } + .ml-30 { + margin-left: 30px; + } + .table-box { + width: 94%; + font-family: "STKaiti"; + line-height: 1.5em; + } +} + +body { + background-color: #e6e6e6; +} + +/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */ +@media (max-width: 660px) { + .temp-book { + /* 鍒嗛〉padding */ + .page-padding { + padding: 104px 20px; + } + .padding-96 { + padding: 0 20px 104px 20px; + } + /* video澶у皬 */ + .video-box { + max-width: 260px; + } + } +} +@media (min-width: 660px) { + .temp-book { + .page-padding { + padding: 104px 96px; + } + .padding-96 { + padding: 0 96px 104px 96px; + } + .video-box { + max-width: 370px; + } + } +} diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue index 1f5ede7..b6b7937 100644 --- a/src/books/childHealth/view/content/components/chapter001.vue +++ b/src/books/childHealth/view/content/components/chapter001.vue @@ -42,6 +42,7 @@ /> </p> </div> + <!-- 2 --> <div class="chapterOne"> <div class="page-box" style="padding-bottom: 50px"> <div class="header-box"> @@ -53,10 +54,14 @@ </div> <div class="padding-96"> <h6 class="Conclusion-title2">鈥㈤澶囧涔犫��</h6> - <p class="blockh6-c tl ti2"> - 浜茬埍鐨勫悓瀛︿滑锛屽湪寮�濮嬪涔犫�滆繍鍔ㄧ郴缁熲�濅箣鍓嶏紝鍜变滑鍏堥�氳繃瑙嗛瀛︿範鈥滀汉浣撴杩扳�濆苟瀹屾垚鐩稿叧缁冧範銆傝鎵弿涓嬮潰鐨勪簩缁寸爜锛屽紑濮嬪挶浠殑棰勫瀛︿範涔嬫梾鍚э紒 + <p class="blockh6-c tl ti2 " > + <span style="margin:10px 0;display:block"> + 浜茬埍鐨勫悓瀛︿滑锛屽湪寮�濮嬪涔犫�滆繍鍔ㄧ郴缁熲�濅箣鍓嶏紝鍜变滑鍏堥�氳繃瑙嗛瀛︿範鈥滀汉浣撴杩扳�濆苟瀹屾垚鐩稿叧缁冧範銆傝鎵弿涓嬮潰鐨勪簩缁寸爜锛屽紑濮嬪挶浠殑棰勫瀛︿範涔嬫梾鍚э紒 + </span> + <span class="span-border"></span> <span class="fl fl-cn mb-20"> - <span>鑷富瀛︿範浠诲姟鍗�</span> + <span class="learn-title-text">鑷富瀛︿範浠诲姟鍗曪細</span> + <span style="text-indent:0">涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗�</span> <img src="../../../assets/images/icon/document.png" alt="" @@ -65,30 +70,30 @@ class="btn" /> </span> - <span class="span-border" v-if="learnTbaleOne"> <table + v-if="learnTbaleOne" align="center" border="1" cellpadding="10" cellspacing="0" - style="width: 94%" + style="width: 100%;border-color:#e9e9e9" > - <caption class="fw-b" style="font-size: 18px; margin: 20px 0"> + <!-- <caption class="fw-b" style="font-size: 18px; margin: 20px 0"> 鑷富瀛︿範浠诲姟鍗曪細涓撻涓�瀛︿範涓婚涓� 杩愬姩绯荤粺鑷富瀛︿範浠诲姟鍗� - </caption> + </caption> --> <tr> - <th>涓�銆佸涔犳寚鍗�</th> + <th class="primary-color">涓�銆佸涔犳寚鍗�</th> </tr> <tr> <td> - <span class="ds-bl">(涓�)瀛︿範鍐呭</span> + <span class="ds-bl primary-color">(涓�)瀛︿範鍐呭</span> <span class="ds-bl">涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span> <span class="ds-bl">瀛︿範涓婚涓� 杩愬姩绯荤粺</span> </td> </tr> <tr> <td> - <span class="ds-bl">(浜�)杈炬垚鐩爣</span> + <span class="ds-bl primary-color">(浜�)杈炬垚鐩爣</span> <span class="ds-bl">1.浜嗚В杩愬姩绯荤粺鐨勭粍鎴愬強鍔熻兘銆�</span> <span class="ds-bl" >2.鎺屾彙瀛﹀墠鍎跨楠ㄩ銆佽倢鑲夈�佸叧鑺傜殑鐗圭偣銆�</span @@ -103,7 +108,7 @@ </tr> <tr> <td> - <span class="ds-bl">(涓�)瀛︿範鏂规硶寤鸿</span> + <span class="ds-bl primary-color">(涓�)瀛︿範鏂规硶寤鸿</span> <span class="ds-bl">缁勫悎瀛︿範鏂规硶锛屼换鍔″崟+闃呰+瑙嗛</span> <span class="ds-bl" >1.闃呰锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span @@ -115,7 +120,7 @@ </tr> <tr> <td> - <span class="ds-bl">(鍥�)璇句欢瀛︿範褰㈠紡棰勫憡</span> + <span class="ds-bl primary-color">(鍥�)璇句欢瀛︿範褰㈠紡棰勫憡</span> <span class="ds-bl" >1.娴嬮獙锛氭暀鏉愩�佹暀瀛﹁浠跺強琛ュ厖鏉愭枡銆�</span > @@ -125,68 +130,68 @@ </td> </tr> <tr> - <th>浜屻�佸涔犱换鍔�</th> + <th class="primary-color">浜屻�佸涔犱换鍔�</th> </tr> <tr> <td> <span class="ds-bl" >1.浜轰綋杩愬姩绯荤粺鐢卞摢涓変釜閮ㄥ垎缁勬垚锛熷悇閮ㄥ垎鐨勫姛鑳藉紡浠�涔堬紵</span > - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> <span class="ds-bl" >2.瀛﹀墠鍎跨鐨勯锛堥锛夋湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ュ浣曚繚鍋ワ紵</span > - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> <span class="ds-bl" >3.涓轰粈涔堝鍓嶅効绔ヤ笉瀹滀粠浜嬫嫈娌炽�佹攢宀┿�佸紩浣撳悜涓婄瓑娲诲姩锛�</span > - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> <span class="ds-bl" >4.瀛﹀墠鍎跨楠ㄩ鑲屾湁浠�涔堢壒鐐癸紵杩愬姩杩囩▼涓簲璇ユ敞鎰忓摢浜涗簨椤癸紵</span > - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> <span class="ds-bl" >5.骞煎効鍥兘缁勭粐骞煎効缁冧範鍐欏瓧鍚楋紵涓轰粈涔堬紵</span > - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> <span class="ds-bl" >6.瀛﹀墠鍎跨鐨勫叧鑺傛湁浠�涔堢壒鐐癸紵鏃ュ父鐢熸椿涓簲璇ユ敞鎰忓摢浜涢棶棰橈紵</span > - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> <span class="ds-bl" >7.浠�涔堟槸鎵佸钩瓒筹紵鎬庢牱棰勯槻瀛﹀墠鍎跨褰㈡垚鎵佸钩瓒筹紵</span > - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> <span class="ds-bl" >8.瀛﹀墠鍎跨杩愬姩绯荤粺鐨勪繚鑲茶鐐规湁鍝簺锛�</span > - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> <span class="ds-bl" >9.鏃ュ父淇濇暀娲诲姩涓紝濡備綍绉戝缁勭粐浣撹偛閿荤偧鍜屾埛澶栨椿鍔紵</span > - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> - <input type="text" class="lineInput" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> + <input type="text" class="lineInput w100" /> </td> </tr> <tr> - <th>涓夈�佸涔犲弽棣�</th> + <th class="primary-color">涓夈�佸涔犲弽棣�</th> </tr> <tr> <td> @@ -196,9 +201,9 @@ </td> </tr> </table> - </span> + <span class="span-border"></span> <span class="fl fl-cn mb-20"> - <span>瑙嗛锛氫汉浣撴杩�</span> + <span class="learn-title-text">瑙嗛锛氫汉浣撴杩�</span> <img src="../../../assets/images/icon/video.png" alt="" @@ -218,11 +223,12 @@ x5-video-player-fullscreen="true" x5-playsinline="" controls - style="width: 92%; padding: 20px; border: 2px dotted #1eb9ee" + style="width: 100%; border:1px dotted #15c0f2" ></video> </span> + <span class="span-border"></span> <span class="fl fl-cn mb-20"> - <span>浜戞祴璇曪細浜轰綋姒傝堪</span> + <span class="learn-title-text">浜戞祴璇曪細浜轰綋姒傝堪</span> <img src="../../../assets/images/icon/topic.png" alt="" @@ -231,24 +237,12 @@ class="btn" /> </span> - <span class="span-border" v-if="testOne"> <examinations + v-if="testOne" ref="examinationOne" :productLinkPath="productLinkPath" ></examinations> - </span> </p> - </div> - </div> - <!-- 3 --> - <div class="page-box" style="padding: 0 0 68px 0"> - <div class="page-header-box"> - <span class="page-header-text" - >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span - > - <span class="page-header-num">3</span> - </div> - <div class="padding-96"> <h2 class="module_block" id="b001" style="margin: 0"> <div class="custom1">瀛︿範涓婚涓�</div> <div class="custom2">杩愬姩绯荤粺</div> @@ -311,14 +305,13 @@ </div> </div> </div> - <!-- 4 --> + <!-- 3 --> <div class="page-box"> - <div class="header-box"> - <div class="header-border-box"></div> - <div class="header-num-box"> - <span class="fw-b italic">4</span> - <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> - </div> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">3</span> </div> <div class="padding-96"> <h5 id="e002">2.楠ㄦ煍闊э紝鏄撳彉褰�</h5> @@ -333,15 +326,21 @@ <p class="text-left text-height lh2 mb-0"> 楠ㄧ泦鏄敱宸︺�佸彸楂嬮涓庤剨鏌变笅閮ㄧ殑楠堕鍜屽熬楠ㄥ�熼杩炵粨鏋勬垚鐨勯鎬ц厰銆傚┐骞煎効鏃舵湡锛岄珛楠ㄧ敱楂傞銆佸潗楠ㄥ拰鑰婚鍊熻蒋楠ㄨ繛缁撹捣鏉ワ紝绾�16宀佹椂涓夐瀹屽叏铻嶅悎銆傜敺濂抽鐩嗗湪褰㈡�佷笂锛屽埌10宀佸乏鍙冲紑濮嬪嚭鐜板樊鍒紝濂虫�у鑰岀煭锛岀敺鎬х獎鑰岄暱銆� </p> + <p class="text-left text-height lh2"> + 瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌¢暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆� + </p> + <p class="text-left text-height lh2"> + 瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌¢暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆� + </p> <div class="fl"> <div class="bottom-left" style="width: 65%"> - <p class="text-left text-height lh2"> - 瀛﹀墠鍎跨鐨勯鐩嗗拰鎴愪汉涓嶅悓锛岃繕娌¢暱缁撳疄锛屽湪韫﹁烦鏃惰娉ㄦ剰瀹夊叏銆傛瘮濡傦紝骞煎効浠庨珮澶勫線纭湴涓婅烦锛屽氨鍙兘瀵艰嚧缁勬垚楠ㄧ泦鐨勯鍙戠敓涓嶆槗瀵熻鐨勭Щ浣嶏紝浣块鐩嗗彉褰€�傝嫢濂崇楠ㄧ泦鍙樺舰锛屽皢浼氱洿鎺ュ奖鍝嶆垚骞村悗鐨勬甯哥敓鐞嗗姛鑳斤紝杩欎竴鐐瑰簲寮曡捣瀹堕暱鍜屾暀甯堢殑鐗瑰埆娉ㄦ剰銆� - </p> <h5 id="e005">5.鑴婃煴鐨勭敓鐞嗗集鏇茶繕鏈畾鍨�</h5> <p class="text-left text-height lh2 mb-0"> - 鑴婃煴鏄汉浣撶殑涓昏鏀煴锛岀敱24鍧楁楠ㄣ��1鍧楅楠ㄥ拰1鍧楀熬楠ㄥ�熷姪妞庨棿鐩樸�侀煣甯﹀拰妞庨棿鍏宠妭杩炵粨鑰屾垚銆傛垚浜鸿剨鏌辨湁4涓敓鐞嗗集鏇诧紝鍗抽鏇层�佽兏鏇层�佽叞鏇插拰楠舵洸锛堣鍥�1-2锛夈�傝繖浜涘集鏇茬殑褰㈡垚鏃㈡湁鍒╀簬淇濇寔韬綋骞宠 锛岃繕鍙鍔犺剨鏌辨湰 + 鑴婃煴鏄汉浣撶殑涓昏鏀煴锛岀敱24鍧楁楠ㄣ��1鍧楅楠ㄥ拰1鍧楀熬楠ㄥ�熷姪妞庨棿鐩樸�侀煣甯﹀拰妞庨棿鍏宠妭杩炵粨鑰屾垚銆傛垚浜鸿剨鏌辨湁4涓敓鐞嗗集鏇诧紝鍗抽鏇层�佽兏鏇层�佽叞鏇插拰楠舵洸锛堣鍥�1-2锛夈�傝繖浜涘集鏇茬殑褰㈡垚鏃㈡湁鍒╀簬淇濇寔韬綋骞宠 锛岃繕鍙鍔犺剨鏌辨湰韬殑寮规�э紝鍓х儓杩愬姩鏃剁紦鍐插鑴戝拰鍐呰剰鐨勫啿鍑讳笌闇囪崱銆傝儦鑳庨樁娈佃剨鏌辨暣浣撳舰鎴愬悗鍑革紝鍑虹敓鍚庯紝淇崸鎶ご鍙戝睍杩囩▼涓舰鎴愰鏇诧紝閫愭鐩寸珛鍙戝睍杩囩▼涓舰鎴愯叞鏇诧紝鐩村埌绗�6骞村勾搴曟墠缁撴潫銆傝剨鏌辩殑鐢熺悊鎬у集鏇插湪濠村辜鍎挎椂鏈熻櫧宸插舰鎴愶紝浣嗚繕鏈畾鍨嬶紝涓�鑸湪18锝�25宀佹墠鑳藉畬鎴愬畾鍨嬨�� </p> + <h4 id="d002">锛堜簩锛夐楠艰倢</h4> + <h5 id="e006">1.楠ㄨ兂鑲屽鏄撶柌鍔�</h5> + <p>鏂扮敓鍎块楠艰倢鐨勮川閲忎粎鍗犱綋閲嶇殑1/5宸﹀彸锛岄殢鐫�骞撮緞</p> </div> <div class="bottom-right" style="width: 35%"> <el-carousel @@ -366,26 +365,21 @@ </div> </div> <p class="m0-t0 lh2 tl-ju"> - 韬殑寮规�э紝鍓х儓杩愬姩鏃剁紦鍐插鑴戝拰鍐呰剰鐨勫啿鍑讳笌闇囪崱銆傝儦鑳庨樁娈佃剨鏌辨暣浣撳舰鎴愬悗鍑革紝鍑虹敓鍚庯紝淇崸鎶ご鍙戝睍杩囩▼涓舰鎴愰鏇诧紝閫愭鐩寸珛鍙戝睍杩囩▼涓舰鎴愯叞鏇诧紝鐩村埌绗�6骞村勾搴曟墠缁� </p> </div> </div> - <!-- 5 --> + <!-- 4 --> <div class="page-box"> - <div class="page-header-box"> - <span class="page-header-text" - >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span - > - <span class="page-header-num">5</span> - </div> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">4</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> <div class="padding-96"> - <p class="m0-t0 lh2 tl-ju"> - 鏉熴�傝剨鏌辩殑鐢熺悊鎬у集鏇插湪濠村辜鍎挎椂鏈熻櫧宸插舰鎴愶紝浣嗚繕鏈畾鍨嬶紝涓�鑸湪18锝�25宀佹墠鑳藉畬鎴愬畾鍨嬨�� - </p> - <h4 id="d002">锛堜簩锛夐楠艰倢</h4> - <h5 id="e006">1.楠ㄨ兂鑲屽鏄撶柌鍔�</h5> - <p class="lh2"> - 鏂扮敓鍎块楠艰倢鐨勮川閲忎粎鍗犱綋閲嶇殑1/5宸﹀彸锛岄殢鐫�骞撮緞鐨勫闀匡紝楠ㄩ鑲屽崰浣撻噸鐨勭櫨鍒嗘瘮閫愭笎涓婂崌锛�5宀佹椂杈�1/3宸﹀彸锛岃�屽埌闈掓槬鍙戣偛鏈熻揪杩�1/2銆傚鍓嶅効绔ラ楠艰倢涓墍鍚按鍒嗙浉瀵硅緝澶氾紝铔嬬櫧璐ㄣ�佽倢绯栧師鍜屾棤鏈虹洂杈冩垚浜哄皯锛屽洜姝わ紝鑲岃倝鏌斿锛屾敹缂╁姏杈冨樊锛屽姏閲忓皬锛屾槗鐤插姵銆備絾鐢变簬鏂伴檲浠h阿鏃虹洓锛屽鍓嶅効绔ョ柌鍔冲悗鎭㈠杈冨揩銆傚勾榫勮秺灏忥紝杩欎簺鐗圭偣瓒婃槑鏄俱�� + <p class="lh2 t0"> + 鐨勫闀匡紝楠ㄩ鑲屽崰浣撻噸鐨勭櫨鍒嗘瘮閫愭笎涓婂崌锛�5宀佹椂杈�1/3宸﹀彸锛岃�屽埌闈掓槬鍙戣偛鏈熻揪杩�1/2銆傚鍓嶅効绔ラ楠艰倢涓墍鍚按鍒嗙浉瀵硅緝澶氾紝铔嬬櫧璐ㄣ�佽倢绯栧師鍜屾棤鏈虹洂杈冩垚浜哄皯锛屽洜姝わ紝鑲岃倝鏌斿锛屾敹缂╁姏杈冨樊锛屽姏閲忓皬锛屾槗鐤插姵銆備絾鐢变簬鏂伴檲浠h阿鏃虹洓锛屽鍓嶅効绔ョ柌鍔冲悗鎭㈠杈冨揩銆傚勾榫勮秺灏忥紝杩欎簺鐗圭偣瓒婃槑鏄俱�� </p> <h5 id="e007">2.澶ц倢鑲夌兢鍙戣偛鏃┿�佸皬鑲岃倝缇ゅ彂鑲叉櫄</h5> <p class="lh2"> @@ -412,18 +406,6 @@ <p class="tl">鍏宠妭妯″紡瑙佸浘1-3銆�</p> </div> </div> - </div> - </div> - <!-- 6 --> - <div class="page-box"> - <div class="header-box"> - <div class="header-border-box"></div> - <div class="header-num-box"> - <span class="fw-b italic">6</span> - <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> - </div> - </div> - <div class="padding-96"> <div class="fl"> <div class="left" style="width: 30%"> <el-carousel @@ -457,6 +439,19 @@ </p> </div> </div> + </div> + </div> + <!-- 6 --> + <div class="page-box"> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">6</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> + <div class="padding-96"> + <h3 id="c002">浜屻�佸鍓嶅効绔ヨ繍鍔ㄧ郴缁熺殑淇濆仴</h3> <h4 id="d004">锛堜竴锛夋寚瀵煎鍓嶅効绔ヤ繚鎸佹纭Э鍔匡紝闃叉鑴婃煴鍜岃兏寤撶暩褰�</h4> <p class="lh2"> @@ -770,9 +765,7 @@ <p class="lh2"> 瀛﹀墠鍎跨榧绘梺绐﹀皻鏈彂鑲插畬鍏紝闅忕潃骞撮緞鐨勫闀匡紝闈㈤楠ㄩ�愭笎鍙戣偛锛岄蓟鏃佺鎵嶉�愭笎鍙戣偛瀹屽杽銆傚洜姝わ紝瀛﹀墠鍎跨铏界劧瀹规槗鍙戠敓涓婂懠鍚搁亾鎰熸煋锛屼絾鏋佸皯鍑虹幇榧荤鐐庛�傞蓟涓殧鍓嶄笅鏂硅绠′赴瀵岋紝瀹规槗鍥犲共鐕ャ�佸浼ょ瓑鍑鸿锛岀О涓衡�滄槗鍑鸿鍖衡�濄�� </p> - <p class="lh2"> - 瀛﹀墠鍎跨榧绘唱绠¤緝鐭紝寮�鍙d簬 - </p> + <p class="lh2">瀛﹀墠鍎跨榧绘唱绠¤緝鐭紝寮�鍙d簬</p> </div> <div class="right" style="width: 60%"> <video @@ -790,7 +783,9 @@ <p class="img">瑙嗛锛氬鍓嶅効绔ュ懠鍚搁亾鐨勯槻寰$壒鐐逛笌淇濆仴</p> </div> </div> - <p class="t0 lh2">鐪煎唴鐪︼紝鐡h啘鍙戣偛涓嶅叏銆傚洜姝わ紝濡傛灉涓婂懠鍚搁亾鎰熸煋锛岀梾鑿屽彲浠ラ�氳繃榧绘唱绠′镜鍙婄溂缁撹啘锛屽紩鍙戞唱鍥婄値銆佺粨鑶滅値绛夈��</p> + <p class="t0 lh2"> + 鐪煎唴鐪︼紝鐡h啘鍙戣偛涓嶅叏銆傚洜姝わ紝濡傛灉涓婂懠鍚搁亾鎰熸煋锛岀梾鑿屽彲浠ラ�氳繃榧绘唱绠′镜鍙婄溂缁撹啘锛屽紩鍙戞唱鍥婄値銆佺粨鑶滅値绛夈�� + </p> <h5 id="e013">2.鍜�</h5> <p class="lh2"> 鍜藉垎鍒互杞叚娓哥缂樺拰浼氬帉涓婄紭涓虹晫锛屽垎涓洪蓟鍜姐�佸彛鍜藉拰鍠夊捊锛屽湪濠村効鏈熺浉瀵圭嫮灏忥紝鏂瑰悜鍨傜洿銆傚鍓嶅効绔ュ捊榧撶杈冨銆佺煭锛岃�屼笖骞崇洿锛屾晠涓婂懠鍚搁亾鎰熸煋鏃讹紝鐥呭師浣撳鏄撲镜鍏ヤ腑鑰筹紝寮曞彂涓�崇値锛屾崯浼ゅ惉鍔涖�� @@ -809,7 +804,8 @@ </p> <h5 id="e015">4.姘旂銆佹敮姘旂</h5> <p class="lh2"> - 瀛﹀墠鍎跨姘旂鍜屾敮姘旂绠¤厰杈冩垚浜虹嫮绐勶紝绠″鏌旇蒋锛岃倢鑲夊彂鑲蹭笉瀹屽杽锛岀己涔忓脊鎬х粍缁囷紱 榛忚啘琛�绠′赴瀵岋紝榛忔恫鑵哄垎娉屼笉瓒宠�岃緝骞茬嚗锛岄粡鑶滅氦姣涜繍鍔ㄨ緝宸紝涓嶈兘寰堝ソ鍦版帓闄ゅ井鐢熺墿鍙婇粡娑诧紝鍥犺�岃嫢鍙戠敓鎰熸煋锛屾槗鍑虹幇鍛煎惛鍥伴毦銆� + 瀛﹀墠鍎跨姘旂鍜屾敮姘旂绠¤厰杈冩垚浜虹嫮绐勶紝绠″鏌旇蒋锛岃倢鑲夊彂鑲蹭笉瀹屽杽锛岀己涔忓脊鎬х粍缁囷紱 + 榛忚啘琛�绠′赴瀵岋紝榛忔恫鑵哄垎娉屼笉瓒宠�岃緝骞茬嚗锛岄粡鑶滅氦姣涜繍鍔ㄨ緝宸紝涓嶈兘寰堝ソ鍦版帓闄ゅ井鐢熺墿鍙婇粡娑诧紝鍥犺�岃嫢鍙戠敓鎰熸煋锛屾槗鍑虹幇鍛煎惛鍥伴毦銆� </p> </div> <div class="right" style="width: 20%"> @@ -821,68 +817,95 @@ </div> </div> </div> - - <p class="m0-t0"> - - </p> - <h5 id="e016">5.鑲�</h5> - <p> - 鍦ㄨ儙鍎挎椂鏈燂紝鑲哄凡鍙戣偛锛屽嚭鐢熷悗闅忕潃骞撮緞鐨勫闀匡紝鑲鸿繘涓�姝ュ彂鑲诧紝涓昏鏄偤娉$殑鍒嗗寲銆傝偤娉℃暟閲忓湪鍑虹敓鏃剁害涓�200涓囷紝8宀佹椂澧炶嚦1 - 400涓囧乏鍙筹紝鎴愪汉涓�3浜匡綖4浜匡紱鑲烘场闈㈢Н鐨勫闀挎瘮浣撹〃闈㈢Н鏄庢樉锛屼粠鍑虹敓鑷虫垚骞达紝姘斾綋浜ゆ崲闈㈢Н澧炲姞浜�20鍊嶅乏鍙筹紝鎬婚潰绉害涓�100骞虫柟绫筹紱鑷嚭鐢熷埌鐢熼暱鍙戣偛鍋滄锛岃偤鐨勮川閲忓鍔犱簡澶х害20鍊嶃�� - </p> - <p> - 瀛﹀墠鍎跨鑲哄脊鍔涚粍缁囧彂鑲茶緝宸紝琛�绠′赴瀵岋紝鑲哄惈琛�澶氾紝鍚皵灏戯紝鑲洪棿璐ㄥ彂鑲叉椇鐩涳紝鑲烘场鏁伴噺灏戯紝鍥犺�屾劅鏌撴椂瀹规槗瀵艰嚧榛忔恫鍫靛锛屽苟寮曡捣鑲轰笉寮犮�佽偤姘旇偪鍙婅偤鐦�琛�绛夈�� - </p> - <h4 id="d010">锛堜簩锛夊懠鍚歌繍鍔ㄧ殑鐗圭偣</h4> - <p> - 瀛﹀墠鍎跨鏂伴檲浠h阿鏃虹洓锛屽湪鏂伴檲浠h阿杩囩▼涓紝鏈轰綋闇�姘ч噺鐩稿姣旀垚浜哄锛屽彧鏈夊姞蹇懠鍚搁鐜囨墠鑳芥弧瓒宠嚜韬姘ф皵鐨勯渶姹傞噺锛屾墍浠ワ紝骞撮緞瓒婂皬锛屽懠鍚搁鐜囪秺蹇�傛柊鐢熷効姣忓垎閽熷懠鍚�40锝�44娆★紝1宀佷互鍐呯害30娆★紝1锝�3宀�25锝�30娆★紝4锝�7宀佺害22娆°�備笉鍚屽勾榫勭殑浜虹殑鍛煎惛棰戠巼瑙佽〃1-1銆� - </p> - <p class="img">琛�1-1 涓嶅悓骞撮緞鐨勪汉鐨勫懠鍚搁鐜�</p> - <p class="center"> - <el-image :src="tableOne" :preview-src-list="[tableOne]" /> - </p> - <p> - 鍥犺皟鑺傚懠鍚歌繍鍔ㄧ殑绁炵粡涓灑鍙戣偛灏氭湭瀹屽杽锛屽鍓嶅効绔ュ懠鍚歌妭寰嬪父涓嶇ǔ瀹氥�傚洜鍛煎惛鑲岃緝寮憋紝鎵�浠ュ鍓嶅効绔ヤ互鑵瑰紡鍛煎惛涓轰富銆� - </p> - <h3 id="c004">浜屻�佸鍓嶅効绔ュ懠鍚哥郴缁熺殑淇濆仴锛烇紴锛烇紴锛烇紴</h3> - <h4 id="d011">锛堜竴锛夊煿鍏诲鍓嶅効绔ヨ壇濂界殑鍗敓涔犳儻</h4> - <p> - 绗竴锛屾垝闄ょ敤鍙e懠鍚哥殑涔犳儻銆傜敤鍙e懠鍚告槸涓�绉嶄笉鑹範鎯紝搴斿綋鎴掗櫎銆傞鍏堬紝瀹冧細瀵艰嚧绌烘皵涓殑鐏板皹銆佺粏鑿屼笉缁忚繃榧绘瘺鍙婇蓟榛忚啘鐨勬竻娲佽繃婊よ�岃繘鍏ヤ綋鍐咃紝涔呰�屼箙涔嬩細閫犳垚鍛煎惛绯荤粺鍜屾秷鍖栫郴缁熺柧鐥呫�傚叾娆★紝鐢变簬瀛﹀墠鍎跨鑲洪儴鎵╁紶涓嶅叏锛岄暱鏈熺敤鍙e懠鍚镐細褰卞搷鑳稿粨鍙戣偛锛屽舰鎴愭紡鏂楄兏銆傚啀娆★紝鐢ㄥ彛鍛煎惛浼氫娇鐫$湢涓嶅畨绋筹紝褰卞搷绮惧姏鍜屼綋鍔涙仮澶嶃�傛澶栵紝鐢ㄥ彛鍛煎惛杩樻湁鍙兘瀵艰嚧娑堝寲涓嶈壇锛岀瓑绛夈�傛�讳箣锛屼竴鏃﹀彂鐜板鍓嶅効绔ユ湁鐢ㄥ彛鍛煎惛鐨勪笉鑹範鎯紝鍔″繀鍙婃椂閲囧彇鎺柦杩涜鐭锛屼互浣垮叾鍏绘垚鐢ㄩ蓟鍛煎惛鐨勮壇濂戒範鎯�� - </p> - <p> - 绗簩锛岀姝㈢敤鎵嬫寲榧诲瓟銆傜敤鎵嬫寲榧诲瓟涔熸槸涓�绉嶅潖涔犳儻锛岄渶瑕佸強鏃舵敼姝c�傚洜涓哄畠浼氫娇榧绘瘺鑴辫惤锛岄粡鑶滄崯浼わ紝鐢氳嚦瀵艰嚧琛�绠$牬瑁傚紩璧峰嚭琛�銆傚彟澶栵紝鎵嬫寚鍙婃寚鐢茬紳涓殑鐥呰弻涔熶細闅忎箣鍏ヤ镜榧昏厰锛屽彲鑳戒細寮曡捣榧昏厰鎰熸煋锛岀敋鑷虫槸鏇翠负涓ラ噸鐨勫苟鍙戠棁銆傛澶栵紝闀挎湡鐢ㄦ墜鎸栭蓟瀛旓紝杩樻湁鍙兘浣垮鍓嶅効绔ュ舰鎴愨�滄湞澶╅蓟鈥濄�� - </p> - <p> - 绗笁锛屾暀鑲插鍓嶅効绔ュ挸鍡姐�佹墦鍠峰殢鏃讹紝涓嶈闈㈠浠栦汉锛岃鐢ㄧ焊宸剧瓑鎹備綇鍙i蓟锛涙暀缁欏鍓嶅効绔ユ纭殑鎿ら蓟娑曟柟娉曘�� - </p> - <p>绗洓锛屼笉瑕佽瀛﹀墠鍎跨钂欏ご鐫$湢锛屼互淇濊瘉鐫¤鏃跺惛鍏ユ柊椴滅┖姘斻��</p> - <h4 id="d012">锛堜簩锛変繚鎸佸鍐呯┖姘旀柊椴�</h4> - <p> - 鏂伴矞绌烘皵閲岀梾鑿屽皯骞舵湁鍏呰冻鐨勬哀姘旓紝鑳戒績杩涗汉浣撶殑鏂伴檲浠h阿锛岃繕鍙互澧炲己瀛﹀墠鍎跨瀵瑰鐣屾皵鍊欏彉鍖栫殑閫傚簲鑳藉姏銆傚洜姝わ紝瀹ゅ唴搴旂粡甯稿紑绐楅�氶鎹㈡皵銆� - </p> - <h4 id="d013">锛堜笁锛夌瀛︾粍缁囦綋鑲查敾鐐煎拰鎴峰娲诲姩</h4> - <p> - 缁忓父鍙傚姞浣撹偛閿荤偧鍜屾埛澶栨椿鍔紝鍙互澧炲己瀛﹀墠鍎跨鍛煎惛鑲岀殑鍔涢噺锛屼績杩涘叾鑳稿粨鍜岃偤鐨勬甯稿彂鑲诧紝澧炲姞鑲烘椿閲忋�傛埛澶栨椿鍔ㄨ繕鑳芥彁楂樺懠鍚哥郴缁熷鐤剧梾鐨勬姷鎶楀姏锛岄闃插懠鍚搁亾鎰熸煋銆� - </p> - <p> - 鍦ㄧ粍缁囧鍓嶅効绔ュ紑灞曚綋鑲叉父鎴忋�佷綋鎿嶃�佽窇姝ョ瓑娲诲姩鏃讹紝搴旀敞鎰忚鍎跨閰嶅悎鍔ㄤ綔锛岃嚜鐒惰�屾纭湴鍔犳繁鍛煎惛锛屼娇鑲洪儴鍏呭垎鍚歌繘姘ф皵锛屾帓鍑轰簩姘у寲纰炽�� - </p> - <h4 id="d014">锛堝洓锛変弗闃插懠鍚搁亾寮傜墿</h4> - <p> - 鍩瑰吇瀛﹀墠鍎跨瀹夐潤杩涢鐨勪範鎯紝涓嶈杈瑰悆杈硅绗戙�傛暀鑲插効绔ヤ笉瑕佽竟鐜╄竟鍚冨皬椋熷搧锛屾洿涓嶅彲鎶涜捣鏉モ�滄帴椋熲�濓紝闃叉椋熺墿鍛涘叆姘旂銆� - </p> - <p> - 鏁欒偛瀛﹀墠鍎跨鐜╃幓鐠冪悆銆佺‖甯併�佺航鎵c�佽眴绫荤瓑灏忎笢瑗挎椂瑕佺壒鍒敞鎰忥紝鏇翠笉鑳藉皢瀹冧滑鏀惧叆榧昏厰锛屼弗闃插懠鍚搁亾寮傜墿鐨勫彂鐢熴�� - </p> - <h6 class="Conclusion-title2"> - <img class="img-gn" alt="" src="../../../assets/images/icon/ycs.png" /> - 浜戞祴璇� - </h6> - <p class="blockh6-c"> - <!-- <img class="img-g" alt="" src="image/0022-1.jpg" /><br /> --> - <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> - </p> - + <!-- 12 --> + <div class="page-box"> + <div class="header-box"> + <div class="header-border-box"></div> + <div class="header-num-box"> + <span class="fw-b italic">12</span> + <span class="ml-30">瀛﹀墠鍎跨鍗敓涓庝繚鍋ワ紙绗�3鐗堬級</span> + </div> + </div> + <div class="padding-96"> + <h5 id="e016">5.鑲�</h5> + <p class="lh2"> + 鍦ㄨ儙鍎挎椂鏈燂紝鑲哄凡鍙戣偛锛屽嚭鐢熷悗闅忕潃骞撮緞鐨勫闀匡紝鑲鸿繘涓�姝ュ彂鑲诧紝涓昏鏄偤娉$殑鍒嗗寲銆傝偤娉℃暟閲忓湪鍑虹敓鏃剁害涓�200涓囷紝8宀佹椂澧炶嚦1 + 400涓囧乏鍙筹紝鎴愪汉涓�3浜匡綖4浜匡紱鑲烘场闈㈢Н鐨勫闀挎瘮浣撹〃闈㈢Н鏄庢樉锛屼粠鍑虹敓鑷虫垚骞达紝姘斾綋浜ゆ崲闈㈢Н澧炲姞浜�20鍊嶅乏鍙筹紝鎬婚潰绉害涓�100骞虫柟绫筹紱鑷嚭鐢熷埌鐢熼暱鍙戣偛鍋滄锛岃偤鐨勮川閲忓鍔犱簡澶х害20鍊嶃�� + </p> + <p class="lh2"> + 瀛﹀墠鍎跨鑲哄脊鍔涚粍缁囧彂鑲茶緝宸紝琛�绠′赴瀵岋紝鑲哄惈琛�澶氾紝鍚皵灏戯紝鑲洪棿璐ㄥ彂鑲叉椇鐩涳紝鑲烘场鏁伴噺灏戯紝鍥犺�屾劅鏌撴椂瀹规槗瀵艰嚧榛忔恫鍫靛锛屽苟寮曡捣鑲轰笉寮犮�佽偤姘旇偪鍙婅偤鐦�琛�绛夈�� + </p> + <h4 id="d010">锛堜簩锛夊懠鍚歌繍鍔ㄧ殑鐗圭偣</h4> + <p class="lh2"> + 瀛﹀墠鍎跨鏂伴檲浠h阿鏃虹洓锛屽湪鏂伴檲浠h阿杩囩▼涓紝鏈轰綋闇�姘ч噺鐩稿姣旀垚浜哄锛屽彧鏈夊姞蹇懠鍚搁鐜囨墠鑳芥弧瓒宠嚜韬姘ф皵鐨勯渶姹傞噺锛屾墍浠ワ紝骞撮緞瓒婂皬锛屽懠鍚搁鐜囪秺蹇�傛柊鐢熷効姣忓垎閽熷懠鍚�40锝�44娆★紝1宀佷互鍐呯害30娆★紝1锝�3宀�25锝�30娆★紝4锝�7宀佺害22娆°�備笉鍚屽勾榫勭殑浜虹殑鍛煎惛棰戠巼瑙佽〃1-1銆� + </p> + <p class="img">琛�1-1 涓嶅悓骞撮緞鐨勪汉鐨勫懠鍚搁鐜�</p> + <p class="center"> + <el-image :src="tableOne" :preview-src-list="[tableOne]" /> + </p> + <p class="lh2"> + 鍥犺皟鑺傚懠鍚歌繍鍔ㄧ殑绁炵粡涓灑鍙戣偛灏氭湭瀹屽杽锛屽鍓嶅効绔ュ懠鍚歌妭寰嬪父涓嶇ǔ瀹氥�傚洜鍛煎惛鑲岃緝寮憋紝鎵�浠ュ鍓嶅効绔ヤ互鑵瑰紡鍛煎惛涓轰富銆� + </p> + <h3 id="c004">浜屻�佸鍓嶅効绔ュ懠鍚哥郴缁熺殑淇濆仴锛烇紴锛烇紴锛烇紴</h3> + <h4 id="d011">锛堜竴锛夊煿鍏诲鍓嶅効绔ヨ壇濂界殑鍗敓涔犳儻</h4> + <p class="lh2"> + 绗竴锛屾垝闄ょ敤鍙e懠鍚哥殑涔犳儻銆傜敤鍙e懠鍚告槸涓�绉嶄笉鑹範鎯紝搴斿綋鎴掗櫎銆傞鍏堬紝瀹冧細瀵艰嚧绌烘皵涓殑鐏板皹銆佺粏鑿屼笉缁忚繃榧绘瘺鍙婇蓟榛忚啘鐨勬竻娲佽繃婊よ�岃繘鍏ヤ綋鍐咃紝涔呰�屼箙涔嬩細閫犳垚鍛煎惛绯荤粺鍜屾秷鍖栫郴缁熺柧鐥呫�傚叾娆★紝鐢变簬瀛﹀墠鍎跨鑲洪儴鎵╁紶涓嶅叏锛岄暱鏈熺敤鍙e懠鍚镐細褰卞搷鑳稿粨鍙戣偛锛屽舰鎴愭紡鏂楄兏銆傚啀娆★紝鐢ㄥ彛鍛煎惛浼氫娇鐫$湢涓嶅畨绋筹紝褰卞搷绮惧姏鍜屼綋鍔涙仮澶嶃�傛澶栵紝鐢ㄥ彛鍛煎惛杩樻湁鍙兘瀵艰嚧娑堝寲涓嶈壇锛岀瓑绛夈�傛�讳箣锛屼竴鏃﹀彂鐜板鍓嶅効绔ユ湁鐢ㄥ彛鍛煎惛鐨勪笉鑹範鎯紝鍔″繀鍙婃椂閲囧彇鎺柦杩涜鐭锛屼互浣垮叾鍏绘垚鐢ㄩ蓟鍛煎惛鐨勮壇濂戒範鎯�� + </p> + <p class="lh2"> + 绗簩锛岀姝㈢敤鎵嬫寲榧诲瓟銆傜敤鎵嬫寲榧诲瓟涔熸槸涓�绉嶅潖涔犳儻锛岄渶瑕佸強鏃舵敼姝c�傚洜涓哄畠浼氫娇榧绘瘺鑴辫惤锛岄粡鑶滄崯浼わ紝鐢氳嚦瀵艰嚧琛�绠$牬瑁傚紩璧峰嚭琛�銆傚彟澶栵紝鎵嬫寚鍙婃寚鐢茬紳涓殑鐥呰弻涔熶細闅忎箣 + </p> + </div> + </div> + <!-- 13 --> + <div class="page-box"> + <div class="page-header-box"> + <span class="page-header-text" + >涓撻涓� 瀛﹀墠鍎跨鐢熺悊鍙戣偛鐗圭偣涓庝繚鍋�</span + > + <span class="page-header-num">13</span> + </div> + <div class="padding-96"> + <p class="lh2 t0"> + 鍏ヤ镜榧昏厰锛屽彲鑳戒細寮曡捣榧昏厰鎰熸煋锛岀敋鑷虫槸鏇翠负涓ラ噸鐨勫苟鍙戠棁銆傛澶栵紝闀挎湡鐢ㄦ墜鎸栭蓟瀛旓紝杩樻湁鍙兘浣垮鍓嶅効绔ュ舰鎴愨�滄湞澶╅蓟鈥濄�� + </p> + <p class="lh2"> + 绗笁锛屾暀鑲插鍓嶅効绔ュ挸鍡姐�佹墦鍠峰殢鏃讹紝涓嶈闈㈠浠栦汉锛岃鐢ㄧ焊宸剧瓑鎹備綇鍙i蓟锛涙暀缁欏鍓嶅効绔ユ纭殑鎿ら蓟娑曟柟娉曘�� + </p> + <p class="lh2"> + 绗洓锛屼笉瑕佽瀛﹀墠鍎跨钂欏ご鐫$湢锛屼互淇濊瘉鐫¤鏃跺惛鍏ユ柊椴滅┖姘斻�� + </p> + <h4 id="d012">锛堜簩锛変繚鎸佸鍐呯┖姘旀柊椴�</h4> + <p class="lh2"> + 鏂伴矞绌烘皵閲岀梾鑿屽皯骞舵湁鍏呰冻鐨勬哀姘旓紝鑳戒績杩涗汉浣撶殑鏂伴檲浠h阿锛岃繕鍙互澧炲己瀛﹀墠鍎跨瀵瑰鐣屾皵鍊欏彉鍖栫殑閫傚簲鑳藉姏銆傚洜姝わ紝瀹ゅ唴搴旂粡甯稿紑绐楅�氶鎹㈡皵銆� + </p> + <h4 id="d013">锛堜笁锛夌瀛︾粍缁囦綋鑲查敾鐐煎拰鎴峰娲诲姩</h4> + <p class="lh2"> + 缁忓父鍙傚姞浣撹偛閿荤偧鍜屾埛澶栨椿鍔紝鍙互澧炲己瀛﹀墠鍎跨鍛煎惛鑲岀殑鍔涢噺锛屼績杩涘叾鑳稿粨鍜岃偤鐨勬甯稿彂鑲诧紝澧炲姞鑲烘椿閲忋�傛埛澶栨椿鍔ㄨ繕鑳芥彁楂樺懠鍚哥郴缁熷鐤剧梾鐨勬姷鎶楀姏锛岄闃插懠鍚搁亾鎰熸煋銆� + </p> + <p class="lh2"> + 鍦ㄧ粍缁囧鍓嶅効绔ュ紑灞曚綋鑲叉父鎴忋�佷綋鎿嶃�佽窇姝ョ瓑娲诲姩鏃讹紝搴旀敞鎰忚鍎跨閰嶅悎鍔ㄤ綔锛岃嚜鐒惰�屾纭湴鍔犳繁鍛煎惛锛屼娇鑲洪儴鍏呭垎鍚歌繘姘ф皵锛屾帓鍑轰簩姘у寲纰炽�� + </p> + <h4 id="d014">锛堝洓锛変弗闃插懠鍚搁亾寮傜墿</h4> + <p class="lh2"> + 鍩瑰吇瀛﹀墠鍎跨瀹夐潤杩涢鐨勪範鎯紝涓嶈杈瑰悆杈硅绗戙�傛暀鑲插効绔ヤ笉瑕佽竟鐜╄竟鍚冨皬椋熷搧锛屾洿涓嶅彲鎶涜捣鏉モ�滄帴椋熲�濓紝闃叉椋熺墿鍛涘叆姘旂銆� + </p> + <p class="lh2"> + 鏁欒偛瀛﹀墠鍎跨鐜╃幓鐠冪悆銆佺‖甯併�佺航鎵c�佽眴绫荤瓑灏忎笢瑗挎椂瑕佺壒鍒敞鎰忥紝鏇翠笉鑳藉皢瀹冧滑鏀惧叆榧昏厰锛屼弗闃插懠鍚搁亾寮傜墿鐨勫彂鐢熴�� + </p> + <h6 class="Conclusion-title2"> + <img + class="img-gn" + alt="" + src="../../../assets/images/icon/ycs.png" + /> + 浜戞祴璇� + </h6> + <p class="blockh6-c"> + <!-- <img class="img-g" alt="" src="image/0022-1.jpg" /><br /> --> + <span class="img">涓撻涓� 瀛︿範涓婚浜�</span> + </p> + </div> + </div> <h4 id="d015">锛堜簲锛変繚鎶ゅ0甯�</h4> <p> 閫夋嫨閫傚悎瀛﹀墠鍎跨闊冲煙鐗圭偣鐨勬瓕鏇叉垨鏈楄鏉愭枡锛屾瘡娆″敱姝屾垨鏈楄鐨勬椂闂翠笉瀹滆繃闀匡紙鏈�澶�5鍒嗛挓锛夛紝鏇翠笉鑳介珮澹板枈鍙紝浠ラ槻澹板甫鍏呰銆佽偪鑳�銆佸彉鍘氾紝閫犳垚澹伴煶鍢跺搼銆傜粌涔犲彂澹扮殑鍦烘墍搴斾繚鎸佺┖姘旀祦閫氾紝娓╁害銆佹箍搴﹂�傚疁銆傚啲瀛d笉瑕佸湪瀹ゅ缁冨0锛岃閬垮厤瀛﹀墠鍎跨鍦ㄦ俯搴﹂鍙樼殑鎯呭喌涓嬬粌涔犲彂澹般�傚綋鍜介儴鏈夌値鐥囨椂锛屽簲鍑忓皯鍙戦煶锛岀洿鍒板畬鍏ㄥ悍澶嶃�� @@ -2508,14 +2531,27 @@ </script> <style lang="less" scoped> +.w100 { + width: 100% !important; +} +.primary-color { + color: #15c0f2; +} +.learn-title-text { + font-weight: bold; + color: #1eb9ee; +} .span-border { + margin-left: -13px; display: block; - padding-bottom: 20px; - border: 2px dotted #1eb9ee; + width: 105%; + margin-top: 20px; + border-bottom: 2px dotted #1eb9ee; border-radius: 10px; } .btn { cursor: pointer; + width: 30px; } .btn-box { width: 100%; diff --git a/src/books/childHealth/view/header/index.vue b/src/books/childHealth/view/header/index.vue index 346ec32..5e86b5c 100644 --- a/src/books/childHealth/view/header/index.vue +++ b/src/books/childHealth/view/header/index.vue @@ -12,11 +12,11 @@ <div class="box"> <hr class="line" /> <p class="tl fz-14"><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p> - <p class="tl fz-14 m0"> + <p class="tl fz-14 m0" > 瀛﹀墠鍎跨鍗敓涓庝繚鍋�/寮犲叞棣欙紝娼樼钀嶄富缂�.鈥�3鐗�.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2023.2锛�2024.2閲嶅嵃锛� </p> - <p class="tl">ISBN 978-7-303-26340-0</p> - <p class="tl fz-14 m0"> + <p class="tl" style="margin-bottom: 10px;">ISBN 978-7-303-26340-0</p> + <p class="tl fz-14 m0" style="margin-bottom: 10px;"> 鈪�.鈶犲鈥� 鈪�.鈶犲紶鈥� 鈶℃綐鈥� 鈪�.鈶犲鍓嶅効绔モ�斿崼鐢熶繚鍋モ�斿辜鍎垮笀鑼冨鏍♀�旀暀鏉� 鈪�.鈶燫179 </p> <p class="tl fz-14">涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧锛�2020锛夌179545鍙�</p> @@ -51,8 +51,8 @@ <p class="tl fz-14 m0">璐d换鍗板埗锛氶┈娲�</p> </li> </ul> - <p class="center m0" style="margin-top: 20px"> - <b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b> + <p class="center m0" style="margin-top: 20px;font-size:20px;"> + <b>鐗堟潈鎵�鏈� 渚垫潈蹇呯┒</b> </p> <p class="center m0"><b>鍙嶇洍鐗堛�� 渚垫潈涓炬姤鐢佃瘽锛�</b>010-58800697</p> <p class="block2 m0">鍖椾含璇昏�呮湇鍔¢儴鐢佃瘽锛�010-58808104</p> @@ -127,7 +127,6 @@ </p> <p class="block1">缂栬��</p> </div> - <div class="page-box"></div> <!-- 鍓嶈█1 --> <div class="page-box page-padding"> <div class="tixing"> diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue index 9adde9f..f5c27d5 100644 --- a/src/components/examinations/index.vue +++ b/src/components/examinations/index.vue @@ -1,6 +1,6 @@ <template> <div class="examination" v-loading="loading"> - <div v-for="(item, nindex) in cardList" :key="nindex"> + <div v-for="(item, nindex) in cardList" :key="nindex" class="border-box"> <p class="catalogName"> <span v-if="nindex == 0">涓�銆�</span> <span v-if="nindex == 1">浜屻��</span> @@ -18,7 +18,13 @@ <!-- 鏍囬 --> <div class="questionTitle"> <div class="titleContent"> - <span class="questionNum" :style="{marginTop:value.questionType == 'completion' ? '12px' : '0'}">{{ index + 1 }}銆�</span> + <span + class="questionNum" + :style="{ + marginTop: value.questionType == 'completion' ? '12px' : '0', + }" + >{{ index + 1 }}銆�</span + > <!-- 鍚姏杩涘害鏉� --> <!-- <answerAudioPlayer :audioUrl="value.src" v-show="item.name == '鍚姏棰�'" /> --> <!-- 棰樺共 --> @@ -57,7 +63,7 @@ v-for="(itemText, indexText) in value.stem" :key="indexText" > - <span v-if="typeof itemText == 'string'">{{ itemText }}</span> + <span v-if="typeof itemText == 'string'" >{{ itemText }}</span> <!-- --> <el-input v-else @@ -269,11 +275,11 @@ <div class="headerConent sitgBox"> <p v-if="!value.isUnfold"> <span class="analysisColor">鏌ョ湅瑙f瀽</span - ><el-image :src="chakanIcon" /> + ><el-image /> </p> <p v-else> <span class="analysisColor">鏀惰捣瑙f瀽</span - ><el-image :src="packIcon" /> + ><el-image /> </p> </div> </div> @@ -353,10 +359,20 @@ </div> <div class="bottom-btn" v-if="!loading"> - <el-button>淇濆瓨</el-button> - <el-button @click="openAnswers">鎻愪氦</el-button> - <el-button @click="redo">閲嶅仛</el-button> - <el-button @click="openAnswers">鏌ョ湅绛旀</el-button> + <el-button style="height: 34px; padding: 4px 10px">淇濆瓨</el-button> + <el-button + @click="handleQuestion" + style="border-color: #1eb9ee; height: 34px; padding: 4px 10px" + >鎻愪氦</el-button + > + <el-button @click="redo" style="height: 34px; padding: 4px 10px" + >閲嶅仛</el-button + > + <el-button + @click="openAnswers" + style="border-color: #1eb9ee; height: 34px; padding: 4px 10px" + >鏌ョ湅绛旀</el-button + > </div> </div> </template> @@ -374,7 +390,7 @@ }; }, mounted() { - this.getIdPathList() + this.getIdPathList(); }, methods: { // 鏁扮粍杞负瀛楃涓叉柟娉� @@ -424,7 +440,7 @@ // } }, openAnswers() { - this.$data.loading = true + this.$data.loading = true; for (let index = 0; index < this.cardList.length; index++) { const item = this.cardList[index]; for (let cindex = 0; cindex < item.infoList.length; cindex++) { @@ -432,7 +448,7 @@ citem.isComplete = true; } } - this.$data.loading = false + this.$data.loading = false; }, watchParsing(data) { data.isUnfold = !data.isUnfold; @@ -444,14 +460,14 @@ path: "*", queryType: "*", productId: this.config.bookId, - cmsPath: '24080\\63791\\63792\\63807', + cmsPath: "24080\\63791\\63792\\63807", pading: { start: 0, size: 999, }, }; this.MG.store.getProductDetail(query).then(async (res) => { - console.log(this.$props.productLinkPath,res.datas.cmsDatas[0].datas); + console.log(this.$props.productLinkPath, res.datas.cmsDatas[0].datas); const idPathList = res.datas.cmsDatas[0].datas; await this.getQuestionList(idPathList); }); @@ -680,6 +696,57 @@ }); } }, + // 鎵规敼棰樼洰 (缁冧範,鎴戠殑鍋氶,鎴戠殑鏀惰棌妯″紡涓�) + handleQuestion() { + const list = this.$data.cardList + for (let index = 0; index < list.length; index++) { + const item = list[index]; + for (let cindex = 0; cindex < item.infoList.length; cindex++) { + const citem = item.infoList[cindex]; + citem.isComplete = true; + // 淇敼棰樼洰鐘舵�佷负瀹屾垚 + citem.isComplete = true; + // 鎵规敼棰樼洰 + if (citem.questionType == "multipleChoice") { + // 澶氶�夐 + if (citem.answer.length == citem.userAnswer.length) { + const sortedArr1 = citem.answer.slice().sort(); + const sortedArr2 = citem.userAnswer.slice().sort(); + citem.isRight = sortedArr1.every( + (value, index) => value === sortedArr2[index] + ); + } else { + citem.isRight = false; + } + } else if ( + citem.questionType == "singleChoice" || + citem.questionType == "judge" + ) { + if(citem.id == '63825') console.log('i',item); + citem.isRight = citem.answer == citem.userAnswer; + } else if (citem.questionType == "shortAnswer") { + // 绠�绛� 缈昏瘧 + citem.isRight = null; + } else if (citem.questionType == "completion") { + // 濉┖ + if (typeof citem.answer == "string") { + citem.isRight = citem.answer == citem.userAnswer[0]; + } else { + if (citem.answer.length != citem.userAnswer.length) { + citem.isRight = false; + } else { + citem.isRight = citem.answer.every( + (value, index) => + value === citem.userAnswer[index] + ); + } + } + } + } + + } + this.$data.cardList = list + }, }, }; </script> @@ -688,12 +755,29 @@ .catalogName { color: #00aeef; text-indent: 1em !important; - font-size: 24px; + font-size: 16px; } .examination { min-height: 100px; ul { - list-style:none ; + list-style: none; + } +} +.border-box { + border: 2px solid #e9e9e9; + border-top: 0; +} +.border-box:first-child { + border-top:2px solid #e9e9e9 ; +} +.questionContent { + // display: flex; + // justify-content: flex-start; + margin-left: -36px; +} +.input { + /deep/ .el-input__inner { + height: 26px; } } p { @@ -747,9 +831,9 @@ padding-left: 12px; display: flex; align-items: center; - font-size: 14px; + font-size: 16px; .questionText { - font-size: 14px; + font-size: 16px; color: #000; } span { @@ -776,12 +860,12 @@ text-align: left; padding: 0 10px 10px 0px; min-width: 90%; - font-size: 14px; + font-size: 16px; line-height: 32px; color: #000; span { display: inline-block; - font-size: 14px; + font-size: 16px; // line-height: 26px; color: #000; font-weight: 400; @@ -799,7 +883,7 @@ border-top: 0 !important; border-left: 0 !important ; border-right: 0 !important ; - border-bottom: 1px solid #000 !important; + border-bottom: 1px solid #15c0f2 !important; border-radius: 0 !important; } /deep/ .el-input.is-disabled .el-input__inner { @@ -858,7 +942,7 @@ min-height: 48px; height: min-content; padding: 0 20px; - font-size: 14px; + font-size: 16px; background-color: #f4f4f4; .headerBox { width: 100%; @@ -908,7 +992,7 @@ } .errorBox { width: 100px; - height: 48px; + // height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -937,7 +1021,7 @@ width: 100%; padding: 0 20px; background-color: #f4f4f4; - font-size: 14px; + font-size: 16px; color: #333; } /deep/ .el-collapse-item__arrow { @@ -956,7 +1040,7 @@ background-color: #f4f4f4; width: 100%; padding: 0 20px; - font-size: 14px; + font-size: 16px; display: flex; flex-direction: column; justify-content: flex-start; @@ -1007,7 +1091,7 @@ span, p { text-indent: 0em; - font-size: 14px; + font-size: 16px; line-height: 20px; } } @@ -1148,7 +1232,7 @@ } .bottom-btn { - margin-top: 50px; + margin-top: 25px; display: flex; justify-content: center; flex-wrap: wrap; diff --git a/src/main.js b/src/main.js index aec3e37..96fd090 100644 --- a/src/main.js +++ b/src/main.js @@ -1,7 +1,7 @@ import Vue from "vue"; import App from "./App.vue"; import less from "less"; -import "./books/childHealth/assets/main.css"; +import "./books/childHealth/assets/main.less"; import ElementUI from "element-ui"; import "element-ui/lib/theme-chalk/index.css"; import store from "./store"; -- Gitblit v1.9.1