From 870e0b3c8361cfa8af3facf67b08f1f5be66252a Mon Sep 17 00:00:00 2001
From: user1 <10901603+no-distractions1@user.noreply.gitee.com>
Date: 星期四, 13 六月 2024 10:13:49 +0800
Subject: [PATCH] Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
---
src/books/math/assets/images/tjfx.jpg | 0
src/books/math/assets/main.less | 856 +++++++++++++++------------
src/books/English/view/components/chapter001.vue | 1
src/books/math/assets/images/0102-2.jpg | 0
src/books/math/assets/images/tbts.jpg | 0
src/books/math/assets/images/0100-3.jpg | 0
src/books/math/assets/images/0100-2.jpg | 0
src/books/math/assets/images/dy3.jpg | 0
src/components/examinations/index.vue | 23
src/books/math/assets/images/0102-1.jpg | 0
src/books/math/assets/images/wttc.jpg | 0
src/books/math/view/components/index.vue | 31
src/books/math/assets/images/icon/heart-check.png | 0
src/books/math/assets/images/question/0103-1-1.png | 0
src/books/math/assets/images/xxmb.jpg | 0
src/books/math/assets/images/0100-1.jpg | 0
src/books/math/assets/images/question/0103-1-3.png | 0
src/books/math/view/components/chapter001.vue | 812 ++++++++++++++++++++++++++
src/books/math/assets/images/Covers.png | 0
src/books/math/assets/images/0103-2.jpg | 0
src/books/math/assets/images/icon/heart.png | 0
src/books/math/assets/images/cxgk.jpg | 0
src/books/math/assets/images/question/0103-1-2.png | 0
src/books/math/assets/images/question/0103-1-4.png | 0
src/books/math/assets/images/0103-1.jpg | 0
src/books/math/assets/images/0101-2.jpg | 0
src/books/math/assets/images/dy1.jpg | 0
src/books/math/assets/images/hzjl.jpg | 0
src/books/math/view/components/header.vue | 105 ++
src/books/math/assets/images/stlx.jpg | 0
src/books/math/assets/images/0101-1.jpg | 0
src/App.vue | 12
32 files changed, 1,400 insertions(+), 440 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 2dc96e6..a5e51a6 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,11 +8,8 @@
v-if="activeBook.name == 'sportsAndHealth'"
></sportsAndHealth>
<artAndDance v-if="activeBook.name == 'artAndDance'"></artAndDance>
-
<artAndDrama v-if="activeBook.name == 'artAndDrama'"></artAndDrama>
-
- <math v-if="activeBook.name == 'math'"></math>
-
+ <mathBook v-if="activeBook.name == 'math'"></mathBook>
</div>
</template>
@@ -23,8 +20,8 @@
import english from "./books/English/view/index.vue";
import sportsAndHealth from "./books/sportsAndHealth/view/index";
import artAndDance from './books/artAndDance/view/index.vue'
+import mathBook from './books/math/view/index.vue'
import artAndDrama from './books/artAndDrama/view/index.vue'
-import math from './books/math/view/index.vue'
export default {
name: "App",
components: {
@@ -34,8 +31,8 @@
english,
sportsAndHealth,
artAndDance,
- artAndDrama,
- math
+ mathBook,
+ artAndDrama
},
data() {
return {
@@ -81,6 +78,7 @@
// english
// artAndDance
// artAndDrama
+ // math
this.config.resourceCtx + "artAndDrama"
);
// 娴嬭瘯璇曡30椤�
diff --git a/src/books/English/view/components/chapter001.vue b/src/books/English/view/components/chapter001.vue
index 9aaab13..34edb72 100644
--- a/src/books/English/view/components/chapter001.vue
+++ b/src/books/English/view/components/chapter001.vue
@@ -2672,6 +2672,7 @@
};
},
setBookQuestion() {
+ console.log('淇濆瓨');
localStorage.setItem(
"english-book-question-one",
JSON.stringify(this.questionData)
diff --git a/src/books/math/assets/images/0100-1.jpg b/src/books/math/assets/images/0100-1.jpg
new file mode 100644
index 0000000..124863b
--- /dev/null
+++ b/src/books/math/assets/images/0100-1.jpg
Binary files differ
diff --git a/src/books/math/assets/images/0100-2.jpg b/src/books/math/assets/images/0100-2.jpg
new file mode 100644
index 0000000..355c83f
--- /dev/null
+++ b/src/books/math/assets/images/0100-2.jpg
Binary files differ
diff --git a/src/books/math/assets/images/0100-3.jpg b/src/books/math/assets/images/0100-3.jpg
new file mode 100644
index 0000000..5bce2ed
--- /dev/null
+++ b/src/books/math/assets/images/0100-3.jpg
Binary files differ
diff --git a/src/books/math/assets/images/0101-1.jpg b/src/books/math/assets/images/0101-1.jpg
new file mode 100644
index 0000000..f0dee55
--- /dev/null
+++ b/src/books/math/assets/images/0101-1.jpg
Binary files differ
diff --git a/src/books/math/assets/images/0101-2.jpg b/src/books/math/assets/images/0101-2.jpg
new file mode 100644
index 0000000..e280296
--- /dev/null
+++ b/src/books/math/assets/images/0101-2.jpg
Binary files differ
diff --git a/src/books/math/assets/images/0102-1.jpg b/src/books/math/assets/images/0102-1.jpg
new file mode 100644
index 0000000..2971271
--- /dev/null
+++ b/src/books/math/assets/images/0102-1.jpg
Binary files differ
diff --git a/src/books/math/assets/images/0102-2.jpg b/src/books/math/assets/images/0102-2.jpg
new file mode 100644
index 0000000..609ec06
--- /dev/null
+++ b/src/books/math/assets/images/0102-2.jpg
Binary files differ
diff --git a/src/books/math/assets/images/0103-1.jpg b/src/books/math/assets/images/0103-1.jpg
new file mode 100644
index 0000000..4e363d1
--- /dev/null
+++ b/src/books/math/assets/images/0103-1.jpg
Binary files differ
diff --git a/src/books/math/assets/images/0103-2.jpg b/src/books/math/assets/images/0103-2.jpg
new file mode 100644
index 0000000..b16f1ed
--- /dev/null
+++ b/src/books/math/assets/images/0103-2.jpg
Binary files differ
diff --git a/src/books/math/assets/images/Covers.png b/src/books/math/assets/images/Covers.png
new file mode 100644
index 0000000..6806a3b
--- /dev/null
+++ b/src/books/math/assets/images/Covers.png
Binary files differ
diff --git a/src/books/math/assets/images/cxgk.jpg b/src/books/math/assets/images/cxgk.jpg
new file mode 100644
index 0000000..98351d7
--- /dev/null
+++ b/src/books/math/assets/images/cxgk.jpg
Binary files differ
diff --git a/src/books/math/assets/images/dy1.jpg b/src/books/math/assets/images/dy1.jpg
new file mode 100644
index 0000000..735b0f6
--- /dev/null
+++ b/src/books/math/assets/images/dy1.jpg
Binary files differ
diff --git a/src/books/math/assets/images/dy3.jpg b/src/books/math/assets/images/dy3.jpg
new file mode 100644
index 0000000..353647e
--- /dev/null
+++ b/src/books/math/assets/images/dy3.jpg
Binary files differ
diff --git a/src/books/math/assets/images/hzjl.jpg b/src/books/math/assets/images/hzjl.jpg
new file mode 100644
index 0000000..b7e975f
--- /dev/null
+++ b/src/books/math/assets/images/hzjl.jpg
Binary files differ
diff --git a/src/books/math/assets/images/icon/heart-check.png b/src/books/math/assets/images/icon/heart-check.png
new file mode 100644
index 0000000..74d469c
--- /dev/null
+++ b/src/books/math/assets/images/icon/heart-check.png
Binary files differ
diff --git a/src/books/math/assets/images/icon/heart.png b/src/books/math/assets/images/icon/heart.png
new file mode 100644
index 0000000..7817ec4
--- /dev/null
+++ b/src/books/math/assets/images/icon/heart.png
Binary files differ
diff --git a/src/books/math/assets/images/question/0103-1-1.png b/src/books/math/assets/images/question/0103-1-1.png
new file mode 100644
index 0000000..e47e8f0
--- /dev/null
+++ b/src/books/math/assets/images/question/0103-1-1.png
Binary files differ
diff --git a/src/books/math/assets/images/question/0103-1-2.png b/src/books/math/assets/images/question/0103-1-2.png
new file mode 100644
index 0000000..450c079
--- /dev/null
+++ b/src/books/math/assets/images/question/0103-1-2.png
Binary files differ
diff --git a/src/books/math/assets/images/question/0103-1-3.png b/src/books/math/assets/images/question/0103-1-3.png
new file mode 100644
index 0000000..b598f6f
--- /dev/null
+++ b/src/books/math/assets/images/question/0103-1-3.png
Binary files differ
diff --git a/src/books/math/assets/images/question/0103-1-4.png b/src/books/math/assets/images/question/0103-1-4.png
new file mode 100644
index 0000000..ed6f101
--- /dev/null
+++ b/src/books/math/assets/images/question/0103-1-4.png
Binary files differ
diff --git a/src/books/math/assets/images/stlx.jpg b/src/books/math/assets/images/stlx.jpg
new file mode 100644
index 0000000..28a6bf1
--- /dev/null
+++ b/src/books/math/assets/images/stlx.jpg
Binary files differ
diff --git a/src/books/math/assets/images/tbts.jpg b/src/books/math/assets/images/tbts.jpg
new file mode 100644
index 0000000..ac9fe80
--- /dev/null
+++ b/src/books/math/assets/images/tbts.jpg
Binary files differ
diff --git a/src/books/math/assets/images/tjfx.jpg b/src/books/math/assets/images/tjfx.jpg
new file mode 100644
index 0000000..6c5c188
--- /dev/null
+++ b/src/books/math/assets/images/tjfx.jpg
Binary files differ
diff --git a/src/books/math/assets/images/wttc.jpg b/src/books/math/assets/images/wttc.jpg
new file mode 100644
index 0000000..98ad962
--- /dev/null
+++ b/src/books/math/assets/images/wttc.jpg
Binary files differ
diff --git a/src/books/math/assets/images/xxmb.jpg b/src/books/math/assets/images/xxmb.jpg
new file mode 100644
index 0000000..3fdd816
--- /dev/null
+++ b/src/books/math/assets/images/xxmb.jpg
Binary files differ
diff --git a/src/books/math/assets/main.less b/src/books/math/assets/main.less
index 8d1dbdb..a735352 100644
--- a/src/books/math/assets/main.less
+++ b/src/books/math/assets/main.less
@@ -2,331 +2,387 @@
width: 100%;
height: 100%;
font-family: "瀹嬩綋", SimSun, sans-serif;
- ul {
- list-style-type: none;
- }
-
- li {
- list-style-type: none;
- }
-
- .ls1 {
- font-family: "HiFont Hei GB";
- color: #30aad1;
- font-weight: bold;
- }
- .hs {
- font-family: "HiFont Hei GB";
- color: #ea6b00;
- font-weight: bold;
- }
-
- .zs1 {
- font-family: "HiFont Hei GB";
- color: #857eb4;
- font-weight: bold;
- }
-
- span.under1 {
- border-bottom: 2px solid #f0bd4a;
- border-width: 2px;
- }
-
- div.bodystyle {
- font-size: 18px;
- text-align: justify;
- margin: 5%;
- line-height: 30px;
- }
-
- span.zt-0 {
- color: #0087af;
- }
-
- p.pzt-0 {
- color: #0087af;
- font-size: 18px;
- }
- p.pzt-0-right {
- font-size: 18px;
- color: #0087af;
- text-align: right;
- }
- p.pzt-1 {
- font-weight: bold;
- color: #0087af;
- font-size: 18px;
- }
-
- .note {
+ 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;
- }
-
- .img {
+ }
+
+
+ .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:18px;
- color: #000;
- margin-left: 0%;
- margin-right: 0%;
+ font-size:0.85em;
text-indent: 0em;
- }
-
- .img1 {
- text-align: right;
- font-size: 0.85em;
- margin-left: 0%;
- margin-right: 2em;
- text-indent: 0em;
- }
-
- p {
- // margin-top: 1em;
- margin: 0;
- text-indent: 2em;
- line-height: 30px;
- font-size: 18px;
- text-align: justify;
- }
- .cover {
- width: 100%;
- padding: 0px;
- }
- .center {
- text-align: center;
- margin-left: 0%;
- margin-right: 0%;
- text-indent: 0em;
- }
-
- .center1 {
- font-family: "STKaiti";
- 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%;
- }
- .right1 {
- font-family: "STKaiti";
- 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 {
- font-family: "STKaiti";
- text-align: center;
- font-size: 1.8em;
- color: #515594;
- margin-bottom: 0.5cm;
- margin-top: 0.5cm;
- }
-
- h2 {
- font-family: "STKaiti";
- text-align: center;
- font-size: 1.2em;
- margin-top: 0.2em;
- margin-bottom: 0.2em;
- text-indent: 0em;
- }
-
- h2.lefth2 {
- text-align: left;
- font-size: 1.2em;
- margin-top: 0.2em;
- margin-bottom: 0.2em;
- text-indent: 0em;
- }
-
- h2.whleft2 {
- text-align: left;
- color: #af0206;
- font-size: 38px;
- margin-top: 0.2em;
- margin-bottom: 0.2em;
- text-indent: 0em;
- }
-
- h3 {
- font-family: "STKaiti";
- color: #ef495d;
- font-weight: bold;
- // font-size: 1.15em;
- font-size: 26px;
- margin-top: 2em;
- text-align: center;
- margin-bottom: 20px;
- text-indent: 0em;
- }
-
- h4 {
- font-weight: bold;
- color: #5877ba;
- font-size: 1.1em;
- margin-top: 0.2em;
- margin-bottom: 1em;
- text-indent: 0em;
- }
- h5 {
- font-weight: bold;
- color: #c96653;
- font-size: 1em;
- margin-top: 0.2em;
- margin-bottom: 1em;
- text-indent: 2em;
- }
- h6 {
- font-family: "cnepub", serif;
- color: #36c3f4;
- font-size: 1.1em;
- margin-top: 10px;
- text-indent: 2em;
- margin-bottom: 10px;
- }
- .u {
- text-decoration: underline;
- }
-
- .img-0 {
- width: 100%;
- }
- .imz {
- width: 96%;
- text-align: center;
- }
-
- .img-a {
- width: 95%;
- }
- .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-gh1 {
- width: 30%;
- text-align: right;
- }
- .img-gh2 {
- width: 45%;
- text-align: right;
- }
- .img-h {
- width: 25%;
- }
- .img-i {
- width: 10%;
- }
- .img-j {
- width: 5%;
- }
- .img-gn {
- width: 48%;
- }
- .img-gn1 {
- width: 18%;
- }
- .inline {
- height: 2em;
- margin-bottom: -0.5em;
- }
- .inline1 {
- height: 1.5em;
- margin-top: -1em;
- margin-bottom: -0.4em;
- }
- .inline2 {
- height: 2.5em;
- margin-top: 2em;
- margin-bottom: -0.4em;
- }
- .inline3 {
- height: 4em;
- margin-top: 2em;
- margin-bottom: -0.4em;
- }
- .block {
- font-family: "STKaiti";
- font-size: 1.15em;
- }
-
- .block1 {
- font-family: "STKaiti";
- color: #08a496;
- text-align: right;
- font-size: 1.15em;
- margin-right: 2em;
- text-indent: 0em;
- }
- .block2 {
- font-family: "STKaiti";
- // font-size: 1.15em;
- font-size: 26px;
- text-align: center;
- text-indent: 0em;
- margin: 6px 0;
- }
-
- .bj1 {
- border: 2px solid #0aa19c;
- background: #e3efd7;
- border-style: solid none none none;
- padding: 0.2em 0.4em 0.2em 0.4em;
- margin-top: 1em;
- margin-left: 0.5em;
- margin-right: 0.5em;
- margin-bottom: 1em;
- font-size: 1.1em;
- box-shadow: 0.3em 0.3em 0px 0px #c3c2c0;
- }
-
- .bj2 {
- border: 2px solid #e04239;
- background: #fdecd2;
- border-style: solid none none none;
- padding: 0.2em 0.4em 0.2em 0.4em;
- margin-top: 1em;
- margin-left: 0.5em;
- margin-right: 0.5em;
- margin-bottom: -0.8em;
- font-size: 1.1em;
- box-shadow: 0.3em 0.3em 0px 0px #c3c2c0;
- }
-
- .kaiti {
- font-family: "STKaiti";
- }
+ }
+
+ 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;
+ 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 {
@@ -418,6 +474,9 @@
.fl-cn {
align-items: center;
}
+ .al-end {
+ align-items: flex-end;
+ }
.fz-18 {
font-size: 18px;
}
@@ -485,54 +544,73 @@
.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;
+ margin: 0;
+ margin-bottom: 20px;
+ width: 100%;
+ height: 104px;
display: flex;
- justify-content: flex-end;
- align-items: flex-end;
- margin-bottom: 28px;
+ li:first-child {
+ height: 100%;
+ width: 88%;
+ display: flex;
+ align-items: flex-end;
+ P {
+ margin: 0 !important;
+ width: 100%;
+ height: 24px;
+ background-color: #97a4d3;
+ text-align: right;
+ padding-right: 20px;
+ color: #fff;
+ }
+ }
+ li:last-child {
+ margin-left: 20px;
+ p {
+ margin: 0 !important;
+ height: 100%;
+ padding:0 4px;
+ width: min-content;
+ border: 1px solid #7b8cc5;
+ text-indent: 0em;
+ display: flex;
+ align-items: flex-end;
+ justify-content: center;
+ }
+ }
}
- .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;
+ .page-header-odd {
+ margin: 0;
+ margin-bottom: 20px;
+ width: 100%;
+ height: 104px;
+ display: flex;
+ justify-content: space-between;
+ li:first-child {
+ border: 1px solid #7b8cc5;
+ width: 15%;
+ height: 24px;
+ text-align: right;
+ padding-right: 4px;
+ box-sizing: border-box;
+ }
+ li:nth-child(2) {
+ padding: 0 4px;
+ min-width:132px;
+ height: 24px;
+ border: 1px solid #7b8cc5;
+ text-align: center;
+ box-sizing: border-box;
+ color: #5f7abc;
+ font-weight: bold;
+ }
+ li:last-child {
+ width: 64%;
+ height: 24px;
+ background-color: #97a4d3;
+ }
}
.fw-b {
font-weight: bold;
@@ -582,7 +660,8 @@
color: #15c0f2;
}
.video-border {
- border: 1px dotted #15c0f2;
+ border: 1px solid #15c0f2;
+ border-radius: 30px;
}
.fm-st {
font-family: "STKaiti";
@@ -653,6 +732,39 @@
a {
cursor: default;
}
+ ul {
+ list-style: none;
+ }
+ li {
+ list-style: none !important;
+ }
+ .collect-btn {
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ margin-left: 10px;
+ }
+ // 鏄剧ず绛旀鎸夐挳
+ .btn-box {
+ margin-left: 5px;
+ cursor: pointer;
+ text-indent: 0;
+ display: inline-block;
+ border:1px solid #8281ED;
+ height: 22px;
+ padding: 5px;
+ background-color:#8281ED ;
+ border-radius: 5px;
+ svg {
+ fill: #fff;
+ }
+ &:hover {
+ background-color: #fff;
+ svg {
+ fill:#8281ED ;
+ }
+ }
+ }
}
/* 濯掍綋鏌ヨ鍋氬熀纭�鍝嶅簲寮忓竷灞� */
@@ -667,13 +779,13 @@
}
}
@media (max-width: 660px) {
- .ans-dance {
+ .math-book {
/* 鍒嗛〉padding */
.page-padding {
padding: 104px 20px;
}
.padding-96 {
- padding: 0 20px;
+ padding: 0 20px 40px 20px;
}
/* video澶у皬 */
.video-box {
@@ -692,12 +804,12 @@
}
}
@media (min-width: 660px) {
- .ans-dance {
+ .math-book{
.page-padding {
padding: 104px 96px;
}
.padding-96 {
- padding: 0 96px;
+ padding: 0 96px 104px 96px;
}
.video-box {
max-width: 370px;
diff --git a/src/books/math/view/components/chapter001.vue b/src/books/math/view/components/chapter001.vue
new file mode 100644
index 0000000..94fe450
--- /dev/null
+++ b/src/books/math/view/components/chapter001.vue
@@ -0,0 +1,812 @@
+<template>
+ <div class="chapter" num="2">
+ <div class="page-box" page="4">
+ <div v-if="showPageList.indexOf(4) > -1">
+ <h1 id="a007">
+ <img class="img-0" alt="" src="../../assets/images/dy3.jpg" />
+ </h1>
+ <div class="padding-96">
+ <p>
+ 鍦ㄥ瑙備笘鐣屼腑瀛樺湪鍚勭鍚勬牱鐨勮繍鍔ㄥ彉鍖栫幇璞�.濡傛惌杞界鑸熷崄鍥涘彿杞戒汉椋炶埞鐨勯暱寰佷簩鍙疯繍杞界伀绠彂灏勮繃绋嬩腑锛岄鑸逛笌鍙戝皠鐐硅窛绂讳細闅忕潃鏃堕棿鐨勫彉鍖栬�屽彉鍖栵紱娣辨捣鍕囧＋鍙疯浇浜烘綔姘村櫒鍦ㄤ笅娼滃疄楠岃繃绋嬩腑锛屽叾鍘嬪己闅忕潃涓嬫綔娣卞害鐨勫鍔犺�屽澶э紱浠ｈ〃鏂拌兘婧愭妧鏈殑鍏変紡鍙戠數鍜岄鑳藉彂鐢碉紝鎴戝浗鐨勮鏈哄閲忛殢鏃堕棿鍙樺寲鑰屽闀匡紱鎴戝浗蹇�熷彂灞曠殑楂橀�熼搧璺紝鍏舵�婚噷绋嬫槸閫愬勾澧炲姞鐨勶紝鐜板凡绐佺牬4涓噆m
+ 锛岀ǔ灞呬笘鐣岀涓�锛涙瘡涓汉鐨勪綋娓╅殢鐫�鏃堕棿鐨勫彉鍖栬�屽彉鍖栵紱鍒板晢搴楄喘涔板悓涓�绉嶉ギ鏂欑殑鏁伴噺瓒婂锛屼粯璐硅秺澶氱瓑.杩欎簺鍔ㄦ�佸彉鍖栫幇璞￠兘琛ㄧ幇涓哄彉閲忎箣闂寸殑瀵瑰簲鍏崇郴锛屾垜浠父鐢ㄥ嚱鏁版ā鍨嬫潵鎻忚堪杩欎簺鍙橀噺涔嬮棿鐨勫叧绯诲拰瑙勫緥锛屽苟閫氳繃鐮旂┒鍑芥暟鏉ヨ璇嗗瑙備笘鐣�.
+ </p>
+ <p>
+ 鍑芥暟鏄弿杩板瑙備笘鐣屽彉鍖栬寰嬪拰瑙ｅ喅鏁板闂鐨勯噸瑕佸伐鍏�.瀹冧笌浠ｆ暟寮忋�佹柟绋嬨�佷笉绛夊紡绛夌煡璇嗚仈绯荤揣瀵嗭紝鏄繘涓�姝ュ涔犳暟瀛︾殑閲嶈鍩虹.鍑芥暟鐨勬蹇靛強鍏跺弽鏄犵殑鏁板鎬濇兂鍜屾柟娉曞凡骞挎硾娓楅�忓埌鏁板鐨勫悇涓鍩燂紝骞跺湪鐜板疄鐢熸椿涓湁鐫�骞挎硾鐨勫簲鐢�.
+ </p>
+ <p>
+ 鏈崟鍏冧富瑕佸涔犲嚱鏁扮殑姒傚康銆佸嚱鏁扮殑琛ㄧず鏂规硶銆佸嚱鏁扮殑鍗曡皟鎬у拰濂囧伓鎬т互鍙婂嚱鏁扮殑搴旂敤.鏈崟鍏冪殑瀛︿範锛岄噸鍦ㄦ劅鍙楃敤鐩磋鎯宠薄浠庡叿浣撻棶棰樹腑鎶借薄鍑烘暟瀛﹂棶棰橈紝骞剁敤绮剧‘鐨勬暟瀛︾鍙疯瑷�琛ㄨ揪姒傚康銆佹�ц川銆佹帹鐞嗙瓑锛涙帉鎻＄爺绌跺嚱鏁扮殑鍩烘湰鍐呭銆佽繃绋嬪拰鏂规硶锛涜繍鐢ㄥ缓绔嬪垎娈靛嚱鏁般�佷簩娆″嚱鏁扮瓑鏁板妯″瀷瑙ｅ喅瀹為檯闂鐨勬柟娉曪紱绉疮涓�瀹氱殑鏁板缁忛獙鍜屾柟娉曪紝鎻愬崌鐩磋鎯宠薄銆佹暟瀛︽娊璞°�佹暟瀛﹀缓妯°�侀�昏緫鎺ㄧ悊绛夋牳蹇冪礌鍏�.
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="5">
+ <div v-if="showPageList.indexOf(5) > -1">
+ <div class="padding-96">
+ <p class="left">
+ <img class="inline2" alt="" src="../../assets/images/xxmb.jpg" />
+ </p>
+ <div class="fieldset">
+ <p>1.鍑芥暟鐨勬蹇�.</p>
+ <p>
+ 鑳戒粠鍏蜂綋鎯呭涓娊璞℃鎷嚭鍑芥暟鐨勬蹇碉紝瀛︿範鐢ㄩ泦鍚堣瑷�鍜屽搴斿叧绯绘弿杩板嚱鏁版蹇�.
+ </p>
+ <p>2.鍑芥暟鐨勮〃绀烘柟娉�.</p>
+ <p>浜嗚В鍑芥暟鐨勪笁绉嶈〃绀烘柟娉曪紝浼氭伆褰撳湴閫夌敤杩欎簺鏂规硶琛ㄧず鍑芥暟锛�</p>
+ <p>鐞嗚В鍒嗘鍑芥暟鐨勬蹇碉紱</p>
+ <p>閫氳繃鐮旂┒鍑芥暟鐨勫彉鍖栬寰嬫潵鎶婃彙瀹㈣涓栫晫涓簨鐗╃殑鍙樺寲瑙勫緥.</p>
+ <p>3.鍑芥暟鐨勫崟璋冩�у拰濂囧伓鎬�.</p>
+ <p>
+ 瀛︿範鐢ㄧ簿鍑嗙殑鏁板绗﹀彿璇█鎻忚堪鍑芥暟鐨勬�ц川锛屾帉鎻″垽鏂嚱鏁板崟璋冩�у拰濂囧伓鎬х殑鏂规硶.
+ </p>
+ <p>4.鍑芥暟鐨勫簲鐢�.</p>
+ <p>鍒濇鎺屾彙寤虹珛鍒嗘鍑芥暟銆佷簩娆″嚱鏁版ā鍨嬫潵瑙ｅ喅瀹為檯闂鐨勬柟娉曪紱</p>
+ <p>鑳借繍鐢ㄥ嚱鏁扮殑鎬濇兂鍜屾柟娉曡В鍐冲疄闄呴棶棰橈紝鎻愬崌鏍稿績绱犲吇鍜屾�濈淮鍝佽川.</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="6">
+ <div v-if="showPageList.indexOf(6) > -1">
+ <ul class="page-header-box">
+ <li>
+ <p>绗笁鍗曞厓 鍑芥暟</p>
+ </li>
+ <li>
+ <p><span>089</span></p>
+ </li>
+ </ul>
+ <div class="padding-96">
+ <h3 id="c031">
+ 3.3.2 鍑芥暟鐨勫鍋舵��<span class="fontsz2">锛烇紴锛�</span>
+ </h3>
+ <p class="left">
+ <img class="img-gn" alt="" src="../../assets/images/wttc.jpg" />
+ </p>
+ <p>
+ 鍑芥暟<i>f</i>锛�<i>x</i>锛�=|<i>x</i>|鍜�<i>g</i>锛�<i>x</i>锛�=<i>x</i
+ ><sup>2</sup>鐨勫浘鍍忕殑瀵圭О鎬у浣曪紵
+ </p>
+ <p class="left">
+ <img class="img-gn" alt="" src="../../assets/images/tjfx.jpg" />
+ </p>
+ <p>
+ 鍒楀嚭琛�3-11鍜岃〃3-12锛岀敾鍑哄嚱鏁�<i>f</i>锛�<i>x</i>锛�=|<i>x</i>|
+ 鍜�<i>g</i>锛�<i>x</i>锛�=<i>x</i><sup>2</sup>鐨勫浘鍍忥紝濡傚浘3-14锛�1锛�
+ 鍜岋紙2锛� 鎵�绀�.
+ </p>
+ <p class="img">琛�3-11</p>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0100-1.jpg" />
+ </p>
+ <p class="img">琛�3-12</p>
+ <p class="center">
+ <img class="img-a" alt="" src="../../assets/images/0100-2.jpg" />
+ </p>
+ <iframe
+ src="https://www.geogebra.org/calculator"
+ frameborder="0"
+ class="iframe-box"
+ ></iframe>
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../../assets/images/0100-3.jpg" />
+ </p>
+ <p class="img fl al-cn ju-cn">
+ <span>鍥�3-14 </span
+ ><img
+ :src="chapterData.isCollectImg ? collectCheck : collectImg"
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('img')"
+ />
+ </p>
+ <p>
+ 瑙傚療鍥�3-14锛�1锛�
+ 鍙戠幇锛屽嚱鏁�<i>f</i>锛�<i>x</i>锛�=|<i>x</i>|鐨勫畾涔夊煙鏄紙-鈭烇紝+鈭烇級锛屽嚱鏁板浘鍍忓叧浜�<i>y</i>杞村绉�.浠庤〃3-11涓繕鍙戠幇锛屽綋鑷彉閲忓彇涓�瀵圭浉鍙嶆暟鏃讹紝瀵瑰簲鐨勫嚱鏁板�肩浉绛夛紝濡�<i>f</i>锛�-1锛�=<i>f</i>锛�1锛�=1锛�<i>f</i>锛�-2锛�=<i>f</i>锛�2锛�=2锛�<i>f</i>锛�-3锛�=<i>f</i>锛�3锛�=3锛屸�﹀疄闄呬笂锛屽浠绘剰<i>x</i>鈭堬紙-鈭烇紝+鈭烇級锛岄兘鏈�<i>f</i>锛�-<i>x</i>锛�=|-<i>x</i>|=|<i>x</i>|=<i>f</i>锛�<i>x</i>锛夛紝鍗�<i>f</i>锛�-<i>x</i>锛�=<i>f</i>锛�<i>x</i>锛�.
+ </p>
+ <p>
+ 鍥�3-14锛�2锛� 涓紝鍑芥暟<i>g</i>锛�<i>x</i>锛�=<i>x</i
+ ><sup>2</sup
+ >鐨勫畾涔夊煙鏄紙-鈭烇紝+鈭烇級锛屽嚱鏁板浘鍍忎篃鍏充簬<i>y</i>杞村绉�.琛�3-12涓紝褰撹嚜鍙橀噺鍙栦竴瀵圭浉鍙嶆暟鏃讹紝瀵瑰簲鐨勫嚱鏁板�肩浉绛夛紝濡�<i>g</i>锛�-1锛�=<i>g</i>锛�1锛�=1锛�<i>g</i>锛�-2锛�=<i>g</i>锛�2锛�=4锛�<i>g</i>锛�-3锛�=<i>g</i>锛�3锛�=9锛屸�﹀疄闄呬笂锛屽浠绘剰<i>x</i>鈭堬紙-鈭烇紝+鈭烇級锛岄兘鏈�<i>g</i>锛�-<i>x</i>锛�=锛�-<i>x</i>锛�<sup>2</sup>=<i
+ >x</i
+ ><sup>2</sup
+ >=<i>g</i>锛�<i>x</i>锛夛紝鍗�<i>g</i>锛�-<i>x</i>锛�=<i>g</i>锛�<i>x</i>锛�.
+ </p>
+ <p>
+ 杩欎袱涓嚱鏁扮殑鍥惧儚閮藉叧浜�<i>y</i>杞村绉帮紱褰撹嚜鍙橀噺鍙栧畾涔夊煙涓换鎰忎竴瀵圭浉鍙嶆暟鏃讹紝瀵瑰簲鐨勫嚱鏁板�奸兘鐩哥瓑锛岃繖绉嶅嚱鏁板氨鏄伓鍑芥暟.
+ </p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="7">
+ <div v-if="showPageList.indexOf(7) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>090</li>
+ <li>鏁板.鍩虹妯″潡</li>
+ <li></li>
+ </ul>
+ <div class="padding-96">
+ <p class="left">
+ <img class="img-gn" alt="" src="../../assets/images/cxgk.jpg" />
+ </p>
+ <p>
+ 涓�鑸湴锛岃鍑芥暟<i>f</i>锛�<i>x</i>锛夌殑瀹氫箟鍩熶负<i>D</i>锛屽鏋滃浜�<span
+ class="u"
+ >浠绘剰</span
+ ><i>x</i>鈭�<i>D</i>锛�<span class="u">閮芥湁</span
+ >-<i>x</i>鈭�<i>D</i>锛屼笖<i>f</i>锛�-<i>x</i>锛�=<i>f</i>锛�<i>x</i>锛夛紝閭ｄ箞鍑芥暟<i>f</i>锛�<i>x</i>锛夊氨鍙綔<b>鍋跺嚱鏁�</b>锛屽鍥�3-15鎵�绀�.<b>鍋跺嚱鏁扮殑鍥惧儚鍏充簬<i>y</i>杞村绉�</b>.
+ </p>
+ <p>
+ 鎴戜滑鍙互鐢卞嚱鏁扮殑鍥惧儚鏄惁鍏充簬<i>y</i>杞村绉版潵鍒ゆ柇鍑芥暟鏄笉鏄伓鍑芥暟.
+ </p>
+ <p class="center openImgBox">
+ <img
+ class="img-c"
+ alt=""
+ src="../../assets/images/0101-1.jpg"
+ style="width: 40%"
+ />
+ </p>
+ <p class="img">鍥�3-15</p>
+ <video
+ :src="videoPath"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="video-border w100"
+ ></video>
+ <p class="img fl al-cn ju-cn">
+ <span>瑙嗛锛氬垽鏁板嚱鏁板鍋舵�х殑鏂规硶鍜屾楠� </span>
+ <img
+ :src="chapterData.isCollectVideo ? collectCheck : collectImg"
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video')"
+ />
+ </p>
+ <p>
+ <span class="zt-ls"><b>渚�1</b></span
+ >銆�鏍规嵁鍥�3-16涓嚱鏁扮殑鍥惧儚锛屽垽鏂摢浜涘嚱鏁版槸鍋跺嚱鏁�.
+ <span class="btn-box" @click="isShowExampleOne = !isShowExampleOne">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="20.501"
+ height="20.501"
+ viewBox="0 0 20.501 20.501"
+ >
+ <path
+ class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)"
+ />
+ </svg>
+ </span>
+ </p>
+ <p class="center openImgBox">
+ <img class="img-c" alt="" src="../../assets/images/0101-2.jpg" />
+ </p>
+ <p class="img">鍥�3-16</p>
+ <div v-if="isShowExampleOne">
+ <p>
+ <span class="zt-ls"><b>瑙�</b></span> 鍦ㄥ洓涓嚱鏁板浘鍍忎腑锛屽浘3-16锛�1锛�
+ 鍜屽浘3-16锛�4锛� 鐨勫嚱鏁板浘鍍忓叧浜�<i>y</i>杞村绉帮紱鍥�3-16锛�2锛�
+ 鍜屽浘3-16锛�3锛�
+ 鐨勫嚱鏁板浘鍍忎笉鍏充簬<i>y</i>杞村绉�.鏍规嵁鍋跺嚱鏁扮殑鍥惧儚鍏锋湁鍏充簬<i>y</i>杞村绉扮殑鐗圭偣锛屽浘3-16锛�1锛夊拰鍥�3-16锛�4锛夌殑鍑芥暟鏄伓鍑芥暟锛屽浘3-16锛�2锛夊拰鍥�3-16锛�3锛夌殑鍑芥暟涓嶆槸鍋跺嚱鏁�.
+ </p>
+ </div>
+ <p>
+ <span class="zt-ls"><b>渚�2</b></span
+ >銆�宸茬煡<i>f</i>锛�<i>x</i>锛�=|<i>x</i>|+1鍥惧儚鍦�<i>y</i>杞村彸杈圭殑閮ㄥ垎濡傚浘3-17鎵�绀�.璇曠敾鍑鸿繖涓嚱鏁板浘鍍忓湪<i>y</i>杞村乏杈圭殑閮ㄥ垎.
+ <span class="btn-box" @click="isShowExampleTwo = !isShowExampleTwo">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="20.501"
+ height="20.501"
+ viewBox="0 0 20.501 20.501"
+ >
+ <path
+ class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)"
+ />
+ </svg>
+ </span>
+ </p>
+ <p class="center openImgBox">
+ <img
+ class="img-c"
+ alt=""
+ src="../../assets/images/0102-1.jpg"
+ style="width: 40%"
+ />
+ </p>
+ <p class="img">鍥�3-17</p>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="8">
+ <div v-if="showPageList.indexOf(8) > -1">
+ <ul class="page-header-box">
+ <li>
+ <p>绗笁鍗曞厓 鍑芥暟</p>
+ </li>
+ <li>
+ <p><span>091</span></p>
+ </li>
+ </ul>
+ <div class="padding-96">
+ <p v-if="isShowExampleTwo">
+ <span class="zt-ls"><b>瑙�</b></span>
+ 鍑芥暟<i>f</i>锛�<i>x</i>锛�=|<i>x</i>|+1鐨勫畾涔夊煙鏄紙-鈭烇紝+鈭烇級锛屽洜涓哄畠鏄伓鍑芥暟锛屾墍浠ユ牴鎹叾鍥惧儚鍏充簬<i>y</i>杞村绉扮殑鐗圭偣锛屽嵆鍙敾鍑鸿繖涓嚱鏁板湪<i>x</i>鈭堬紙-鈭烇紝0锛戒笂鐨勫浘鍍�.
+ </p>
+ <p>
+ 濡傚浘3-18鎵�绀猴紝鍦�<i>y</i>杞村彸杈圭殑鍥惧儚涓婂彇涓ょ偣<i>A</i>鍜�<i>B</i>锛屽垎鍒敾鍑哄畠浠叧浜�<i>y</i>杞村绉扮殑鐐�<i>A</i>鈥插拰<i>B</i>鈥诧紝鐒跺悗杩炵嚎<i>A</i>鈥�<i>B</i>鈥诧紝灏卞緱鍒拌繖涓嚱鏁扮殑鍥惧儚鍦�<i>y</i>杞村乏杈圭殑閮ㄥ垎.
+ </p>
+ <p class="center openImgBox">
+ <img
+ class="img-c"
+ alt=""
+ src="../../assets/images/0102-2.jpg"
+ style="width: 40%"
+ />
+ </p>
+ <p class="img">鍥�3-18</p>
+ <div class="bk">
+ <div class="bj1">
+ <p class="left">
+ <img
+ class="img-gn1"
+ alt=""
+ src="../../assets/images/tbts.jpg"
+ />
+ </p>
+ </div>
+ <p class="block">
+ 涓�涓嚱鏁版槸涓嶆槸鍋跺嚱鏁帮紝鍙互鐢卞嚱鏁扮殑鍥惧儚鏄惁鍏充簬<i>y</i>杞村绉版潵鍒ゆ柇锛涘綋鍑芥暟鐢ㄨВ鏋愭硶琛ㄧず鏃讹紝鍙互鐢ㄥ伓鍑芥暟鐨勫畾涔夋潵鍒ゆ柇.
+ </p>
+ </div>
+ <p>
+ <span class="zt-ls"><b>渚�3</b></span
+ >銆�鍒ゆ柇涓嬪垪鍑芥暟鏄笉鏄伓鍑芥暟.
+ </p>
+ <ul>
+ <li class="fl fl-cn">
+ <p>锛�1锛� <i>f</i>锛�<i>x</i>锛�=3<i>x</i><sup>2</sup>+1锛�</p>
+ <span
+ class="btn-box"
+ @click="isShowExampleThree = !isShowExampleThree"
+ >
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="20.501"
+ height="20.501"
+ viewBox="0 0 20.501 20.501"
+ >
+ <path
+ class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)"
+ />
+ </svg>
+ </span>
+ <span class="btn-box" @click="openThinkingDialog">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="20.545"
+ height="22.112"
+ viewBox="0 0 20.545 22.112"
+ >
+ <path
+ class="a"
+ d="M3771.2-14311.889a2.356,2.356,0,0,1-1.727-.626c-.027-.054-.053-.1-.079-.148l0-.007c-.123-.224-.2-.371-.076-.629a.869.869,0,0,1,.784-.471.205.205,0,0,1,.158.079.205.205,0,0,0,.158.079.187.187,0,0,0,.038.1.143.143,0,0,0,.117.05h.158a.573.573,0,0,0,.471.158,2.2,2.2,0,0,0,.916-.3l.023-.011a.572.572,0,0,1,.471-.158.575.575,0,0,1,.626.626.526.526,0,0,1,.036.409.664.664,0,0,1-.349.375A3.582,3.582,0,0,1,3771.2-14311.889Zm-1.885-1.723h-.155a.718.718,0,0,1-.784-.63.38.38,0,0,1-.021-.3.976.976,0,0,1,.492-.485l4.86-1.252a1.047,1.047,0,0,1,.784.626c.151.3-.128.61-.471.784l-4.705,1.256Zm-.155-1.885H3769a.716.716,0,0,1-.784-.626c-.149-.3.129-.611.471-.784l4.234-1.1v-.158l-.021.007a7.808,7.808,0,0,1-1.861.31,5.3,5.3,0,0,1-3.137-.942,5.789,5.789,0,0,1-2.666-4.076,6.421,6.421,0,0,1,1.256-5.018,7.038,7.038,0,0,1,2.194-1.568,7.848,7.848,0,0,1,2.666-.472,6.43,6.43,0,0,1,2.979.784,4.958,4.958,0,0,1,2.2,2.194,5.522,5.522,0,0,1,.313,5.177,13.113,13.113,0,0,1-1.256,1.882l-.313.313a2.156,2.156,0,0,0-.78,1.244l0,.012a1.731,1.731,0,0,1-1.727,1.723l-.313.158-3.292.939Zm1.256-6.271v1.256h1.41v-1.256Zm.784-4.234c.718,0,1.1.271,1.1.784a.925.925,0,0,1-.316.783l-.468.156a2.235,2.235,0,0,0-.63.471l-.012.024a2.2,2.2,0,0,0-.3.918v.155h1.1v-.155a1.2,1.2,0,0,1,.313-.629.543.543,0,0,0,.315-.153c.007,0,.315,0,.315-.16a1.226,1.226,0,0,0,.626-.626,2.277,2.277,0,0,0,.313-1.1,1.409,1.409,0,0,0-.626-1.252,2.337,2.337,0,0,0-1.569-.471,2.258,2.258,0,0,0-2.507,2.353l1.252.154A1.121,1.121,0,0,1,3771.2-14326Zm-6.51,9.645a.769.769,0,0,1-.549-.237.772.772,0,0,1-.235-.549.772.772,0,0,1,.235-.548l.939-.939a.781.781,0,0,1,.55-.234.772.772,0,0,1,.547.234.772.772,0,0,1,.238.549.772.772,0,0,1-.238.549l-.939.938A.769.769,0,0,1,3764.686-14316.356Zm13.174-.157a.774.774,0,0,1-.549-.234l-.943-.942a.678.678,0,0,1-.233-.47.678.678,0,0,1,.233-.47.774.774,0,0,1,.549-.234.774.774,0,0,1,.549.234l.942.939a.427.427,0,0,1,.228.324.74.74,0,0,1-.228.618A.774.774,0,0,1,3777.859-14316.514Zm2.9-6.351h-1.414c-.469-.158-.784-.474-.784-.784a.743.743,0,0,1,.784-.784h1.414a.743.743,0,0,1,.784.784A.743.743,0,0,1,3780.761-14322.864Zm-17.566-.158h-1.41c-.469-.157-.784-.473-.784-.784a.743.743,0,0,1,.784-.784h1.41a.743.743,0,0,1,.784.784A.743.743,0,0,1,3763.195-14323.022Zm13.861-5.723a.759.759,0,0,1-.529-.237.776.776,0,0,1-.235-.549.772.772,0,0,1,.235-.549l.939-.938a.44.44,0,0,1,.413-.238.759.759,0,0,1,.529.238.772.772,0,0,1,.235.549.772.772,0,0,1-.235.548l-.942.939A.435.435,0,0,1,3777.055-14328.745Zm-11.429,0a.776.776,0,0,1-.55-.237l-.939-1.1a.678.678,0,0,1-.235-.469.678.678,0,0,1,.235-.47.772.772,0,0,1,.549-.238.772.772,0,0,1,.549.238l.939,1.1a.675.675,0,0,1,.238.47.675.675,0,0,1-.238.47A.767.767,0,0,1,3765.626-14328.745Zm5.724-2.273a.743.743,0,0,1-.784-.785v-1.413c.157-.469.473-.784.784-.784a.743.743,0,0,1,.784.784v1.413A.743.743,0,0,1,3771.35-14331.019Z"
+ transform="translate(-3761 14334.001)"
+ />
+ </svg>
+ </span>
+ <span class="btn-box" @click="openMathDiaolog">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="18.323"
+ height="18.939"
+ viewBox="0 0 18.323 15.939"
+ >
+ <g transform="translate(-398 -946)">
+ <path
+ class="a"
+ d="M11.985,1.241a.894.894,0,0,1-.242.623.79.79,0,0,1-.6.263.644.644,0,0,1-.547-.229,3.034,3.034,0,0,1-.339-.741A.935.935,0,0,0,10.1.846a.4.4,0,0,0-.291-.1.36.36,0,0,0-.333.18,1.836,1.836,0,0,0-.2.478L8.251,4.753H9.7l-.27.79H8.043l-1.51,4.849a27.9,27.9,0,0,1-1.06,2.93,5.5,5.5,0,0,1-1.316,1.857,3.11,3.11,0,0,1-2.189.755,2.258,2.258,0,0,1-1.455-.409A1.192,1.192,0,0,1,0,14.618a.97.97,0,0,1,.27-.693.894.894,0,0,1,.693-.291.741.741,0,0,1,.693.27,1.815,1.815,0,0,1,.2.693c0,.381.2.575.492.575a.817.817,0,0,0,.693-.478,6.983,6.983,0,0,0,.568-1.469L6,5.543H4.5l.236-.776h1.5l.159-.54a14.548,14.548,0,0,1,.693-2.016A4.544,4.544,0,0,1,8.313.694,2.91,2.91,0,0,1,10.281,0a2.425,2.425,0,0,1,.8.145,1.5,1.5,0,0,1,.693.429.963.963,0,0,1,.236.693Z"
+ transform="translate(398 948)"
+ />
+ <path
+ class="b"
+ d="M18.323,5.668a3.505,3.505,0,0,1-.152,1.046H17.36a3.969,3.969,0,0,0,.166-1.06.5.5,0,0,0-.062-.236.27.27,0,0,0-.249-.132.346.346,0,0,0-.229.076c-.069.055-.222.208-.471.471L14.936,7.489a22.329,22.329,0,0,0-1.552,1.621l-1.815,1.974a2.168,2.168,0,0,1-1.385.859c-.492,0-.741-.333-.741-.991a3.575,3.575,0,0,1,.3-1.385h.914a4.766,4.766,0,0,0-.263,1.1c0,.18.048.263.159.263s.242-.111.464-.333l2.147-2.286c-.006-.033,1.525-1.611,1.524-1.6l1.3-1.385a2.078,2.078,0,0,1,1.385-.8.755.755,0,0,1,.776.388,1.9,1.9,0,0,1,.173.776Z"
+ transform="translate(398 948)"
+ />
+ <path
+ class="a"
+ d="M14.936,7.489l.693,2.251a5.154,5.154,0,0,0,.236.61c.083.159.18.242.3.242a.82.82,0,0,0,.533-.457,4.849,4.849,0,0,0,.339-.817H17.8a4.849,4.849,0,0,1-.693,1.51,2.813,2.813,0,0,1-.873.852,1.766,1.766,0,0,1-.88.27,1.178,1.178,0,0,1-1.018-.464,4.357,4.357,0,0,1-.623-1.309l-.326-1.067a6.4,6.4,0,0,0-.222-.8L12.747,7c-.083-.27-.152-.478-.2-.6a1.136,1.136,0,0,0-.194-.312.4.4,0,0,0-.284-.118c-.326,0-.6.423-.817,1.261h-.769a6.671,6.671,0,0,1,.6-1.5,3.034,3.034,0,0,1,.81-.873,1.663,1.663,0,0,1,.942-.312,1.344,1.344,0,0,1,1.067.471,3.692,3.692,0,0,1,.644,1.268l.139.436C14.672,6.7,14.936,7.489,14.936,7.489Z"
+ transform="translate(398 948)"
+ />
+ </g>
+ </svg>
+ </span>
+ <span class="btn-box" @click="stepDialog = true">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="19.28"
+ height="20.563"
+ viewBox="0 0 19.28 20.563"
+ >
+ <g transform="translate(-109.056 -82.941)">
+ <path
+ class="a"
+ d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+ transform="translate(-3316.14 15289.201)"
+ />
+ <path
+ class="a"
+ d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+ transform="translate(-196.896 -148.921)"
+ />
+ <path
+ class="a"
+ d="M763.392,793.79l3.262-3.262h-3.262Z"
+ transform="translate(-638.661 -690.634)"
+ />
+ </g>
+ </svg>
+ </span>
+ </li>
+ <li class="fl fl-cn">
+ <p>锛�2锛� <i>f</i>锛�<i>x</i>锛�=<i>x</i><sup>2</sup>+<i>x</i>锛�</p>
+ <span
+ class="btn-box"
+ @click="isShowExampleFour = !isShowExampleFour"
+ >
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="20.501"
+ height="20.501"
+ viewBox="0 0 20.501 20.501"
+ >
+ <path
+ class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)"
+ />
+ </svg>
+ </span>
+ <span class="btn-box" @click="openMathDiaolog">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="18.323"
+ height="18.939"
+ viewBox="0 0 18.323 15.939"
+ >
+ <g transform="translate(-398 -946)">
+ <path
+ class="a"
+ d="M11.985,1.241a.894.894,0,0,1-.242.623.79.79,0,0,1-.6.263.644.644,0,0,1-.547-.229,3.034,3.034,0,0,1-.339-.741A.935.935,0,0,0,10.1.846a.4.4,0,0,0-.291-.1.36.36,0,0,0-.333.18,1.836,1.836,0,0,0-.2.478L8.251,4.753H9.7l-.27.79H8.043l-1.51,4.849a27.9,27.9,0,0,1-1.06,2.93,5.5,5.5,0,0,1-1.316,1.857,3.11,3.11,0,0,1-2.189.755,2.258,2.258,0,0,1-1.455-.409A1.192,1.192,0,0,1,0,14.618a.97.97,0,0,1,.27-.693.894.894,0,0,1,.693-.291.741.741,0,0,1,.693.27,1.815,1.815,0,0,1,.2.693c0,.381.2.575.492.575a.817.817,0,0,0,.693-.478,6.983,6.983,0,0,0,.568-1.469L6,5.543H4.5l.236-.776h1.5l.159-.54a14.548,14.548,0,0,1,.693-2.016A4.544,4.544,0,0,1,8.313.694,2.91,2.91,0,0,1,10.281,0a2.425,2.425,0,0,1,.8.145,1.5,1.5,0,0,1,.693.429.963.963,0,0,1,.236.693Z"
+ transform="translate(398 948)"
+ />
+ <path
+ class="b"
+ d="M18.323,5.668a3.505,3.505,0,0,1-.152,1.046H17.36a3.969,3.969,0,0,0,.166-1.06.5.5,0,0,0-.062-.236.27.27,0,0,0-.249-.132.346.346,0,0,0-.229.076c-.069.055-.222.208-.471.471L14.936,7.489a22.329,22.329,0,0,0-1.552,1.621l-1.815,1.974a2.168,2.168,0,0,1-1.385.859c-.492,0-.741-.333-.741-.991a3.575,3.575,0,0,1,.3-1.385h.914a4.766,4.766,0,0,0-.263,1.1c0,.18.048.263.159.263s.242-.111.464-.333l2.147-2.286c-.006-.033,1.525-1.611,1.524-1.6l1.3-1.385a2.078,2.078,0,0,1,1.385-.8.755.755,0,0,1,.776.388,1.9,1.9,0,0,1,.173.776Z"
+ transform="translate(398 948)"
+ />
+ <path
+ class="a"
+ d="M14.936,7.489l.693,2.251a5.154,5.154,0,0,0,.236.61c.083.159.18.242.3.242a.82.82,0,0,0,.533-.457,4.849,4.849,0,0,0,.339-.817H17.8a4.849,4.849,0,0,1-.693,1.51,2.813,2.813,0,0,1-.873.852,1.766,1.766,0,0,1-.88.27,1.178,1.178,0,0,1-1.018-.464,4.357,4.357,0,0,1-.623-1.309l-.326-1.067a6.4,6.4,0,0,0-.222-.8L12.747,7c-.083-.27-.152-.478-.2-.6a1.136,1.136,0,0,0-.194-.312.4.4,0,0,0-.284-.118c-.326,0-.6.423-.817,1.261h-.769a6.671,6.671,0,0,1,.6-1.5,3.034,3.034,0,0,1,.81-.873,1.663,1.663,0,0,1,.942-.312,1.344,1.344,0,0,1,1.067.471,3.692,3.692,0,0,1,.644,1.268l.139.436C14.672,6.7,14.936,7.489,14.936,7.489Z"
+ transform="translate(398 948)"
+ />
+ </g>
+ </svg>
+ </span>
+ </li>
+ <li class="fl fl-cn">
+ <p>锛�3锛� <i>f</i>锛�<i>x</i>锛�=5<i>x</i>+2.</p>
+ <span
+ class="btn-box"
+ @click="isShowExampleFive = !isShowExampleFive"
+ >
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="20.501"
+ height="20.501"
+ viewBox="0 0 20.501 20.501"
+ >
+ <path
+ class="a"
+ d="M3344.717-15308.5H3337.4a10.186,10.186,0,0,1-7.25-3,10.185,10.185,0,0,1-3-7.25A10.262,10.262,0,0,1,3337.4-15329a10.26,10.26,0,0,1,10.249,10.248,10.129,10.129,0,0,1-2.2,6.341v3.177A.734.734,0,0,1,3344.717-15308.5Zm-9.606-7.29h4.493l.527,1.419c.071.182.156.386.254.608a2.428,2.428,0,0,0,.273.512.986.986,0,0,0,.315.262.971.971,0,0,0,.454.1,1.05,1.05,0,0,0,.773-.327,1.025,1.025,0,0,0,.319-.723,3.3,3.3,0,0,0-.277-1.051l-.062-.161-2.889-7.313c-.119-.321-.228-.607-.335-.873a2.972,2.972,0,0,0-.323-.616,1.56,1.56,0,0,0-.5-.469,1.552,1.552,0,0,0-.781-.181,1.535,1.535,0,0,0-.773.181,1.475,1.475,0,0,0-.5.477,3.674,3.674,0,0,0-.362.739l-.239.627-.054.135-2.824,7.355c-.095.229-.179.46-.25.688a1.529,1.529,0,0,0-.073.477.978.978,0,0,0,.323.72,1.039,1.039,0,0,0,.746.315.838.838,0,0,0,.716-.3,4.676,4.676,0,0,0,.466-.985l.062-.165.527-1.449Zm3.747-1.5h-3.293l1.812-5.124,1.481,5.123Z"
+ transform="translate(-3327.144 15329)"
+ />
+ </svg>
+ </span>
+ <span class="btn-box" @click="openMathDiaolog">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="18.323"
+ height="18.939"
+ viewBox="0 0 18.323 15.939"
+ >
+ <g transform="translate(-398 -946)">
+ <path
+ class="a"
+ d="M11.985,1.241a.894.894,0,0,1-.242.623.79.79,0,0,1-.6.263.644.644,0,0,1-.547-.229,3.034,3.034,0,0,1-.339-.741A.935.935,0,0,0,10.1.846a.4.4,0,0,0-.291-.1.36.36,0,0,0-.333.18,1.836,1.836,0,0,0-.2.478L8.251,4.753H9.7l-.27.79H8.043l-1.51,4.849a27.9,27.9,0,0,1-1.06,2.93,5.5,5.5,0,0,1-1.316,1.857,3.11,3.11,0,0,1-2.189.755,2.258,2.258,0,0,1-1.455-.409A1.192,1.192,0,0,1,0,14.618a.97.97,0,0,1,.27-.693.894.894,0,0,1,.693-.291.741.741,0,0,1,.693.27,1.815,1.815,0,0,1,.2.693c0,.381.2.575.492.575a.817.817,0,0,0,.693-.478,6.983,6.983,0,0,0,.568-1.469L6,5.543H4.5l.236-.776h1.5l.159-.54a14.548,14.548,0,0,1,.693-2.016A4.544,4.544,0,0,1,8.313.694,2.91,2.91,0,0,1,10.281,0a2.425,2.425,0,0,1,.8.145,1.5,1.5,0,0,1,.693.429.963.963,0,0,1,.236.693Z"
+ transform="translate(398 948)"
+ />
+ <path
+ class="b"
+ d="M18.323,5.668a3.505,3.505,0,0,1-.152,1.046H17.36a3.969,3.969,0,0,0,.166-1.06.5.5,0,0,0-.062-.236.27.27,0,0,0-.249-.132.346.346,0,0,0-.229.076c-.069.055-.222.208-.471.471L14.936,7.489a22.329,22.329,0,0,0-1.552,1.621l-1.815,1.974a2.168,2.168,0,0,1-1.385.859c-.492,0-.741-.333-.741-.991a3.575,3.575,0,0,1,.3-1.385h.914a4.766,4.766,0,0,0-.263,1.1c0,.18.048.263.159.263s.242-.111.464-.333l2.147-2.286c-.006-.033,1.525-1.611,1.524-1.6l1.3-1.385a2.078,2.078,0,0,1,1.385-.8.755.755,0,0,1,.776.388,1.9,1.9,0,0,1,.173.776Z"
+ transform="translate(398 948)"
+ />
+ <path
+ class="a"
+ d="M14.936,7.489l.693,2.251a5.154,5.154,0,0,0,.236.61c.083.159.18.242.3.242a.82.82,0,0,0,.533-.457,4.849,4.849,0,0,0,.339-.817H17.8a4.849,4.849,0,0,1-.693,1.51,2.813,2.813,0,0,1-.873.852,1.766,1.766,0,0,1-.88.27,1.178,1.178,0,0,1-1.018-.464,4.357,4.357,0,0,1-.623-1.309l-.326-1.067a6.4,6.4,0,0,0-.222-.8L12.747,7c-.083-.27-.152-.478-.2-.6a1.136,1.136,0,0,0-.194-.312.4.4,0,0,0-.284-.118c-.326,0-.6.423-.817,1.261h-.769a6.671,6.671,0,0,1,.6-1.5,3.034,3.034,0,0,1,.81-.873,1.663,1.663,0,0,1,.942-.312,1.344,1.344,0,0,1,1.067.471,3.692,3.692,0,0,1,.644,1.268l.139.436C14.672,6.7,14.936,7.489,14.936,7.489Z"
+ transform="translate(398 948)"
+ />
+ </g>
+ </svg>
+ </span>
+ </li>
+ </ul>
+ <div v-if="isShowExampleThree">
+ <p>
+ <span class="zt-ls"><b>瑙�</b></span
+ >锛�1锛� 鍑芥暟<i>f</i>锛�<i>x</i>锛�=3<i>x</i
+ ><sup>2</sup
+ >+1鐨勫畾涔夊煙鏄�<b>R</b>锛屽浠绘剰<i>x</i>鈭�<b>R</b>锛岄兘鏈�-<i>x</i>鈭�<b>R</b>锛�
+ </p>
+ <p>鑰�</p>
+ <p class="center">
+ <i>f</i>锛�-<i>x</i>锛�=3锛�-<i>x</i>锛�<sup>2</sup>+1=3<i>x</i
+ ><sup>2</sup>+1=<i>f</i>锛�<i>x</i>锛夛紝
+ </p>
+ <p>
+ 鎵�浠ワ紝鍑芥暟<i>f</i>锛�<i>x</i>锛�=3<i>x</i><sup>2</sup>+1鏄伓鍑芥暟.
+ </p>
+ </div>
+ <div v-if="isShowExampleFour">
+ <p>
+ 锛�2锛� 鍑芥暟<i>f</i>锛�<i>x</i>锛�=<i>x</i
+ ><sup>2</sup
+ >+<i>x</i>鐨勫畾涔夊煙鏄�<b>R</b>锛屽浠绘剰<i>x</i>鈭�<b>R</b>锛岄兘鏈�-<i>x</i>鈭�<b>R</b>锛岃��
+ </p>
+ <p class="center">
+ <i>f</i>锛�-<i>x</i>锛�=锛�-<i>x</i>锛�<sup>2</sup>+锛�-<i>x</i>锛�=<i
+ >x</i
+ ><sup>2</sup>-<i>x</i>鈮�<i>f</i>锛�<i>x</i>锛夛紝
+ </p>
+ <p>
+ 鎵�浠ワ紝鍑芥暟<i>f</i>锛�<i>x</i>锛�=<i>x</i
+ ><sup>2</sup>+<i>x</i>涓嶆槸鍋跺嚱鏁�.
+ </p>
+ </div>
+ <div v-if="isShowExampleFive">
+ <p>
+ 锛�3锛�
+ 鍑芥暟<i>f</i>锛�<i>x</i>锛�=5<i>x</i>+2鐨勫畾涔夊煙鏄�<b>R</b>锛屽浠绘剰<i>x</i>鈭�<b>R</b>锛岄兘鏈�-<i>x</i>鈭�<i>R</i>锛岃��
+ </p>
+ <p class="center">
+ <i>f</i
+ >锛�-<i>x</i>锛�=5锛�-<i>x</i>锛�+2=-5<i>x</i>+2鈮�<i>f</i>锛�<i>x</i>锛夛紝
+ </p>
+ <p>鎵�浠ワ紝鍑芥暟<i>f</i>锛�<i>x</i>锛�=5<i>x</i>+2涓嶆槸鍋跺嚱鏁�.</p>
+ </div>
+ <div class="bk-hzjl">
+ <div class="bj1-hzjl">
+ <p class="left">
+ <img
+ class="img-gn2"
+ alt=""
+ src="../../assets/images/hzjl.jpg"
+ />
+ </p>
+ </div>
+ <p class="block">
+ 濡傛灉<i>f</i>锛�<i>x</i>锛夛紝<i>g</i>锛�<i>x</i>锛夐兘鏄畾涔夊煙涓�<i>D</i>鐨勫伓鍑芥暟锛岄偅涔�<i>f</i>锛�<i>x</i>锛�+<i>g</i>锛�<i>x</i>锛夊拰<i>f</i>锛�<i>x</i>锛�<i>g</i>锛�<i>x</i>锛変粛鏄伓鍑芥暟鍚楋紵
+ </p>
+ </div>
+ <textarea
+ cols="30"
+ rows="4"
+ v-model="chapterData.txtOne"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ class="w100 ta-br textarea-text"
+ @input="handleChapterData"
+ ></textarea>
+ </div>
+ </div>
+ </div>
+ <div class="page-box" page="9">
+ <div v-if="showPageList.indexOf(9) > -1">
+ <ul class="page-header-odd fl al-end">
+ <li>092</li>
+ <li>鏁板.鍩虹妯″潡</li>
+ <li></li>
+ </ul>
+ <div class="padding-96">
+ <p class="left">
+ <img class="img-gn" alt="" src="../../assets/images/stlx.jpg" />
+ </p>
+ <div class="bj">
+ <examinations
+ :cardList="questionData"
+ v-if="questionData"
+ :isReal="false"
+ ></examinations>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- 鍑芥暟鎺т欢寮圭獥 -->
+ <el-dialog
+ title=""
+ :visible.sync="dialogVisible"
+ width="60%"
+ :append-to-body="true"
+ >
+ <iframe
+ src="https://www.geogebra.org/calculator"
+ frameborder="0"
+ class="iframe-box"
+ ></iframe>
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="dialogVisible = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="dialogVisible = false"
+ >纭� 瀹�</el-button
+ >
+ </span>
+ </el-dialog>
+ <!-- 瑙ｉ鎬濊矾寮圭獥 -->
+ <el-dialog
+ title="瑙ｉ鎬濊矾"
+ :visible.sync="thinkingDialog"
+ width="40%"
+ :append-to-body="true"
+ >
+ <ul>
+ <li v-for="(item, index) in thinkOne" :key="index">
+ <div v-if="item.isShow">
+ <p class="txt-p">{{ item.txt }}</p>
+ <div style="text-align: center">
+ <svg
+ @click="showNext(index + 1)"
+ v-if="index != thinkOne.length - 1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ t="1710234570135"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ p-id="5067"
+ width="15"
+ height="15"
+ >
+ <path
+ d="M2.257993 493.371555 415.470783 906.584344 512 1003.113561 608.529217 906.584344 1021.742007 493.371555 925.212789 396.842337 512 810.055127 98.787211 396.842337Z"
+ fill="#1296db"
+ p-id="5068"
+ />
+ <path
+ d="M2.257993 117.980154 415.470783 531.192944 512 627.722161 608.529217 531.192944 1021.742007 117.980154 925.212789 21.450937 512 434.663727 98.787211 21.450937Z"
+ fill="#1296db"
+ p-id="5069"
+ />
+ </svg>
+ </div>
+ </div>
+ </li>
+ </ul>
+
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="thinkingDialog = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="thinkingDialog = false"
+ >纭� 瀹�</el-button
+ >
+ </span>
+ </el-dialog>
+ <!-- 瑙ｉ姝ラ寮圭獥 -->
+ <el-dialog
+ title="瑙ｉ姝ラ"
+ :visible.sync="stepDialog"
+ width="40%"
+ :append-to-body="true"
+ >
+ <ul>
+ <li v-for="(item, index) in stepOne" :key="index">
+ <div v-if="item.isShow">
+ <p class="txt-p">{{ item.txt }}</p>
+ <div style="text-align: center">
+ <svg
+ @click="showNextChange(index + 1)"
+ v-if="index != thinkOne.length - 1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ t="1710234570135"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ p-id="5067"
+ width="15"
+ height="15"
+ >
+ <path
+ d="M2.257993 493.371555 415.470783 906.584344 512 1003.113561 608.529217 906.584344 1021.742007 493.371555 925.212789 396.842337 512 810.055127 98.787211 396.842337Z"
+ fill="#1296db"
+ p-id="5068"
+ />
+ <path
+ d="M2.257993 117.980154 415.470783 531.192944 512 627.722161 608.529217 531.192944 1021.742007 117.980154 925.212789 21.450937 512 434.663727 98.787211 21.450937Z"
+ fill="#1296db"
+ p-id="5069"
+ />
+ </svg>
+ </div>
+ </div>
+ </li>
+ </ul>
+
+ <span slot="footer" class="dialog-footer">
+ <el-button @click="stepDialog = false">鍙� 娑�</el-button>
+ <el-button type="primary" @click="stepDialog = false">纭� 瀹�</el-button>
+ </span>
+ </el-dialog>
+ </div>
+</template>
+
+<script>
+import examinations from "@/components/examinations/index.vue";
+import { getResourcePath } from "@/assets/methods/resources";
+import axios from "axios";
+export default {
+ name: "chapter-one",
+ components: { examinations },
+ props: {
+ showPageList: {
+ type: Array,
+ default: [],
+ },
+ },
+ mounted() {
+ const data = localStorage.getItem("math-chapterData");
+ if (data) {
+ this.chapterData = JSON.parse(data);
+ }
+ this.getPath();
+ this.getQuestionData();
+ },
+ data() {
+ return {
+ collectImg: require("../../assets/images/icon/heart.png"),
+ collectCheck: require("../../assets/images/icon/heart-check.png"),
+ isShowExampleOne: false,
+ isShowExampleTwo: false,
+ isShowExampleThree: false,
+ isShowExampleFour: false,
+ isShowExampleFive: false,
+ dialogVisible: false,
+ thinkingDialog: false,
+ stepDialog: false,
+ videoPath: "",
+ questionData: [],
+ chapterData: {
+ isCollectImg: false,
+ isCollectVideo: false,
+ txtOne: "",
+ },
+ thinkOne: [
+ {
+ txt: "1:涓�涓嚱鏁版槸涓� 鏄伓鍑芥暟,鍙互鐢� 鍑芥暟鐨勫浘鍍忔槸鍚﹀叧 浜巠 杞� 瀵� 绉� 鏉� 鍒� 鏂�;褰撳嚱鏁扮敤瑙ｆ瀽 娉曡〃绀烘椂,鍙互鐢� 鍋� 鍑� 鏁� 鐨� 瀹� 涔� 鏉� 鍒ゆ柇銆� 鍋跺嚱鏁�:涓�鑸湴锛岃鍑芥暟f(x)鐨勫畾涔夊煙涓篋锛屽鏋滃浜庝换鎰弜ED锛岄兘鏈塜ED锛屼笖f(-x)=f(x)锛岄偅涔堝嚱鏁癴(x)灏卞彨浣滃伓鍑芥暟",
+ isShow: true,
+ },
+ {
+ txt: "2:璁＄畻f(-x)",
+ isShow: false,
+ },
+ {
+ txt: "3:鍒ゆ柇f(-x)鏄惁绛変簬f(x)",
+ isShow: false,
+ },
+ ],
+ stepOne: [
+ {
+ txt: "1:(1)鍑芥暟f(x)=3x2+1鐨勫畾涔夊煙鏄疪锛屽浠绘剰XER锛岄兘鏈�-XER",
+ isShow: true,
+ },
+ {
+ txt: "2:f(-x)=3(-x)2+1=3x2+1=f(x)",
+ isShow: false,
+ },
+ ],
+ };
+ },
+ methods: {
+ handleChapterData() {
+ localStorage.setItem(
+ "math-chapterData",
+ JSON.stringify(this.chapterData)
+ );
+ },
+ async getPath() {
+ this.videoPath = await getResourcePath(
+ "a28cd862d61b5df2201406b76e9f01b0"
+ );
+ },
+ getQuestionData() {
+ axios
+ .get(this.config.activeBook.resourceUrl + "/question.json")
+ .then((res) => {
+ let oldAnswer = localStorage.getItem(
+ this.config.activeBook.name + "oldAnswerData"
+ );
+ if (oldAnswer) {
+ oldAnswer = JSON.parse(oldAnswer);
+ console.log("鏃ф暟鎹�", oldAnswer);
+ if(oldAnswer[9]) {
+ for (let index = 0; index < res.data.data.length; index++) {
+ const item = res.data.data[index];
+ if(item.infoList.length) {
+ for (let cindex = 0; cindex < item.infoList.length; cindex++) {
+ const citem = item.infoList[cindex];
+ const question = oldAnswer[9].find(ditem => ditem.id == citem.id)
+ if(question) {
+ citem.userAnswer = question.userAnswer
+ }
+ }
+ }
+ }
+ }
+ }
+ this.questionData = res.data.data;
+ });
+ },
+ handleCollect(type) {
+ if (type == "img") {
+ this.chapterData.isCollectImg = !this.chapterData.isCollectImg;
+ } else if (type == "video") {
+ this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
+ }
+ this.handleChapterData();
+ },
+ openMathDiaolog() {
+ this.dialogVisible = true;
+ },
+ openThinkingDialog() {
+ this.thinkingDialog = true;
+ },
+ showNext(num) {
+ const number = this.thinkOne.findIndex((item, index) => index == num);
+ console.log(number);
+ this.thinkOne[number].isShow = true;
+ },
+ showNextChange(num) {
+ const number = this.stepOne.findIndex((item, index) => index == num);
+ this.stepOne[number].isShow = true;
+ },
+ },
+};
+</script>
+
+<style lang="less" scoped>
+.iframe-box {
+ width: 100%;
+ min-height: 800px;
+ border: 1px solid #8281ed;
+}
+li {
+ list-style: none;
+}
+.txt-p {
+ margin-top: 0;
+ border-bottom: 1px dashed #000;
+ padding: 10px 0;
+}
+</style>
diff --git a/src/books/math/view/components/header.vue b/src/books/math/view/components/header.vue
index f01d967..ef77509 100644
--- a/src/books/math/view/components/header.vue
+++ b/src/books/math/view/components/header.vue
@@ -1,37 +1,38 @@
-
<template>
<div class="chapter" num="1">
<!-- 灏侀潰 -->
- <div class="page-box cover mt-20" page="1" style="min-height:auto">
+ <div class="page-box cover mt-20" page="1" style="min-height: auto">
<div v-if="showPageList.indexOf(1) > -1">
- <img src="../../assets/images/Cover.jpg" alt="" />
+ <img src="../../assets/images/Cover.jpg" alt="" class="w100" />
</div>
</div>
- <div class="page-box" page="2" style="min-height:auto">
- <div v-if="showPageList.indexOf(1) > -1">
- <img src="../../assets/images/Cover.jpg" alt="" />
+ <div class="page-box" page="2" style="min-height: auto">
+ <div v-if="showPageList.indexOf(2) > -1">
+ <img src="../../assets/images/Covers.png" alt="" class="w100" />
</div>
</div>
- <!-- 鐗堟潈椤� -->
- <div class="page-box text-center" style="padding: 136px 0" page="3">
+ <!-- 鐗堟潈椤� -->
+ <div class="page-box text-center" style="padding: 136px 0" page="3">
<div v-if="showPageList.indexOf(3) > -1">
<div class="box">
<hr class="line" />
<p class="tl fz-14"><b>鍥句功鍦ㄧ増缂栫洰锛圕IP锛夋暟鎹�</b></p>
<p class="tl fz-14 m0">
- 瀛﹀墠鍎跨鍗敓涓庝繚鍋�/寮犲叞棣欙紝娼樼钀嶄富缂�.鈥�3鐗�.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2023.2锛�2024.2閲嶅嵃锛�
+ 鏁板锛氬熀纭�妯″潡.涓婂唽/鏇逛竴楦ｏ紝浠樺媷锛岃懀杩炴槬涓荤紪.鈥�4鐗�.鈥斿寳浜細鍖椾含甯堣寖澶у鍑虹増绀撅紝2021.8锛�2023.6閲嶅嵃锛�
</p>
- <p class="tl" style="margin-bottom: 10px">ISBN 978-7-303-26340-0</p>
+ <p class="tl" style="margin-bottom: 10px">ISBN 978-7-303-27089-7</p>
<p class="tl fz-14 m0" style="margin-bottom: 10px">
- 鈪�.鈶犲鈥� 鈪�.鈶犲紶鈥� 鈶℃綐鈥� 鈪�.鈶犲鍓嶅効绔モ�斿崼鐢熶繚鍋モ�斿辜鍎垮笀鑼冨鏍♀�旀暀鏉� 鈪�.鈶燫179
+ 鈪�.鈶犳暟鈥� 鈪�.鈶犳浌鈥� 鈶′粯鈥� 鈶㈣懀鈥� 鈪�.鈶犳暟瀛﹁-涓瓑涓撲笟瀛︽牎-鏁欐潗 鈪�.鈶燝634.603
</p>
- <p class="tl fz-14">涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧锛�2020锛夌179545鍙�</p>
+ <p class="tl fz-14">涓浗鐗堟湰鍥句功棣咰IP鏁版嵁鏍稿瓧锛�2021锛夌127012鍙�</p>
<hr class="line" style="height: 1px" />
<p class="tl fz-14 m0" style="margin-top: 136px">
- <b>鏁欐潗鎰忚鍙嶉锛歡aozhifk@bnupg.com 010-58805079</b>
+ <b>鏁欐潗鎰忚鍙嶉鑱旂郴鐢佃瘽銆�010-58807762 58806368</b>
</p>
- <p class="tl fz-14 m0">钀ラ攢涓績鐢佃瘽锛�010-58802755 58800035</p>
- <p class="tl fz-14 m0">缂栬緫閮ㄧ數璇濓細010-58802883</p>
+ <p class="tl fz-14 m0">
+ <b>鏁欐潗鎰忚鍙嶉鐢靛瓙淇＄銆�yjp@bnupg.com lz@bnupg.com</b>
+ </p>
+ <p class="tl fz-14 m0">钀ラ攢涓績鐢佃瘽銆�010-58806880 58801876</p>
<hr class="line" style="height: 1px" />
<p class="tl fz-14 m0">鍑虹増鍙戣锛氬寳浜笀鑼冨ぇ瀛﹀嚭鐗堢ぞ www.bnupg.com</p>
<p class="tl fz-14 m0">銆�銆�銆�銆�銆�鍖椾含甯傝タ鍩庡尯鏂拌鍙ｅ澶ц12-3鍙�</p>
@@ -39,22 +40,22 @@
<p class="tl fz-14 m0">鍗般��銆�鍒凤細澶╂触鏃潪鍗板埛鏈夐檺鍏徃</p>
<p class="tl fz-14 m0">缁忋��銆�閿�锛氬叏鍥芥柊鍗庝功搴�</p>
<p class="tl fz-14 m0">寮�銆�銆�鏈細889mm脳1194mm 1/16</p>
- <p class="tl fz-14 m0">鍗般��銆�寮狅細18.25</p>
- <p class="tl fz-14 m0">瀛椼��銆�鏁帮細373鍗冨瓧</p>
- <p class="tl fz-14 m0">鐗堛��銆�娆★細2023骞�2鏈堢3鐗�</p>
- <p class="tl fz-14 m0">鍗般��銆�娆★細2024骞�2鏈堢23娆″嵃鍒�</p>
- <p class="tl fz-14 m0">瀹氥��銆�浠凤細39.80鍏�</p>
+ <p class="tl fz-14 m0">鍗般��銆�寮狅細14</p>
+ <p class="tl fz-14 m0">瀛椼��銆�鏁帮細214鍗冨瓧</p>
+ <p class="tl fz-14 m0">鐗堛��銆�娆★細2021骞�8鏈堢4鐗�</p>
+ <p class="tl fz-14 m0">鍗般��銆�娆★細2023骞�6鏈堢39娆″嵃鍒�</p>
+ <p class="tl fz-14 m0">瀹氥��銆�浠凤細27.00鍏�</p>
<hr class="line" />
<ul class="fl fl-between m0" style="padding: 0">
<li>
- <p class="tl fz-14 m0">绛栧垝缂栬緫锛氬璐靛钩</p>
- <p class="tl fz-14 m0">缇庢湳缂栬緫锛氱劍涓�</p>
- <p class="tl fz-14 m0">璐ｄ换鏍″锛氶檲姘�</p>
+ <p class="tl fz-14 m0">绛栧垝缂栬緫锛氭灄銆�瀛愩��浣欏骞�</p>
+ <p class="tl fz-14 m0">缇庢湳缂栬緫锛氱劍銆�涓�</p>
+ <p class="tl fz-14 m0">璐ｄ换鏍″锛氶檲銆�姘�</p>
</li>
<li>
- <p class="tl fz-14 m0">璐ｄ换缂栬緫锛氬懆楣�</p>
- <p class="tl fz-14 m0">瑁呭抚璁捐锛氱劍涓�</p>
- <p class="tl fz-14 m0">璐ｄ换鍗板埗锛氶┈娲�</p>
+ <p class="tl fz-14 m0">璐ｄ换缂栬緫锛氶┈鍔涙晱</p>
+ <p class="tl fz-14 m0">瑁呭抚璁捐锛氱劍銆�涓�</p>
+ <p class="tl fz-14 m0">璐ｄ换鍗板埗锛氶┈銆�娲�</p>
</li>
</ul>
<p class="center m0" style="margin-top: 20px; font-size: 20px">
@@ -70,6 +71,7 @@
</div>
</div>
</div>
+
</div>
</template>
@@ -82,12 +84,57 @@
default: [],
},
data() {
- return {
- }
+ return {};
},
},
};
</script>
<style lang="less" scoped>
-</style>
\ No newline at end of file
+.cover img {
+ width: 100%;
+ object-fit: contain;
+}
+.box {
+ max-width: 400px;
+ margin: 0 auto;
+}
+.line {
+ background-color: #000;
+ height: 2px;
+}
+.tixing {
+ position: relative;
+ margin-bottom: 110px;
+}
+.tixing-left {
+ position: absolute;
+ top: 0px;
+ width: 200px;
+ border-top: 50px solid #1eb9ee;
+ border-right: 20px solid transparent;
+ border-bottom: 30px solid transparent;
+ border-left: 0px solid transparent;
+}
+.tixing-right {
+ max-width: 200px;
+ border-top: 40px solid transparent;
+ border-right: 0px solid transparent;
+ border-bottom: 40px solid #8dd7f7;
+ border-left: 40px solid transparent;
+}
+.tixing-box {
+ width: 100%;
+ height: 50px;
+ background-color: #8dd7f7;
+}
+.tixing-text {
+ position: absolute;
+ top: -36px;
+ left: 44px;
+}
+.preface-text {
+ font-size: 24px;
+ color: #fff;
+}
+</style>
diff --git a/src/books/math/view/components/index.vue b/src/books/math/view/components/index.vue
index bb50f45..b135e8a 100644
--- a/src/books/math/view/components/index.vue
+++ b/src/books/math/view/components/index.vue
@@ -15,31 +15,10 @@
v-if="showCatalogList.indexOf(1) > -1"
:showPageList="loadPageList"
></pageHeader>
- <!-- <chapterOne
+ <chapterOne
v-if="showCatalogList.indexOf(2) > -1"
:showPageList="loadPageList"
></chapterOne>
- <chapterTwo
- v-if="showCatalogList.indexOf(3) > -1"
- :showPageList="loadPageList"
- >
- </chapterTwo>
- <chapterThree
- v-if="showCatalogList.indexOf(4) > -1"
- :showPageList="loadPageList"
- ></chapterThree>
- <chapterFour
- v-if="showCatalogList.indexOf(5) > -1"
- :showPageList="loadPageList"
- ></chapterFour>
- <chapterFive
- v-if="showCatalogList.indexOf(6) > -1"
- :showPageList="loadPageList"
- ></chapterFive>
- <chapterSix
- v-if="showCatalogList.indexOf(7) > -1"
- :showPageList="loadPageList"
- ></chapterSix> -->
</div>
</div>
@@ -47,7 +26,7 @@
<script>
import pageHeader from "./header.vue";
-// import chapterOne from "./chapter001.vue";
+import chapterOne from "./chapter001.vue";
// import chapterTwo from "./chapter002.vue";
// import chapterThree from "./chapter003.vue"
// import chapterFour from './chapter004.vue'
@@ -63,7 +42,7 @@
name:"pageContent",
data() {
return {
- catalogLength: 7, // 鎬荤珷鑺傛暟
+ catalogLength: 2, // 鎬荤珷鑺傛暟
showCatalogList: [], // 鏄剧ず鐨勭珷鑺�
loadThreshold: 300, // 瑙﹀彂鍔犺浇闃堝��
throttleThreshold: 100, // 鑺傛祦闃堝��
@@ -730,7 +709,7 @@
// 鎵�鏈夌珷鑺傜粍浠讹紙姣忔湰涔﹀埗浣滄椂鍗曠嫭閰嶇疆锛�
const pageData = {
pageHeader,
- // chapterOne,
+ chapterOne,
// chapterTwo,
// chapterThree,
// chapterFour,
@@ -837,7 +816,7 @@
},
components: {
pageHeader,
- // chapterOne,
+ chapterOne,
// chapterTwo,
// chapterThree,
// chapterFour,
diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue
index 4998f9c..23b1a5f 100644
--- a/src/components/examinations/index.vue
+++ b/src/components/examinations/index.vue
@@ -124,7 +124,9 @@
:src="getPublicImage(content.img, 115)"
v-show="content.img"
:preview-src-list="[getPublicImage(content.img)]"
+ v-if="isReal"
></el-image>
+ <img :src="content.img" alt="" v-if="!isReal" class="radio-img">
</p>
<p
class="optionContent"
@@ -402,17 +404,17 @@
</ul>
</div>
<div class="bottom-btn" v-if="!loading">
- <el-button class="btn-box" @click="saveAnswer">淇濆瓨</el-button>
+ <el-button class="examinations-btn-box" @click="saveAnswer">淇濆瓨</el-button>
<el-button
@click="handleQuestion"
- class="btn-box"
+ class="examinations-btn-box"
:style="{ borderColor: primaryColor }"
>鎻愪氦</el-button
>
- <el-button @click="redo" class="btn-box">閲嶅仛</el-button>
+ <el-button @click="redo" class="examinations-btn-box">閲嶅仛</el-button>
<el-button
@click="openAnswers"
- class="btn-box"
+ class="examinations-btn-box"
:style="{ borderColor: primaryColor }"
>鏌ョ湅绛旀</el-button
>
@@ -437,13 +439,18 @@
page: {
type: Number,
},
+ isReal:{
+ type:Boolean,
+ default:true
+ }
},
data() {
return {
type: "option",
loading: false,
cardData:[],
- loading:true
+ loading:true,
+
};
},
watch:{
@@ -638,7 +645,7 @@
list-style: none;
}
}
-.btn-box {
+.examinations-btn-box {
height: 30px;
width: 78px;
padding: 4px 10px;
@@ -1135,4 +1142,8 @@
margin-top: 10px;
}
}
+.radio-img {
+ width: 200px;
+ object-fit: contain;
+}
</style>
--
Gitblit v1.9.1