| | |
| | | } else { |
| | | this.activeBook = await this.config.getBookConfig( |
| | | // childHealth |
| | | this.config.resourceCtx + "lifeCare" |
| | | this.config.resourceCtx + "childHealth" |
| | | ); |
| | | console.log("ac", this.activeBook); |
| | | this.config.activeBook = this.activeBook; |
New file |
| | |
| | | <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> |
| | |
| | | } |
| | | } |
| | | .parimary-btn { |
| | | min-width: 80px; |
| | | font-size: 14px; |
| | | margin-left: 5px; |
| | | background-color: #0bab87; |
| | | border-color: #0bab87; |
| | | border-width: 1px; |
| | | color: #fff; |
| | | border-radius: 6px; |
| | | font-size: 16px; |
| | | &:hover { |
| | | background-color: #a1afc8; |
| | | border-color: #a1afc8; |
| | |
| | | } |
| | | button { |
| | | cursor: pointer; |
| | | border-radius: 6px; |
| | | } |
| | | button:focus { |
| | | outline: none; |
| | | } |
| | | .pd-5 { |
| | | padding: 0 5px; |
| | |
| | | border: 3px dotted #f49a4c; |
| | | border-radius: 1em; |
| | | } |
| | | .btn-border { |
| | | border-color: #0bab87; |
| | | } |
| | | svg { |
| | | fill:#fff ; |
| | | } |
| | | .btn-box { |
| | | margin-left: 5px; |
| | | cursor: pointer; |
| | | text-indent: 0; |
| | | display: inline-block; |
| | | border:1px solid #0bab87; |
| | | height: 22px; |
| | | padding: 5px; |
| | | background-color:#0bab87 ; |
| | | border-radius: 5px; |
| | | &:hover { |
| | | background-color: #fff; |
| | | svg { |
| | | fill:#0bab87 ; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | /* åªä½æ¥è¯¢ååºç¡ååºå¼å¸å± */ |
| | | @media (max-width: 660px) { |
| | |
| | | >â
.Write down the English words for the Chinese cultural symbols |
| | | in the following pictures.</b |
| | | > |
| | | <button @click="showAnswerTwo = !showAnswerTwo">æ¾ç¤ºçæ¡</button> |
| | | <span class="btn-box" @click="showAnswerTwo = !showAnswerTwo"> |
| | | <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> |
| | | <!-- <button |
| | | @click="showAnswerTwo = !showAnswerTwo" |
| | | class="parimary-btn" |
| | | > |
| | | æ¾ç¤ºçæ¡ |
| | | </button> --> |
| | | </p> |
| | | <div class="fl ju-bt"> |
| | | <div class="left" style="width: 48%"> |
| | |
| | | </div> |
| | | <p class="t0"> |
| | | <b>â
¡.What other symbols can you think of?</b> |
| | | <button |
| | | <!-- <button |
| | | class="parimary-btn" |
| | | @click="showAnswerOne = !showAnswerOne" |
| | | > |
| | | æ¾ç¤ºçæ¡ |
| | | </button> |
| | | </button> --> |
| | | <span class="btn-box" @click="showAnswerOne = !showAnswerOne"> |
| | | <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="t0"> |
| | | <input |
| | |
| | | </h3> |
| | | <p> |
| | | 1.How was Chinese culture introduced to the world in ancient times? |
| | | <button |
| | | <!-- <button |
| | | class="parimary-btn" |
| | | @click="showAnswerThree = !showAnswerThree" |
| | | > |
| | | æ¾ç¤ºçæ¡ |
| | | </button> |
| | | </button> --> |
| | | <span class="btn-box" @click="showAnswerThree = !showAnswerThree"> |
| | | <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> |
| | | <textarea |
| | | v-model="questionData.reading.one" |
| | |
| | | <p> |
| | | 2.China offers so much to see and explore.What took you by surprise |
| | | about China? |
| | | <button |
| | | <!-- <button |
| | | class="parimary-btn" |
| | | @click="showAnswerFour = !showAnswerFour" |
| | | > |
| | | æ¾ç¤ºçæ¡ |
| | | </button> |
| | | </button> --> |
| | | <span class="btn-box" @click="showAnswerFour = !showAnswerFour"> |
| | | <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> |
| | | <textarea |
| | | v-model="questionData.reading.two" |
| | |
| | | 5.if |
| | | </p> |
| | | <ul class="fl ju-ev" style="width: 50%"> |
| | | <li><button>æäº¤</button></li> |
| | | <li><button @click="setTestData">ä¿å</button></li> |
| | | <li><button class="btn-border btn-w">æäº¤</button></li> |
| | | <li><button @click="setTestData" class="btn-border btn-w">ä¿å</button></li> |
| | | <li> |
| | | <button @click="showQuestionAnswer = !showQuestionAnswer"> |
| | | <button |
| | | @click="showQuestionAnswer = !showQuestionAnswer" |
| | | class="parimary-btn" |
| | | > |
| | | æ¥ççæ¡ |
| | | </button> |
| | | </li> |
| | |
| | | style="width: 90%" |
| | | v-if="showAnswerFive" |
| | | > |
| | | çæ¡ï¼Chinese knot |
| | | çæ¡ï¼intercity train |
| | | </p> |
| | | </div> |
| | | <div class="right" style="width: 48%"> |
| | |
| | | style="width: 90%" |
| | | v-if="showAnswerFive" |
| | | > |
| | | çæ¡ï¼Chinese knot |
| | | çæ¡ï¼online shopping |
| | | </p> |
| | | </div> |
| | | </div> |
| | |
| | | style="width: 90%" |
| | | v-if="showAnswerFive" |
| | | > |
| | | çæ¡ï¼Chinese knot |
| | | çæ¡ï¼electronic payment |
| | | </p> |
| | | </div> |
| | | <div class="right" style="width: 48%"> |
| | |
| | | style="width: 90%" |
| | | v-if="showAnswerFive" |
| | | > |
| | | çæ¡ï¼Chinese knot |
| | | çæ¡ï¼shared bike |
| | | </p> |
| | | </div> |
| | | </div> |
| | |
| | | </span> |
| | | </p> |
| | | </div> |
| | | <p |
| | | class="event-header-text-bc pd-5" |
| | | style="width: 90%" |
| | | v-if="showAnswerFive" |
| | | > |
| | | çæ¡ï¼take-away service |
| | | </p> |
| | | </div> |
| | | <div class="right" style="width: 48%"> |
| | | <div> |
| | | <p class="center"> |
| | | <el-image |
| | | :src="imgTwelve" |
| | |
| | | </span> |
| | | </p> |
| | | </div> |
| | | <p |
| | | class="event-header-text-bc pd-5" |
| | | style="width: 90%" |
| | | v-if="showAnswerFive" |
| | | > |
| | | çæ¡ï¼facial recognition |
| | | </p> |
| | | </div> |
| | | <div class="fl ju-ev" style="width: 50%"> |
| | | <button @click="setDropdownData">ä¿å</button> |
| | | <button>æäº¤</button> |
| | | <button @click="handleDropdown('judge')">夿æ£ç¡®</button> |
| | | <button @click="showAnswerFive = !showAnswerFive">æ¥ççæ¡</button> |
| | | </div> |
| | | <div class="fl ju-ev" style="width: 70%"> |
| | | <button @click="setDropdownData" class="btn-border btn-w"> |
| | | ä¿å |
| | | </button> |
| | | <button class="btn-border btn-w">æäº¤</button> |
| | | <button @click="handleDropdown('judge')" class="btn-border btn-w">夿æ£ç¡®</button> |
| | | <button |
| | | @click="showAnswerFive = !showAnswerFive" |
| | | class="parimary-btn" |
| | | > |
| | | æ¥ççæ¡ |
| | | </button> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | <script> |
| | | import getResourcePath from "@/assets/methods/resources"; |
| | | |
| | | export default { |
| | | name: "chapter-one", |
| | | data() { |
| | |
| | | line-height: 20px; |
| | | } |
| | | } |
| | | .btn-w { |
| | | font-size: 14px; |
| | | border-width:1px; |
| | | min-width: 80px; |
| | | background-color:#fff; |
| | | &:hover { |
| | | background-color:#0bab87 ; |
| | | color: #fff; |
| | | } |
| | | } |
| | | </style> |
New file |
| | |
| | | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.115" height="19.988" viewBox="0 0 20.115 19.988"><defs><style>.a{fill:url(#a);}</style><linearGradient id="a" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#fff"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><path class="a" d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z" transform="translate(-3351.001 15212)"/></svg> |
New file |
| | |
| | | <svg xmlns="http://www.w3.org/2000/svg" width="19.28" height="20.563" viewBox="0 0 19.28 20.563"><defs><style>.a{fill:#fff;}</style></defs><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> |
| | |
| | | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> |
| | | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="19.863" height="13.817" viewBox="0 0 19.863 13.817"><defs><style>.a{fill:url(#a);}.b{fill:#fff;}</style><linearGradient id="a" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="#fff" stop-opacity="0.012"/><stop offset="1" stop-color="#fff"/></linearGradient></defs><g transform="translate(-40.961 -184.321)"><path class="a" d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z" transform="translate(51.824 196.82) rotate(-90)"/><path class="b" d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z" transform="translate(-3269 15293.001)"/></g></svg> |
| | |
| | | cursor: pointer; |
| | | width: 23px; |
| | | border-radius: 5px; |
| | | border: 1px solid; |
| | | margin-left: 5px; |
| | | } |
| | | .table-br-color { |
| | |
| | | this.saveChapterOneData(); |
| | | } |
| | | }, 1000); |
| | | this.$data.questionData = await getQuestionData("4", testData[4]); |
| | | this.$data.questionData = await getQuestionData("4", testData[4],this.config.activeBook); |
| | | this.getVideoPath() |
| | | }, |
| | | unmounted() { |
| | |
| | | <span class="fl fl-cn mb-20"> |
| | | <span class="learn-title-text">èªä¸»å¦ä¹ ä»»å¡åï¼</span> |
| | | <span class="t0" >ä¸é¢ä¸å¦ä¹ 主é¢ä¸ è¿å¨ç³»ç»èªä¸»å¦ä¹ ä»»å¡å</span> |
| | | <svg @click="changeResources('learnTbaleOne')" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="btn theme-color theme-border icon icon-tabler icons-tabler-outline icon-tabler-list-details"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M13 5h8" /><path d="M13 9h5" /><path d="M13 15h8" /><path d="M13 19h5" /><path d="M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /></svg> |
| | | <!-- <img |
| | | src="../../../assets/images/icon/list-details.svg" |
| | | |
| | | <img |
| | | src="../../../assets/images/icon/document.png" |
| | | alt="" |
| | | @click="changeResources('learnTbaleOne')" |
| | | style="margin-left: 10px;" |
| | | class="btn" |
| | | /> --> |
| | | /> |
| | | </span> |
| | | <table |
| | | v-if="learnTbaleOne" |
| | |
| | | <span class="fl fl-cn mb-20"> |
| | | <span class="learn-title-text">è§é¢ï¼</span> |
| | | <span class="t0">äººä½æ¦è¿°</span> |
| | | <svg @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> |
| | | <img |
| | | src="../../../assets/images/icon/video.png" |
| | | alt="" |
| | | @click="changeResources('videoOne')" |
| | | style="margin-left: 10px;" |
| | | class="btn" |
| | | /> |
| | | <!-- <svg @click="changeResources('videoOne')" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="btn icon icon-tabler icons-tabler-outline icon-tabler-video"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10l4.553 -2.276a1 1 0 0 1 1.447 .894v6.764a1 1 0 0 1 -1.447 .894l-4.553 -2.276v-4z" /><path d="M3 6m0 2a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2z" /></svg> --> |
| | | </span> |
| | | <span v-if="videoOne"> |
| | | <video |
| | |
| | | <span class="fl fl-cn mb-20"> |
| | | <span class="learn-title-text">äºæµè¯ï¼</span> |
| | | <span class="t0">äººä½æ¦è¿°</span> |
| | | <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg> |
| | | <!-- <img |
| | | src="../../../assets/images/icon/ballpen.svg" |
| | | <!-- <svg @click="changeResources('testOne')" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="btn icon icon-tabler icons-tabler-outline icon-tabler-ballpen"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 6l7 7l-4 4" /><path d="M5.828 18.172a2.828 2.828 0 0 0 4 0l10.586 -10.586a2 2 0 0 0 0 -2.829l-1.171 -1.171a2 2 0 0 0 -2.829 0l-10.586 10.586a2.828 2.828 0 0 0 0 4z" /><path d="M4 20l1.768 -1.768" /></svg> --> |
| | | <img |
| | | src="../../../assets/images/icon/topic.png" |
| | | alt="" |
| | | @click="changeResources('testOne')" |
| | | style="margin-left: 10px" |
| | | class="btn" |
| | | /> --> |
| | | /> |
| | | </span> |
| | | <examinations |
| | | v-if="testOne && questionData" |
| | |
| | | this.saveChapterOneData() |
| | | } |
| | | },1000) |
| | | this.$data.questionData = await getQuestionData('1',testData[1]) |
| | | this.$data.questionData = await getQuestionData('1',testData[1],this.config.activeBook) |
| | | this.getVideoPath() |
| | | }, |
| | | unmounted() { |
| | |
| | | this.saveChapterOneData() |
| | | } |
| | | },1000) |
| | | this.$data.questionData = await getQuestionData('2',testData[2]); |
| | | this.$data.questionData = await getQuestionData('2',testData[2],this.config.activeBook); |
| | | this.getVideoPath() |
| | | }, |
| | | unmounted() { |
| | |
| | | this.saveChapterOneData(); |
| | | } |
| | | }, 1000); |
| | | this.$data.questionData = await getQuestionData("3", testData[3]); |
| | | this.$data.questionData = await getQuestionData("3", testData[3],this.config.activeBook); |
| | | this.getVideoPath() |
| | | }, |
| | | unmounted() { |
| | |
| | | this.saveChapterOneData(); |
| | | } |
| | | }, 1000); |
| | | this.$data.questionData = await getQuestionData('5',testData[5]) |
| | | this.$data.questionData = await getQuestionData('5',testData[5],this.config.activeBook) |
| | | this.getVideoPath() |
| | | }, |
| | | unmounted() { |
| | |
| | | this.saveChapterOneData(); |
| | | } |
| | | }, 1000); |
| | | this.$data.questionData = await getQuestionData('6',testData[6]) |
| | | this.$data.questionData = await getQuestionData('6',testData[6],this.config.activeBook) |
| | | this.getVideoPath() |
| | | |
| | | }, |
| | |
| | | this.saveChapterOneData(); |
| | | } |
| | | }, 1000); |
| | | this.$data.questionData = await getQuestionData('7',testData[7]) |
| | | this.$data.questionData = await getQuestionData('7',testData[7],this.config.activeBook) |
| | | this.getVideoPath() |
| | | }, |
| | | unmounted() { |
| | |
| | | this.saveChapterOneData(); |
| | | } |
| | | }, 1000); |
| | | this.$data.questionData = await getQuestionData("8", testData[8]); |
| | | this.$data.questionData = await getQuestionData("8", testData[8],this.config.activeBook); |
| | | this.getVideoPath(); |
| | | }, |
| | | unmounted() { |
| | |
| | | this.saveChapterOneData(); |
| | | } |
| | | }, 1000); |
| | | this.$data.questionData = await getQuestionData('9',testData[9]) |
| | | this.$data.questionData = await getQuestionData('9',testData[9],this.config.activeBook) |
| | | this.getVideoPath() |
| | | }, |
| | | unmounted() { |
| | |
| | | this.saveChapterOneData(); |
| | | } |
| | | }, 1000); |
| | | this.$data.questionData = await getQuestionData('10',testData[10]) |
| | | this.$data.questionData = await getQuestionData('10',testData[10],this.config.activeBook) |
| | | this.getVideoPath() |
| | | }, |
| | | unmounted() { |
| | |
| | | }; |
| | | }, |
| | | async mounted() { |
| | | this.$data.questionData = await getQuestionData('11',testData[11]) |
| | | this.$data.questionData = await getQuestionData('11',testData[11],this.config.activeBook) |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | <div class="chapter" num="0"> |
| | | <!-- å°é¢ --> |
| | | <div class="page-box cover"> |
| | | <img src="../../../assets/images/Cover.jpg" alt="" /> |
| | | <img src="../../../assets/images/Covers.jpg" alt="" /> |
| | | </div> |
| | | <!-- <p class="center"> |
| | | <img alt="" class="imz" src="../assets/images/SMY.jpg" /> |
| | |
| | | }, |
| | | mounted() { |
| | | // é»è®¤å è½½ç« è |
| | | this.showCatalogList = [10]; |
| | | this.showCatalogList = [0]; |
| | | // æ»å¨çå¬èæµ |
| | | this.throttledScrollHandler = _.throttle( |
| | | this.scrollFun, |