From 263992109e5b4d76e545fc2bc4e2e1753af22567 Mon Sep 17 00:00:00 2001
From: zhongshujie <2862698242@qq.com>
Date: 星期三, 07 五月 2025 17:05:43 +0800
Subject: [PATCH] 0~3 岁婴幼儿认知与语言发展及教育样章完成
---
src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue | 937 ++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 683 insertions(+), 254 deletions(-)
diff --git a/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue b/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue
index 01efb1e..a0c43fe 100644
--- a/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue
+++ b/src/books/toddlerSportsSafetyProtection/view/components/chapter005.vue
@@ -4,10 +4,13 @@
<div class="page-box" page="163">
<div v-if="showPageList.indexOf(163) > -1">
<div class="UnitCover">
- <h1 class="seriesTitle">绗簲绔� </h1>
- <h1 class="seriesTitle mb-20">
- 濠村辜鍎垮父瑙佽繍鍔ㄤ激瀹崇殑澶勭悊涓庢�ユ晳
- </h1>
+ <div class="seriesTitle">
+ <span style="margin-right: 0px;">绗簲绔�</span>
+ </div>
+ <br />
+ <div class="seriesTitle mb-20">
+ <span style="margin-right: 70px;">濠村辜鍎垮父瑙佽繍鍔ㄤ激瀹崇殑澶勭悊涓庢�ユ晳</span>
+ </div>
<p class="rotate-up">^</p>
<p class="rotate-down">v</p>
<p class="rotate-down">v</p>
@@ -16,12 +19,12 @@
<p class="rotate-down">v</p>
<p class="rotate-down">v</p>
<p class="rotate-down mb-20">v</p>
- <p class="content">
+ <p class="content td-0">
<img class="g-pic" src="../../assets/images/0013_01.jpg" alt="" />
</p>
<p class="quotation">1锛庣悊瑙ｈ繍鍔ㄤ激瀹冲鐞嗙殑鍘熷垯銆�</p>
<p class="quotation">2锛庢帉鎻¤繍鍔ㄤ激瀹崇殑鍒ゆ柇涓庡鐞嗘柟娉曘��</p>
- <p class="content">
+ <p class="content td-0">
<img class="g-pic" src="../../assets/images/0013_02.jpg" alt="" />
</p>
<div class="bodyPic openImgBox">
@@ -32,7 +35,7 @@
active="true"
/>
</div>
- <p class="content">
+ <p class="content td-0">
<img class="g-pic" src="../../assets/images/0013_04.jpg" alt="" />
</p>
<p class="quotation">
@@ -82,21 +85,26 @@
<p class="content">
杩愬姩浼ゅ浜嬩欢鍑虹幇鍚庢纭殑鍒ゆ柇鍜屽鐞嗘祦绋嬪鏁戞姢鐨勬晥鏋滆捣鐫�鍐冲畾鎬т綔鐢ㄣ�傚辜鏁欐満鏋勫拰瀹堕暱搴旂啛鎮夋纭殑澶勭悊娴佺▼锛屼负搴斿绱ф�ユ儏鍐靛仛濂藉噯澶囥�傚辜鏁欐満鏋勫簲鎻愬墠鍒惰杩愬姩浼ゅ浜嬩欢绱ф�ュ鐞嗙▼搴忛妗堛�傞妗堥噷搴斿寘鎷笉鍚岃繍鍔ㄤ激瀹充簨浠剁殑绫诲瀷銆佺枏鏁ｃ�佹�ユ晳甯歌瘑鍜屽鐞嗘祦绋嬬瓑銆傚湪鍑虹幇杩愬姩浼ゅ浜嬩欢鍚庡彲浠ユ寜鐓т互涓嬫祦绋嬪鐞嗐��
</p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">155</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">155</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -188,7 +196,9 @@
<p class="content td-0">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
- <p class="imgdescript">鎬ユ�ц繍鍔ㄤ激瀹抽伒寰狿RICE鍘熷垯锛堣鍥�5-3锛�</p>
+ <p class="imgdescript-title">
+ 鎬ユ�ц繍鍔ㄤ激瀹抽伒寰狿RICE鍘熷垯锛堣鍥�5-3锛�
+ </p>
<div class="img-rights w210 openImgBox`">
<img
src="../../assets/images/0169-03.jpg"
@@ -220,16 +230,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">157</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">167</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -267,7 +279,7 @@
3锛庡啺鏁疯繕鏄儹鏁凤紵涓�鑸儹鏁峰彲浠ュ埡婵�琛�娑叉祦鍔紝鏀炬澗鑲岃倝锛屾�讳綋涓婅兘浜х敓闀囬潤鐨勪綔鐢紝浠庤�屼績杩涙不鐤椼�備絾鏄彈浼ゅ悗绔嬪埢鐑暦浼氫娇鑲胯儉鏇翠弗閲嶃�佸寮虹柤鐥涙劅銆佸欢缂撲激鍙ｆ剤鍚堣繃绋嬨�傛墍浠ュ彈浼ゅ鐞嗘柟寮忔槸鍏堝啺鏁凤紝48灏忔椂鍚庤偪鑳�鍜岀柤鐥涙劅鍑忚交鍚庯紝鍐嶄娇鐢ㄧ儹鏁风殑鏂规硶銆�
</p>
<p class="poemtitle-l">锛堜簩锛夊紑鏀炬�ц蒋缁勭粐鎹熶激</p>
- <div class="img-rights w200 openImgBox mt-20">
+ <div class="img-rights w200 openImgBox">
<img
src="../../assets/images/0170-01.jpg"
style="width: 100%"
@@ -329,21 +341,27 @@
鍔ㄨ剦鍑鸿锛氱敱浜庡姩鑴夎绠″唴鍘嬪姏杈冮珮锛屾墍浠ュ嚭琛�鏃跺憟娉夋秾銆佹悘鍔ㄦ�э紝灏ゅ叾鏄ぇ鐨勫姩鑴夎绠＄牬瑁傦紝琛�娑插憟鍠峰皠鐘讹紝棰滆壊椴滅孩锛屽父鍦ㄧ煭鏃跺唴閫犳垚澶ч噺澶辫锛屾槗寮曡捣鐢熷懡鍗遍櫓銆�
</p>
</span>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">159</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">159</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -362,24 +380,46 @@
<div class="bodystyle">
<p class="poemtitle-l">锛堜竴锛夋琛�鏂规硶</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathOne" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛氬┐骞煎効鍑鸿澶勭悊</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '758EFE380803FE03E335BBBE8204F0BC'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-01')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathOne"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛氬┐骞煎効鍑鸿澶勭悊</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoOne ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '758EFE380803FE03E335BBBE8204F0BC'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-01')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content">1锛庢寚鍘嬫琛�娉�</p>
<p class="content">
鍦ㄤ激鍙ｇ殑涓婃柟锛屽嵆杩戝績绔紝鎵惧埌璺冲姩鐨勮绠★紝鐢ㄦ墜鎸囩揣绱у帇浣忋�傚湪涓嶈兘浣跨敤姝㈣甯︾殑閮ㄤ綅锛屽湪韬竟娌℃湁鍣ㄦ潗鎴栫揣鎬ユ儏鍐典笅锛屽彲鏆傜敤鎸囧帇姝㈣娉曘�傛娉曚负绱ф�ョ殑涓存椂姝㈣娉曪紝涓庢鍚屾椂锛屽簲鍑嗗鏉愭枡鎹㈢敤鍏朵粬姝㈣鏂规硶銆傞噰鐢ㄦ娉曪紝鏁戞姢浜哄繀椤荤啛鎮夊悇閮ㄤ綅琛�绠″嚭琛�鐨勫帇杩偣銆�
@@ -521,22 +561,30 @@
<p class="content">
鐢ㄤ簬鑵硅偂娌熴�佽厠绐濄�侀蓟鑵斿嚭琛�鎴栦竴浜涘ぇ鑰屾繁鐨勪激鍙ｃ�傚簲鍏堢敤鏃犺弻绾卞竷鎴栨磥鍑�鐨勫竷鏂欏～濉炰激鍙ｏ紝鍐嶉�夌敤鍔犲帇鍖呮墡姝㈣娉曘��
</p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
-
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">161</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">161</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -605,16 +653,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">163</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">163</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -747,21 +797,25 @@
5锛庤偂楠ㄩ鎶樺浐瀹氾細閫夌敤闀挎湪鏉夸袱鍧楋紝灏嗗ぇ鑵垮皬鑵胯繛鍚岃叞閮ㄩ綈骞筹紝涓�璧峰浐瀹氥�傜疆浜庡ぇ鑵垮墠鍚庨暱杈捐叞閮紝骞跺皢韪濆叧鑺備竴璧峰浐瀹氾紝浠ラ槻杩欎袱閮ㄤ綅娲诲姩寮曡捣楠ㄦ姌閿欎綅锛堣鍥�5-21銆佸浘5-22锛夈��
</p>
</span>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">165</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">165</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -850,24 +904,46 @@
</div>
</div>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎块鎶樺鐞嗘祦绋�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '672F54E4542A0BB15AE6DAD12C1AA74C'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-02')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathTwo"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎块鎶樺鐞嗘祦绋�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoTwo ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '672F54E4542A0BB15AE6DAD12C1AA74C'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-02')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="poemtitle-l">锛堜笁锛夎剨鏌辨崯浼ゆ惉杩愭柟娉�</p>
<p class="content">
鍙鎬�鐤戞湁鑴婃煴鎹熶激灏卞簲鎸夎剨鏌辨崯浼ゆ儏鍐靛鐞嗭紝灏嗚剨鏌变笉绋冲畾鐨勬偅鍎夸话鍗у浐瀹氬湪涓�鍧楀潥纭暱鑳屾澘涓婂苟灏嗗叾鏀剧疆鍦ㄤ腑蹇冪洿绾夸綅缃紝鍗冲ご閮ㄣ�侀閮ㄣ�佽函骞层�侀鐩嗗簲浠ヤ腑蹇冪洿绾夸綅缃�愪竴鍥哄畾锛屼繚鎸佽剨鏌变几鐩翠綅锛屼弗绂佸集鏇叉垨鎵浆銆�
@@ -903,24 +979,46 @@
<p class="imgdescript">鍥�5-24銆�鑴婃煴鎹熶激鎼繍</p>
</div>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathThree" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎胯剨鏌辨崯浼ゆ惉杩愭柟娉�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '52D13E40E39BA98987EC269C1F41C16E'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-03')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathThree"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎胯剨鏌辨崯浼ゆ惉杩愭柟娉�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoThree ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '52D13E40E39BA98987EC269C1F41C16E'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-03')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content td-0">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
@@ -934,21 +1032,24 @@
<p class="content">
蹇冭剰楠ゅ仠涓�鏃﹀彂鐢燂紝濡傚緱涓嶅埌鍗冲埢鍙婃椂鍦版姠鏁戝鑻忥紝4锝�6鍒嗛挓鍚庝細閫犳垚鎮ｅ効鑴戝拰鍏朵粬浜轰綋閲嶈鍣ㄥ畼缁勭粐鐨勪笉鍙�嗙殑鎹熷锛屽洜姝ゅ績鑴忛鍋滃悗鐨勫績鑲哄鑻忓繀椤诲湪鐜板満绔嬪嵆杩涜銆傚績鑴忓鑻忛�氫織鍦拌灏辨槸褰撴偅鍎垮仠姝㈠懠鍚稿拰蹇冨仠鏃讹紝鐢ㄤ汉宸ュ懠鍚稿拰闂兏鎸夊帇杩涜鎶㈡晳鐨勪竴绉嶆妧鏈�備汉鍦ㄥ績鑴忕梾銆佹汉姘淬�佽溅绁搞�佽嵂鐗╀腑姣掋�侀珮琛�鍘嬨�佽Е鐢点�佸紓鐗╁牭濉炴椂閮藉彲鑳戒細蹇冭剰楠ゅ仠锛屽懠鍚稿仠姝紝鍧囧彲鐢ㄥ績鑲哄鑻忔湳鏉ユ姠鏁戙�傚叾澶勭疆娴佺▼濡備笅銆�
</p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">167</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">167</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1020,24 +1121,46 @@
5锛庡仠姝㈠績鑲哄鑻忕殑鎸囧緛銆傚湪鏂芥晳鐨勫悓鏃朵篃瑕佹椂鍒昏瀵熸偅鍎跨殑鐢熷懡浣撳緛銆傝Е鎽告偅鍎跨殑鎵嬭冻锛岃嫢娓╁害鏈夋墍鍥炲崌锛屽垯杩涗竴姝ヨЕ鎽搁鍔ㄨ剦锛屽彂鐜版湁鎼忓姩鍗冲彲鍋滄蹇冭偤澶嶈嫃锛屽敖蹇妸鎮ｅ効閫佸線鍖婚櫌杩涜杩涗竴姝ョ殑娌荤枟銆�
</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathFour" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎垮績璺冲懠鍚搁鍋滃鐞�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '1DA74ED152C683BF7716A53EAAF304E9'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-04')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathFour"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎垮績璺冲懠鍚搁鍋滃鐞�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoFour ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '1DA74ED152C683BF7716A53EAAF304E9'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-04')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content td-0 mt-20">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
@@ -1064,16 +1187,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">169</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">169</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1086,7 +1211,7 @@
<li class="headerText">
濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
</li>
- <li class="headerNumber">179</li>
+ <li class="headerNumber">170</li>
<img src="../../assets/images/a1.jpg" alt="" />
</ul>
<div class="bodystyle">
@@ -1141,24 +1266,46 @@
濡傝偐閮ㄨ劚浣嶏紝鍙妸鎮ｅ効鑲橀儴寮垚鐩磋锛屽啀鐢ㄤ笁瑙掑肪鎶婂墠鑷傚拰鑲橀儴鎵樿捣锛屾寕鍦ㄩ涓婏紝鍐嶇敤涓�鏉″甯︾紶杩囪剳閮紝鍦ㄥ渚ц剳浣滅粨銆傚楂嬮儴鑴变綅锛屽垯搴旂珛鍗宠鎮ｅ効韬哄湪骞虫澘涓婇�佸線鍖婚櫌銆�
</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathFive" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎垮叧鑺傝劚浣嶅鐞�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '439863064461BF97467E94EA53280FBF'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-05')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathFive"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎垮叧鑺傝劚浣嶅鐞�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoFive ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '439863064461BF97467E94EA53280FBF'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-05')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content td-0 mt-20">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
@@ -1182,24 +1329,46 @@
濠村辜鍎垮ご閮ㄧ潃鍦板彈鍒版崯浼ゆ椂锛屾暀甯堛�佸闀垮簲缁欎簣瓒冲鐨勯噸瑙嗐�傛儏鍐佃緝杞昏�咃紝鍙崸搴婁紤鎭�1锝�2澶╋紝濡傛棤鐗规畩琛ㄧ幇鎵嶅彲浠ヤ笅搴婃椿鍔紝骞跺簲鎸佺画瑙傚療涓�鍛ㄣ�傚鍙戠幇澶撮儴浼存湁琛�鑲匡紝搴斿幓鍖婚櫌鎷嶇墖妫�鏌ワ紝鍒ゆ槑鏈夋棤棰呴楠ㄦ姌銆傚嚒鏈夋槑鏄炬剰璇嗛殰纰嶏紝浼存湁浼戝厠鐨勶紝搴旂珛鍗冲钩鍗с�佸浐瀹氬ご閮紝绱ф�ラ�佸線涓夌骇鍖婚櫌鎶㈡晳銆備弗绂佹憞鍔ㄣ�佺壍鎵紝鏇翠笉瑕侀殢鎰忕Щ鍔ㄤ綅缃紝澶撮儴涓や晶鐢ㄨ。鐗╁～濉烇紝浠ュ厤宸﹀彸鎽囨檭锛屽悓鏃剁敤姣涘肪娴告箍鍐锋暦澶撮儴锛岃韩浣撹。鐫�瑕佷繚鏆栥�傚绁炲織涓嶆竻鑰呭彲鐢ㄦ墜鎸囨帎浜轰腑銆佸悎璋风瓑绌达紝浣垮叾鑻忛啋銆�
</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathSix" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 濠村辜鍎胯剳闇囪崱澶勭悊</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == 'D85245AAC0CFCBDB8287FD5BEBFBBB51'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-06')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathSix"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 濠村辜鍎胯剳闇囪崱澶勭悊</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoSix ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == 'D85245AAC0CFCBDB8287FD5BEBFBBB51'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-06')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content td-0 mt-20">
<img class="img-h" src="../../assets/images/0015_01.jpg" alt="" />
</p>
@@ -1216,16 +1385,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">171</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">171</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1348,16 +1519,18 @@
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">173</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">173</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1396,24 +1569,46 @@
</p>
<p class="titleQuot-1">涔濄�佽繍鍔ㄦ�т紤鍏嬬殑澶勭悊涓庢�ユ晳</p>
<div class="video-box">
- <p class="center text td-0">
- <video :src="videoPathSeven" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
- x5-video-orientation="h5" x5-video-player-fullscreen="true" x5-playsinline="" controls
- controlslist="nodownload" class="w100 video" style="border-radius: 10px"></video>
- </p>
- <p class="center videoname">
- <span>瑙嗛锛� 骞煎効杩愬姩鎬т紤鍏嬪鐞�</span>
- <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'"
- placement="top-start">
- <img :src="collectResourceList.findIndex(
- (item) => item.id == '558BD52BD08066945D05B243F61772B6'
- ) > -1
- ? collectCheck
- : collectImg
- " alt="" class="collect-btn" @click="handleCollect('video-07')" />
- </el-tooltip>
- </p>
- </div>
+ <p class="center text td-0">
+ <video
+ :src="videoPathSeven"
+ webkit-playsinline="true"
+ x-webkit-airplay="true"
+ playsinline="true"
+ x5-video-orientation="h5"
+ x5-video-player-fullscreen="true"
+ x5-playsinline=""
+ controls
+ controlslist="nodownload"
+ class="w100 video"
+ style="border-radius: 10px"
+ ></video>
+ </p>
+ <p class="center videoname">
+ <span>瑙嗛锛� 骞煎効杩愬姩鎬т紤鍏嬪鐞�</span>
+ <el-tooltip
+ class="item"
+ effect="dark"
+ :content="
+ chapterData.isCollectVideoSeven ? '鐐瑰嚮鍙栨秷' : '鐐瑰嚮鏀惰棌'
+ "
+ placement="top-start"
+ >
+ <img
+ :src="
+ collectResourceList.findIndex(
+ (item) => item.id == '558BD52BD08066945D05B243F61772B6'
+ ) > -1
+ ? collectCheck
+ : collectImg
+ "
+ alt=""
+ class="collect-btn"
+ @click="handleCollect('video-07')"
+ />
+ </el-tooltip>
+ </p>
+ </div>
<p class="content">
杩愬姩鎬т紤鍏嬫槸鎸囧湪鐗瑰畾鐨勮繍鍔ㄧ幆澧冧腑锛屽洜鍙楀埌鍚勭涓嶅埄鍥犵礌鐨勪镜琚紝鑰岃繀閫熷嚭鐜板惊鐜郴缁熷強鍏朵粬绯荤粺鍔熻兘鎬ュ墽涓嬮檷鐨勪竴绉嶇梾鐞嗙敓鐞嗙姸鎬併�傚瑙佷簬骞崇礌浣撹偛閿荤偧杈冨皯鐨勪汉锛屽挨浠ュ皯骞村効绔ヤ负澶氳銆傝繃鍒嗙揣寮犮�佹縺鍔ㄦ垨甯︾梾鍙傚姞杩愬姩涓哄叾璇卞洜銆傛湁鏃跺皯骞村効绔ュ墽鐑堝璺戞垨璧涜窇鍚庯紝濡傛灉绔嬪嵆绔欑珛涓嶅姩锛屼細浣夸笅鑲㈢殑姣涚粏琛�绠″拰闈欒剦澶卞幓鑲岃倝鏀剁缉鏃朵骇鐢熺殑鎸ゅ帇浣滅敤锛岃娑茬敱浜庨噸鍔涗綔鐢ㄨ�屾筏绉簬涓嬭偄鎵╁紶鐨勯潤鑴夊拰姣涚粏琛�绠￠噷锛屼篃浼氫骇鐢熶紤鍏嬨��
</p>
@@ -1473,21 +1668,27 @@
<p class="quotation">
4锛庡辜鍎夸細姣旀垚浜轰涪澶辩殑閽犲拰姘寲鐗╁皯锛屽洜鑰岃ˉ鍏呮按鍒嗙殑楗枡瑕佹瘮鎴愪汉鐨勭█钖勪竴鐐广��
</p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
+ <p><br /></p>
</div>
<ul class="header-right">
<li class="header-right-img">
<img src="../../assets/images/a2.jpg" alt="" />
</li>
- <img
- class="header-right-imgTop"
- src="../../assets/images/a3.jpg"
- alt=""
- />
- <li class="header-right-Number">175</li>
- <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
- <li class="header-right-Text-bottom">
- 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
- </li>
+ <div class="header-right-imgBottom">
+ <img
+ class="header-right-imgTop"
+ src="../../assets/images/a3.jpg"
+ alt=""
+ />
+ <li class="header-right-Number">175</li>
+ <li class="header-right-Text">绗�<br />浜�<br />绔�</li>
+ <li class="header-right-Text-bottom">
+ 濠�<br />骞�<br />鍎�<br />甯�<br />瑙�<br />杩�<br />鍔�<br />浼�<br />瀹�<br />鐨�<br />澶�<br />鐞�<br />涓�<br />鎬�<br />鏁�
+ </li>
+ </div>
</ul>
</div>
</div>
@@ -1538,38 +1739,165 @@
</div>
<p class="content td-0 mb-10 mt-30">
- <img class="img-15" src="../../assets/images/0027_02.jpg" alt="" />
+ <img
+ class="img-15"
+ src="../../assets/images/0027_02.jpg"
+ alt=""
+ />
</p>
<p class="content">
杞粍缁囨崯浼ゃ��楠ㄦ姌銆�鑴戦渿鑽°��杩愬姩鎬ц吂鐥涖��蹇冭偤澶嶈嫃銆�杩愬姩鎬ц劚姘�
</p>
<p class="content td-0 mb-10 mt-30">
- <img class="img-15" src="../../assets/images/0028_01.jpg" alt="" />
+ <img
+ class="img-15"
+ src="../../assets/images/0028_01.jpg"
+ alt=""
+ />
</p>
<p class="content"><span class="bold">涓�銆佺畝鍗曢</span></p>
<p class="content">1锛庡┐骞煎効杩愬姩浼ゅ鐨勫垽鏂笌澶勭悊娴佺▼鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.one"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">2锛庢�ユ�ц繍鍔ㄤ激瀹崇殑PRICE鍘熷垯鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.two"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">3锛庡浼ゅ嚭琛�鐨勫鐞嗘柟娉曟槸浠�涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.three"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">4锛庨鎶樼殑澶勭疆娴佺▼鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.four"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">5锛庡績鑲哄鑻忕殑鎿嶄綔娴佺▼鏈夊摢浜涳紵</p>
+ <textarea
+ v-model="videoQuestionData.five"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">6锛庣墮澶栦激鍚庣殑澶勭悊鏂规硶鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.six"
+ placeholder="璇疯緭鍏ュ唴瀹� "
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">7锛庤繍鍔ㄦ�ц吂鐥涚殑澶勭悊鏂规硶鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.seven"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">8锛庤繍鍔ㄦ�т紤鍏嬬殑澶勭悊鏂规硶鏄粈涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.eight"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content">9锛庤繍鍔ㄦ�ц劚姘寸殑琛ㄧ幇鍙婇闃叉柟娉曟槸浠�涔堬紵</p>
+ <textarea
+ v-model="videoQuestionData.nine"
+ placeholder="璇疯緭鍏ュ唴瀹�"
+ rows="5"
+ style="max-width: 100%; width: 90%"
+ class="fz-16 fm-son ml-40 textarea-question"
+ @change="saveVideoQuestionData"
+ ></textarea>
<p class="content"><span class="bold">浜屻�佸疄璺典笌缁冧範</span></p>
<p class="content">
涓変釜浜轰负涓�缁勶紝涓�浜烘壆婕旀偅鍎匡紝涓や汉鎵紨鏁欏笀锛岀粌涔犺笣鍏宠妭鎵激鍚庣殑鎬ユ晳澶勭悊鍜屽績鑲哄鑻忔搷浣滄柟娉曘��
</p>
<p class="content td-0 mb-10 mt-30">
- <img class="img-15" src="../../assets/images/0028_02.jpg" alt="" />
+ <img
+ class="img-15"
+ src="../../assets/images/0028_02.jpg"
+ alt=""
+ />
</p>
<p class="content">
鐜嬪浗绁ャ�佺帇铏庝富缂栵細銆婁綋鑲茶繍鍔ㄤ激瀹抽槻鎶ゃ�嬶紝鑻忓窞锛岃嫃宸炲ぇ瀛﹀嚭鐗堢ぞ锛�2017銆傝涔︿粠杩愬姩鎹熶激鐨勫彂鐢熸満鍒躲�佺棁鐘朵綋寰佷互鍙婂鐞嗘柟娉曚笌鎺柦绛夋柟闈紝瀵逛汉浣撳悇閮ㄤ綅甯歌杩愬姩鎹熶激杩涜浜嗚缁嗕粙缁嶏紝鐫�閲嶄粙缁嶄簡澶撮儴銆佽函骞插拰鍥涜偄涓昏鍏宠妭閮ㄤ綅鐨�120澶氱鎬ャ�佹參鎬ф崯浼わ紝鑳芥弧瓒宠繘涓�姝ユ繁鍏ョ爺绌剁殑闇�姹傘��
+ </p>
+ <p class="dialogQuestion" @click="openQuestion(1)">
+ <span class="td-0">銆愭湰鑺傛祴璇曘��</span>
+ <span class="td-0">
+ <svg
+ t="1736157124915"
+ class="icon"
+ viewBox="0 0 1024 1024"
+ version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ p-id="2536"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="28"
+ height="28"
+ >
+ <path
+ d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
+ fill="#fff"
+ p-id="2537"
+ ></path>
+ <path
+ d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
+ fill="#fff"
+ p-id="2538"
+ ></path>
+ <path
+ d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
+ fill="#fff"
+ p-id="2539"
+ ></path>
+ </svg>
+ </span>
</p>
</div>
</div>
</div>
</div>
+ <dialogExaminations
+ :isClear="dialogVisibleOne"
+ :primaryColor="themeColor"
+ :cardList="interfaceQuestion[questionNum]"
+ v-if="interfaceQuestion"
+ :chapter="2"
+ :page="questionNum"
+ :questionTitle="questionTitleMain"
+ ref="dialogRef"
+ >
+ </dialogExaminations>
</div>
</template>
@@ -1579,13 +1907,19 @@
getCollectResource,
setCollectResource,
} from "@/assets/methods/resources";
-import preView from "@/components/pdfview/index.vue";
+import dialogExaminations from "@/components/dialogExaminations/index.vue";
export default {
name: "chapterOne",
props: {
showPageList: {
type: Array,
},
+ interfaceQuestion: {
+ type: Object,
+ },
+ },
+ components: {
+ dialogExaminations,
},
data() {
return {
@@ -1609,8 +1943,29 @@
},
videoQuestionData: {
one: "",
+ two: "",
+ three: "",
+ four: "",
+ five: "",
+ six: "",
+ seven: "",
+ eight: "",
+ nine: "",
},
- collectResourceList:[],
+ collectResourceList: [],
+ // 棰樼洰鐩稿叧
+ dialogVisibleOne: false,
+ themeColor: "#7acab4",
+ questionNum: 0,
+ questionTitleMain: "",
+ chapter001: {
+ question: {
+ 1: {
+ questionTitleMain: "绗簲绔犮��濠村辜鍎垮父瑙佽繍鍔ㄤ激瀹崇殑澶勭悊涓庢�ユ晳",
+ questionNum: 185,
+ },
+ },
+ },
};
},
async mounted() {
@@ -1660,7 +2015,6 @@
);
},
-
handleCollect(e) {
if (e == "video-01") {
this.handleCollectResource(
@@ -1669,10 +2023,76 @@
"",
"瑙嗛",
"bits",
- "娲诲姩瑙嗛锛氬疂瀹濆彂鐜扮編"
+ "娲诲姩瑙嗛锛氬┐骞煎効鍑鸿澶勭悊"
);
this.chapterData.isCollectVideoOne =
!this.chapterData.isCollectVideoOne;
+ } else if (e == "video-02") {
+ this.handleCollectResource(
+ "672F54E4542A0BB15AE6DAD12C1AA74C",
+ "672F54E4542A0BB15AE6DAD12C1AA74C",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効楠ㄦ姌澶勭悊娴佺▼"
+ );
+ this.chapterData.isCollectVideoTwo =
+ !this.chapterData.isCollectVideoTwo;
+ } else if (e == "video-03") {
+ this.handleCollectResource(
+ "52D13E40E39BA98987EC269C1F41C16E",
+ "52D13E40E39BA98987EC269C1F41C16E",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効鑴婃煴鎹熶激鎼繍鏂规硶"
+ );
+ this.chapterData.isCollectVideoThree =
+ !this.chapterData.isCollectVideoThree;
+ } else if (e == "video-04") {
+ this.handleCollectResource(
+ "1DA74ED152C683BF7716A53EAAF304E9a",
+ "1DA74ED152C683BF7716A53EAAF304E9a",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効蹇冭烦鍛煎惛楠ゅ仠澶勭悊"
+ );
+ this.chapterData.isCollectVideoFour =
+ !this.chapterData.isCollectVideoFour;
+ } else if (e == "video-05") {
+ this.handleCollectResource(
+ "439863064461BF97467E94EA53280FBF",
+ "439863064461BF97467E94EA53280FBF",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効鍏宠妭鑴变綅澶勭悊"
+ );
+ this.chapterData.isCollectVideoFive =
+ !this.chapterData.isCollectVideoFive;
+ } else if (e == "video-06") {
+ this.handleCollectResource(
+ "D85245AAC0CFCBDB8287FD5BEBFBBB51",
+ "D85245AAC0CFCBDB8287FD5BEBFBBB51",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬┐骞煎効鑴戦渿鑽″鐞�"
+ );
+ this.chapterData.isCollectVideoSix =
+ !this.chapterData.isCollectVideoSix;
+ } else if (e == "video-07") {
+ this.handleCollectResource(
+ "558BD52BD08066945D05B243F61772B6",
+ "558BD52BD08066945D05B243F61772B6",
+ "",
+ "瑙嗛",
+ "bits",
+ "娲诲姩瑙嗛锛氬辜鍎胯繍鍔ㄦ�т紤鍏嬪鐞�"
+ );
+ this.chapterData.isCollectVideoSeven =
+ !this.chapterData.isCollectVideoSeven;
}
this.saveVideoStatus();
},
@@ -1721,6 +2141,15 @@
this.collectResourceList
);
},
+
+ openQuestion(num) {
+ if (num) {
+ this.questionNum = this.chapter001.question[num].questionNum;
+ this.questionTitleMain =
+ this.chapter001.question[num].questionTitleMain;
+ this.$refs.dialogRef.openDialogQuestion();
+ }
+ },
},
};
</script>
--
Gitblit v1.9.1