yiming
2024-08-07 e89d2f02233370260faa26eae68819f94e906e14
Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
21个文件已修改
463个文件已添加
21627 ■■■■ 已修改文件
package-lock.json 1614 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
package.json 1 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/App.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/page47selectFour.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/page47selectOne.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/page47selectThree.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/page47selectTwo.png 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-2、MODULE 1(lesson two)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/1-3、MODULE 1(lesson three)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_22.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_23.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_24.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_25.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_26.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_27.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-1、MODULE 2(lesson one )_28.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_22.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-2、MODULE 2(lesson two)_23.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/2-3、MODULE 2(lesson three)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_22.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_23.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_24.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_25.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_26.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_27.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_28.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-1、MODULE 3(lesson one )_29.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-2、MODULE 3(lesson two )_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/3-3、MODULE 3(lesson three )_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_22.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-1、MODULE 4(lesson one)_23.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-2、MODULE 4(lesson two)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/4-3、MODULE 4(lesson three)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-1、MODULE 5(lesson one)_22.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-2、MODULE 5(lesson two)_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/5-3、MODULE 5(lesson three)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_22.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-1、MODULE 6(lesson one)_23.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_22.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-2、MODULE 6(lesson two)_23.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/6-3、MODULE 6(lesson three)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-1、MODULE 7(lesson one)_22.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-2、MODULE 7(lesson two)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/7-3、MODULE 7(lesson three)_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_19.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_20.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_21.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_22.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_23.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_24.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_25.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_26.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-1、MODULE 8(lesson one)_27.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-2、MODULE 8(lesson two)_18.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_01.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_02.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_03.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_04.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_05.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_06.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_07.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_08.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_09.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_10.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_11.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_12.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_13.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_14.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_15.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_16.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/images/ppt/8-3、MODULE 8(lesson three)_17.jpg 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/assets/main.less 3 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter001.vue 246 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter002.vue 1173 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter003.vue 742 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter004.vue 2711 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter005.vue 309 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter006.vue 3575 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter007.vue 545 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/chapter008.vue 301 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/English/view/components/index.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDance/view/components/chapter006.vue 6 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/chapter001.vue 61 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/chapter002.vue 40 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/chapter003.vue 359 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/chapter004.vue 43 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/books/artAndDrama/view/components/index.vue 6 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/dropdown/index.vue 73 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/components/paint/index.vue 377 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
yarn.lock 9438 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
package-lock.json
@@ -12,6 +12,7 @@
        "core-js": "^3.8.3",
        "drawflow": "^0.0.59",
        "element-ui": "^2.15.14",
        "fabric-with-erasing": "^1.0.1",
        "lodash": "^4.17.21",
        "moment": "^2.30.1",
        "qiankun": "^2.10.16",
@@ -2129,6 +2130,38 @@
      "dev": true,
      "license": "MIT"
    },
    "node_modules/@mapbox/node-pre-gyp": {
      "version": "1.0.11",
      "resolved": "https://registry.npmmirror.com/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
      "optional": true,
      "dependencies": {
        "detect-libc": "^2.0.0",
        "https-proxy-agent": "^5.0.0",
        "make-dir": "^3.1.0",
        "node-fetch": "^2.6.7",
        "nopt": "^5.0.0",
        "npmlog": "^5.0.1",
        "rimraf": "^3.0.2",
        "semver": "^7.3.5",
        "tar": "^6.1.11"
      },
      "bin": {
        "node-pre-gyp": "bin/node-pre-gyp"
      }
    },
    "node_modules/@mapbox/node-pre-gyp/node_modules/semver": {
      "version": "7.6.3",
      "resolved": "https://registry.npmmirror.com/semver/-/semver-7.6.3.tgz",
      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
      "optional": true,
      "bin": {
        "semver": "bin/semver.js"
      },
      "engines": {
        "node": ">=10"
      }
    },
    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
      "version": "5.1.1-v1",
      "resolved": "https://registry.npmmirror.com/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -2319,6 +2352,15 @@
      "integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==",
      "dev": true,
      "license": "MIT"
    },
    "node_modules/@tootallnate/once": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/@tootallnate/once/-/once-2.0.0.tgz",
      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
      "optional": true,
      "engines": {
        "node": ">= 10"
      }
    },
    "node_modules/@trysound/sax": {
      "version": "0.2.0",
@@ -3563,6 +3605,19 @@
      "dev": true,
      "license": "Apache-2.0"
    },
    "node_modules/abab": {
      "version": "2.0.6",
      "resolved": "https://registry.npmmirror.com/abab/-/abab-2.0.6.tgz",
      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
      "deprecated": "Use your platform's native atob() and btoa() methods instead",
      "optional": true
    },
    "node_modules/abbrev": {
      "version": "1.1.1",
      "resolved": "https://registry.npmmirror.com/abbrev/-/abbrev-1.1.1.tgz",
      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
      "optional": true
    },
    "node_modules/accepts": {
      "version": "1.3.8",
      "resolved": "https://registry.npmmirror.com/accepts/-/accepts-1.3.8.tgz",
@@ -3581,11 +3636,42 @@
      "version": "8.11.3",
      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz",
      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "bin": {
        "acorn": "bin/acorn"
      },
      "engines": {
        "node": ">=0.4.0"
      }
    },
    "node_modules/acorn-globals": {
      "version": "6.0.0",
      "resolved": "https://registry.npmmirror.com/acorn-globals/-/acorn-globals-6.0.0.tgz",
      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
      "optional": true,
      "dependencies": {
        "acorn": "^7.1.1",
        "acorn-walk": "^7.1.1"
      }
    },
    "node_modules/acorn-globals/node_modules/acorn": {
      "version": "7.4.1",
      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz",
      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
      "optional": true,
      "bin": {
        "acorn": "bin/acorn"
      },
      "engines": {
        "node": ">=0.4.0"
      }
    },
    "node_modules/acorn-globals/node_modules/acorn-walk": {
      "version": "7.2.0",
      "resolved": "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-7.2.0.tgz",
      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
      "optional": true,
      "engines": {
        "node": ">=0.4.0"
      }
@@ -3627,6 +3713,18 @@
      "license": "MIT",
      "engines": {
        "node": ">= 10.0.0"
      }
    },
    "node_modules/agent-base": {
      "version": "6.0.2",
      "resolved": "https://registry.npmmirror.com/agent-base/-/agent-base-6.0.2.tgz",
      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
      "optional": true,
      "dependencies": {
        "debug": "4"
      },
      "engines": {
        "node": ">= 6.0.0"
      }
    },
    "node_modules/ajv": {
@@ -3735,7 +3833,7 @@
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "engines": {
        "node": ">=8"
@@ -3775,6 +3873,12 @@
        "node": ">= 8"
      }
    },
    "node_modules/aproba": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/aproba/-/aproba-2.0.0.tgz",
      "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
      "optional": true
    },
    "node_modules/arch": {
      "version": "2.2.0",
      "resolved": "https://registry.npmmirror.com/arch/-/arch-2.2.0.tgz",
@@ -3795,6 +3899,20 @@
        }
      ],
      "license": "MIT"
    },
    "node_modules/are-we-there-yet": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
      "deprecated": "This package is no longer supported.",
      "optional": true,
      "dependencies": {
        "delegates": "^1.0.0",
        "readable-stream": "^3.6.0"
      },
      "engines": {
        "node": ">=10"
      }
    },
    "node_modules/argparse": {
      "version": "1.0.10",
@@ -4031,7 +4149,7 @@
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
      "dev": true,
      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/base64-js": {
@@ -4178,7 +4296,7 @@
      "version": "1.1.11",
      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz",
      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "dependencies": {
        "balanced-match": "^1.0.0",
@@ -4197,6 +4315,12 @@
      "engines": {
        "node": ">=8"
      }
    },
    "node_modules/browser-process-hrtime": {
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
      "optional": true
    },
    "node_modules/browserslist": {
      "version": "4.23.0",
@@ -4361,6 +4485,21 @@
      ],
      "license": "CC-BY-4.0"
    },
    "node_modules/canvas": {
      "version": "2.11.2",
      "resolved": "https://registry.npmmirror.com/canvas/-/canvas-2.11.2.tgz",
      "integrity": "sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==",
      "hasInstallScript": true,
      "optional": true,
      "dependencies": {
        "@mapbox/node-pre-gyp": "^1.0.0",
        "nan": "^2.17.0",
        "simple-get": "^3.0.3"
      },
      "engines": {
        "node": ">=6"
      }
    },
    "node_modules/case-sensitive-paths-webpack-plugin": {
      "version": "2.4.0",
      "resolved": "https://registry.npmmirror.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
@@ -4422,6 +4561,15 @@
      },
      "engines": {
        "node": ">= 6"
      }
    },
    "node_modules/chownr": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/chownr/-/chownr-2.0.0.tgz",
      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
      "optional": true,
      "engines": {
        "node": ">=10"
      }
    },
    "node_modules/chrome-trace-event": {
@@ -4647,6 +4795,15 @@
      "dev": true,
      "license": "MIT"
    },
    "node_modules/color-support": {
      "version": "1.1.3",
      "resolved": "https://registry.npmmirror.com/color-support/-/color-support-1.1.3.tgz",
      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
      "optional": true,
      "bin": {
        "color-support": "bin.js"
      }
    },
    "node_modules/colord": {
      "version": "2.9.3",
      "resolved": "https://registry.npmmirror.com/colord/-/colord-2.9.3.tgz",
@@ -4749,7 +4906,7 @@
      "version": "0.0.1",
      "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
      "dev": true,
      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/connect-history-api-fallback": {
@@ -4761,6 +4918,12 @@
      "engines": {
        "node": ">=0.8"
      }
    },
    "node_modules/console-control-strings": {
      "version": "1.1.0",
      "resolved": "https://registry.npmmirror.com/console-control-strings/-/console-control-strings-1.1.0.tgz",
      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
      "optional": true
    },
    "node_modules/consolidate": {
      "version": "0.15.1",
@@ -5272,11 +5435,83 @@
        "node": ">=8.0.0"
      }
    },
    "node_modules/cssom": {
      "version": "0.5.0",
      "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.5.0.tgz",
      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
      "optional": true
    },
    "node_modules/cssstyle": {
      "version": "2.3.0",
      "resolved": "https://registry.npmmirror.com/cssstyle/-/cssstyle-2.3.0.tgz",
      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
      "optional": true,
      "dependencies": {
        "cssom": "~0.3.6"
      },
      "engines": {
        "node": ">=8"
      }
    },
    "node_modules/cssstyle/node_modules/cssom": {
      "version": "0.3.8",
      "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.3.8.tgz",
      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
      "optional": true
    },
    "node_modules/csstype": {
      "version": "3.1.3",
      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
      "license": "MIT"
    },
    "node_modules/data-urls": {
      "version": "3.0.2",
      "resolved": "https://registry.npmmirror.com/data-urls/-/data-urls-3.0.2.tgz",
      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
      "optional": true,
      "dependencies": {
        "abab": "^2.0.6",
        "whatwg-mimetype": "^3.0.0",
        "whatwg-url": "^11.0.0"
      },
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/data-urls/node_modules/tr46": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-3.0.0.tgz",
      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
      "optional": true,
      "dependencies": {
        "punycode": "^2.1.1"
      },
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/data-urls/node_modules/webidl-conversions": {
      "version": "7.0.0",
      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
      "optional": true,
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/data-urls/node_modules/whatwg-url": {
      "version": "11.0.0",
      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-11.0.0.tgz",
      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
      "optional": true,
      "dependencies": {
        "tr46": "^3.0.0",
        "webidl-conversions": "^7.0.0"
      },
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/de-indent": {
      "version": "1.0.2",
@@ -5296,7 +5531,7 @@
      "version": "4.3.4",
      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "dependencies": {
        "ms": "2.1.2"
@@ -5308,6 +5543,24 @@
        "supports-color": {
          "optional": true
        }
      }
    },
    "node_modules/decimal.js": {
      "version": "10.4.3",
      "resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.4.3.tgz",
      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
      "optional": true
    },
    "node_modules/decompress-response": {
      "version": "4.2.1",
      "resolved": "https://registry.npmmirror.com/decompress-response/-/decompress-response-4.2.1.tgz",
      "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==",
      "optional": true,
      "dependencies": {
        "mimic-response": "^2.0.0"
      },
      "engines": {
        "node": ">=8"
      }
    },
    "node_modules/deep-is": {
@@ -5469,6 +5722,12 @@
        "node": ">=0.4.0"
      }
    },
    "node_modules/delegates": {
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/delegates/-/delegates-1.0.0.tgz",
      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
      "optional": true
    },
    "node_modules/depd": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
@@ -5488,6 +5747,15 @@
      "engines": {
        "node": ">= 0.8",
        "npm": "1.2.8000 || >= 1.4.16"
      }
    },
    "node_modules/detect-libc": {
      "version": "2.0.3",
      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.0.3.tgz",
      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
      "optional": true,
      "engines": {
        "node": ">=8"
      }
    },
    "node_modules/detect-node": {
@@ -5591,6 +5859,28 @@
        }
      ],
      "license": "BSD-2-Clause"
    },
    "node_modules/domexception": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/domexception/-/domexception-4.0.0.tgz",
      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
      "deprecated": "Use your platform's native DOMException instead",
      "optional": true,
      "dependencies": {
        "webidl-conversions": "^7.0.0"
      },
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/domexception/node_modules/webidl-conversions": {
      "version": "7.0.0",
      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
      "optional": true,
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/domhandler": {
      "version": "4.3.1",
@@ -5707,7 +5997,7 @@
      "version": "8.0.0",
      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
      "dev": true,
      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/emojis-list": {
@@ -5868,6 +6158,36 @@
      "license": "MIT",
      "engines": {
        "node": ">=0.8.0"
      }
    },
    "node_modules/escodegen": {
      "version": "2.1.0",
      "resolved": "https://registry.npmmirror.com/escodegen/-/escodegen-2.1.0.tgz",
      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
      "optional": true,
      "dependencies": {
        "esprima": "^4.0.1",
        "estraverse": "^5.2.0",
        "esutils": "^2.0.2"
      },
      "bin": {
        "escodegen": "bin/escodegen.js",
        "esgenerate": "bin/esgenerate.js"
      },
      "engines": {
        "node": ">=6.0"
      },
      "optionalDependencies": {
        "source-map": "~0.6.1"
      }
    },
    "node_modules/escodegen/node_modules/estraverse": {
      "version": "5.3.0",
      "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
      "optional": true,
      "engines": {
        "node": ">=4.0"
      }
    },
    "node_modules/eslint": {
@@ -6396,7 +6716,7 @@
      "version": "4.0.1",
      "resolved": "https://registry.npmmirror.com/esprima/-/esprima-4.0.1.tgz",
      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
      "dev": true,
      "devOptional": true,
      "license": "BSD-2-Clause",
      "bin": {
        "esparse": "bin/esparse.js",
@@ -6473,7 +6793,7 @@
      "version": "2.0.3",
      "resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
      "dev": true,
      "devOptional": true,
      "license": "BSD-2-Clause",
      "engines": {
        "node": ">=0.10.0"
@@ -6667,6 +6987,18 @@
      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
      "dev": true,
      "license": "MIT"
    },
    "node_modules/fabric-with-erasing": {
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/fabric-with-erasing/-/fabric-with-erasing-1.0.1.tgz",
      "integrity": "sha512-+t5XUJChH2UFBbR1UXCHhQln0V9JwPAtpyvJhuCHrP64NcUQCL+3XbCvR2Pcs+OGDe6/XOgmdl+H7mY9aOmElQ==",
      "engines": {
        "node": ">=14.0.0"
      },
      "optionalDependencies": {
        "canvas": "^2.8.0",
        "jsdom": "^19.0.0"
      }
    },
    "node_modules/fast-deep-equal": {
      "version": "3.1.3",
@@ -6964,6 +7296,18 @@
        "node": ">=10"
      }
    },
    "node_modules/fs-minipass": {
      "version": "2.1.0",
      "resolved": "https://registry.npmmirror.com/fs-minipass/-/fs-minipass-2.1.0.tgz",
      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
      "optional": true,
      "dependencies": {
        "minipass": "^3.0.0"
      },
      "engines": {
        "node": ">= 8"
      }
    },
    "node_modules/fs-monkey": {
      "version": "1.0.5",
      "resolved": "https://registry.npmmirror.com/fs-monkey/-/fs-monkey-1.0.5.tgz",
@@ -6975,7 +7319,7 @@
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
      "dev": true,
      "devOptional": true,
      "license": "ISC"
    },
    "node_modules/fsevents": {
@@ -7008,6 +7352,27 @@
      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
      "dev": true,
      "license": "MIT"
    },
    "node_modules/gauge": {
      "version": "3.0.2",
      "resolved": "https://registry.npmmirror.com/gauge/-/gauge-3.0.2.tgz",
      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
      "deprecated": "This package is no longer supported.",
      "optional": true,
      "dependencies": {
        "aproba": "^1.0.3 || ^2.0.0",
        "color-support": "^1.1.2",
        "console-control-strings": "^1.0.0",
        "has-unicode": "^2.0.1",
        "object-assign": "^4.1.1",
        "signal-exit": "^3.0.0",
        "string-width": "^4.2.3",
        "strip-ansi": "^6.0.1",
        "wide-align": "^1.1.2"
      },
      "engines": {
        "node": ">=10"
      }
    },
    "node_modules/gensync": {
      "version": "1.0.0-beta.2",
@@ -7066,7 +7431,7 @@
      "version": "7.2.3",
      "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
      "dev": true,
      "devOptional": true,
      "license": "ISC",
      "dependencies": {
        "fs.realpath": "^1.0.0",
@@ -7236,6 +7601,12 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
    "node_modules/has-unicode": {
      "version": "2.0.1",
      "resolved": "https://registry.npmmirror.com/has-unicode/-/has-unicode-2.0.1.tgz",
      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
      "optional": true
    },
    "node_modules/hash-sum": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-2.0.0.tgz",
@@ -7327,6 +7698,18 @@
      "license": "MIT",
      "dependencies": {
        "safe-buffer": "~5.1.0"
      }
    },
    "node_modules/html-encoding-sniffer": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
      "optional": true,
      "dependencies": {
        "whatwg-encoding": "^2.0.0"
      },
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/html-entities": {
@@ -7497,6 +7880,20 @@
        "node": ">=8.0.0"
      }
    },
    "node_modules/http-proxy-agent": {
      "version": "5.0.0",
      "resolved": "https://registry.npmmirror.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
      "optional": true,
      "dependencies": {
        "@tootallnate/once": "2",
        "agent-base": "6",
        "debug": "4"
      },
      "engines": {
        "node": ">= 6"
      }
    },
    "node_modules/http-proxy-middleware": {
      "version": "2.0.6",
      "resolved": "https://registry.npmmirror.com/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz",
@@ -7520,6 +7917,19 @@
        "@types/express": {
          "optional": true
        }
      }
    },
    "node_modules/https-proxy-agent": {
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
      "optional": true,
      "dependencies": {
        "agent-base": "6",
        "debug": "4"
      },
      "engines": {
        "node": ">= 6"
      }
    },
    "node_modules/human-signals": {
@@ -7641,7 +8051,7 @@
      "version": "1.0.6",
      "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
      "dev": true,
      "devOptional": true,
      "license": "ISC",
      "dependencies": {
        "once": "^1.3.0",
@@ -7652,7 +8062,7 @@
      "version": "2.0.4",
      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
      "dev": true,
      "devOptional": true,
      "license": "ISC"
    },
    "node_modules/ipaddr.js": {
@@ -7751,7 +8161,7 @@
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "engines": {
        "node": ">=8"
@@ -7815,6 +8225,12 @@
      "engines": {
        "node": ">=0.10.0"
      }
    },
    "node_modules/is-potential-custom-element-name": {
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
      "optional": true
    },
    "node_modules/is-stream": {
      "version": "1.1.0",
@@ -7973,6 +8389,113 @@
      },
      "bin": {
        "js-yaml": "bin/js-yaml.js"
      }
    },
    "node_modules/jsdom": {
      "version": "19.0.0",
      "resolved": "https://registry.npmmirror.com/jsdom/-/jsdom-19.0.0.tgz",
      "integrity": "sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==",
      "optional": true,
      "dependencies": {
        "abab": "^2.0.5",
        "acorn": "^8.5.0",
        "acorn-globals": "^6.0.0",
        "cssom": "^0.5.0",
        "cssstyle": "^2.3.0",
        "data-urls": "^3.0.1",
        "decimal.js": "^10.3.1",
        "domexception": "^4.0.0",
        "escodegen": "^2.0.0",
        "form-data": "^4.0.0",
        "html-encoding-sniffer": "^3.0.0",
        "http-proxy-agent": "^5.0.0",
        "https-proxy-agent": "^5.0.0",
        "is-potential-custom-element-name": "^1.0.1",
        "nwsapi": "^2.2.0",
        "parse5": "6.0.1",
        "saxes": "^5.0.1",
        "symbol-tree": "^3.2.4",
        "tough-cookie": "^4.0.0",
        "w3c-hr-time": "^1.0.2",
        "w3c-xmlserializer": "^3.0.0",
        "webidl-conversions": "^7.0.0",
        "whatwg-encoding": "^2.0.0",
        "whatwg-mimetype": "^3.0.0",
        "whatwg-url": "^10.0.0",
        "ws": "^8.2.3",
        "xml-name-validator": "^4.0.0"
      },
      "engines": {
        "node": ">=12"
      },
      "peerDependencies": {
        "canvas": "^2.5.0"
      },
      "peerDependenciesMeta": {
        "canvas": {
          "optional": true
        }
      }
    },
    "node_modules/jsdom/node_modules/parse5": {
      "version": "6.0.1",
      "resolved": "https://registry.npmmirror.com/parse5/-/parse5-6.0.1.tgz",
      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
      "optional": true
    },
    "node_modules/jsdom/node_modules/tr46": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-3.0.0.tgz",
      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
      "optional": true,
      "dependencies": {
        "punycode": "^2.1.1"
      },
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/jsdom/node_modules/webidl-conversions": {
      "version": "7.0.0",
      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
      "optional": true,
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/jsdom/node_modules/whatwg-url": {
      "version": "10.0.0",
      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-10.0.0.tgz",
      "integrity": "sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==",
      "optional": true,
      "dependencies": {
        "tr46": "^3.0.0",
        "webidl-conversions": "^7.0.0"
      },
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/jsdom/node_modules/ws": {
      "version": "8.18.0",
      "resolved": "https://registry.npmmirror.com/ws/-/ws-8.18.0.tgz",
      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
      "optional": true,
      "engines": {
        "node": ">=10.0.0"
      },
      "peerDependencies": {
        "bufferutil": "^4.0.1",
        "utf-8-validate": ">=5.0.2"
      },
      "peerDependenciesMeta": {
        "bufferutil": {
          "optional": true
        },
        "utf-8-validate": {
          "optional": true
        }
      }
    },
    "node_modules/jsesc": {
@@ -8573,7 +9096,7 @@
      "version": "3.1.0",
      "resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-3.1.0.tgz",
      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "dependencies": {
        "semver": "^6.0.0"
@@ -8717,6 +9240,18 @@
        "node": ">=6"
      }
    },
    "node_modules/mimic-response": {
      "version": "2.1.0",
      "resolved": "https://registry.npmmirror.com/mimic-response/-/mimic-response-2.1.0.tgz",
      "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
      "optional": true,
      "engines": {
        "node": ">=8"
      },
      "funding": {
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
    "node_modules/mini-css-extract-plugin": {
      "version": "2.9.0",
      "resolved": "https://registry.npmmirror.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.0.tgz",
@@ -8806,7 +9341,7 @@
      "version": "3.1.2",
      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
      "dev": true,
      "devOptional": true,
      "license": "ISC",
      "dependencies": {
        "brace-expansion": "^1.1.7"
@@ -8829,7 +9364,7 @@
      "version": "3.3.6",
      "resolved": "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz",
      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
      "dev": true,
      "devOptional": true,
      "license": "ISC",
      "dependencies": {
        "yallist": "^4.0.0"
@@ -8842,8 +9377,27 @@
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
      "dev": true,
      "devOptional": true,
      "license": "ISC"
    },
    "node_modules/minizlib": {
      "version": "2.1.2",
      "resolved": "https://registry.npmmirror.com/minizlib/-/minizlib-2.1.2.tgz",
      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
      "optional": true,
      "dependencies": {
        "minipass": "^3.0.0",
        "yallist": "^4.0.0"
      },
      "engines": {
        "node": ">= 8"
      }
    },
    "node_modules/minizlib/node_modules/yallist": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
      "optional": true
    },
    "node_modules/mkdirp": {
      "version": "0.5.6",
@@ -8887,7 +9441,7 @@
      "version": "2.1.2",
      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
      "dev": true,
      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/multicast-dns": {
@@ -8915,6 +9469,12 @@
        "object-assign": "^4.0.1",
        "thenify-all": "^1.0.0"
      }
    },
    "node_modules/nan": {
      "version": "2.20.0",
      "resolved": "https://registry.npmmirror.com/nan/-/nan-2.20.0.tgz",
      "integrity": "sha512-bk3gXBZDGILuuo/6sKtr0DQmSThYHLtNCdSdXk9YkxD/jK6X2vmCyyXBBxyqZ4XcnzTyYEAThfX3DCEnLf6igw==",
      "optional": true
    },
    "node_modules/nanoid": {
      "version": "3.3.7",
@@ -9010,7 +9570,7 @@
      "version": "2.7.0",
      "resolved": "https://registry.npmmirror.com/node-fetch/-/node-fetch-2.7.0.tgz",
      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "dependencies": {
        "whatwg-url": "^5.0.0"
@@ -9043,6 +9603,21 @@
      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
      "dev": true,
      "license": "MIT"
    },
    "node_modules/nopt": {
      "version": "5.0.0",
      "resolved": "https://registry.npmmirror.com/nopt/-/nopt-5.0.0.tgz",
      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
      "optional": true,
      "dependencies": {
        "abbrev": "1"
      },
      "bin": {
        "nopt": "bin/nopt.js"
      },
      "engines": {
        "node": ">=6"
      }
    },
    "node_modules/normalize-package-data": {
      "version": "2.5.0",
@@ -9128,6 +9703,19 @@
        "node": ">=4"
      }
    },
    "node_modules/npmlog": {
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/npmlog/-/npmlog-5.0.1.tgz",
      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
      "deprecated": "This package is no longer supported.",
      "optional": true,
      "dependencies": {
        "are-we-there-yet": "^2.0.0",
        "console-control-strings": "^1.1.0",
        "gauge": "^3.0.0",
        "set-blocking": "^2.0.0"
      }
    },
    "node_modules/nth-check": {
      "version": "2.1.1",
      "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz",
@@ -9141,11 +9729,17 @@
        "url": "https://github.com/fb55/nth-check?sponsor=1"
      }
    },
    "node_modules/nwsapi": {
      "version": "2.2.12",
      "resolved": "https://registry.npmmirror.com/nwsapi/-/nwsapi-2.2.12.tgz",
      "integrity": "sha512-qXDmcVlZV4XRtKFzddidpfVP4oMSGhga+xdMc25mv8kaLUHtgzCDhUxkrN8exkGdTlLNaXj7CV3GtON7zuGZ+w==",
      "optional": true
    },
    "node_modules/object-assign": {
      "version": "4.1.1",
      "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "engines": {
        "node": ">=0.10.0"
@@ -9224,7 +9818,7 @@
      "version": "1.4.0",
      "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
      "dev": true,
      "devOptional": true,
      "license": "ISC",
      "dependencies": {
        "wrappy": "1"
@@ -9566,7 +10160,7 @@
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "engines": {
        "node": ">=0.10.0"
@@ -10391,6 +10985,12 @@
      "dev": true,
      "license": "ISC"
    },
    "node_modules/psl": {
      "version": "1.9.0",
      "resolved": "https://registry.npmmirror.com/psl/-/psl-1.9.0.tgz",
      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
      "optional": true
    },
    "node_modules/pump": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/pump/-/pump-3.0.0.tgz",
@@ -10406,7 +11006,7 @@
      "version": "2.3.1",
      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "engines": {
        "node": ">=6"
@@ -10438,6 +11038,12 @@
      "funding": {
        "url": "https://github.com/sponsors/ljharb"
      }
    },
    "node_modules/querystringify": {
      "version": "2.2.0",
      "resolved": "https://registry.npmmirror.com/querystringify/-/querystringify-2.2.0.tgz",
      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
      "optional": true
    },
    "node_modules/queue-microtask": {
      "version": "1.2.3",
@@ -10554,7 +11160,7 @@
      "version": "3.6.2",
      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "dependencies": {
        "inherits": "^2.0.3",
@@ -10715,7 +11321,7 @@
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/requires-port/-/requires-port-1.0.0.tgz",
      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
      "dev": true,
      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/resize-observer-polyfill": {
@@ -10790,7 +11396,7 @@
      "version": "3.0.2",
      "resolved": "https://registry.npmmirror.com/rimraf/-/rimraf-3.0.2.tgz",
      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
      "dev": true,
      "devOptional": true,
      "license": "ISC",
      "dependencies": {
        "glob": "^7.1.3"
@@ -10830,7 +11436,7 @@
      "version": "5.2.1",
      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
      "dev": true,
      "devOptional": true,
      "funding": [
        {
          "type": "github",
@@ -10851,7 +11457,7 @@
      "version": "2.1.2",
      "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
      "dev": true,
      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/sax": {
@@ -10860,6 +11466,18 @@
      "integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==",
      "dev": true,
      "optional": true
    },
    "node_modules/saxes": {
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/saxes/-/saxes-5.0.1.tgz",
      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
      "optional": true,
      "dependencies": {
        "xmlchars": "^2.2.0"
      },
      "engines": {
        "node": ">=10"
      }
    },
    "node_modules/schema-utils": {
      "version": "2.7.1",
@@ -10905,7 +11523,7 @@
      "version": "6.3.1",
      "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
      "dev": true,
      "devOptional": true,
      "license": "ISC",
      "bin": {
        "semver": "bin/semver.js"
@@ -11072,6 +11690,12 @@
        "node": ">= 0.8.0"
      }
    },
    "node_modules/set-blocking": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
      "optional": true
    },
    "node_modules/set-function-length": {
      "version": "1.2.2",
      "resolved": "https://registry.npmmirror.com/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -11166,8 +11790,39 @@
      "version": "3.0.7",
      "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-3.0.7.tgz",
      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
      "dev": true,
      "devOptional": true,
      "license": "ISC"
    },
    "node_modules/simple-concat": {
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/simple-concat/-/simple-concat-1.0.1.tgz",
      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
      "funding": [
        {
          "type": "github",
          "url": "https://github.com/sponsors/feross"
        },
        {
          "type": "patreon",
          "url": "https://www.patreon.com/feross"
        },
        {
          "type": "consulting",
          "url": "https://feross.org/support"
        }
      ],
      "optional": true
    },
    "node_modules/simple-get": {
      "version": "3.1.1",
      "resolved": "https://registry.npmmirror.com/simple-get/-/simple-get-3.1.1.tgz",
      "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==",
      "optional": true,
      "dependencies": {
        "decompress-response": "^4.2.0",
        "once": "^1.3.1",
        "simple-concat": "^1.0.0"
      }
    },
    "node_modules/single-spa": {
      "version": "5.9.5",
@@ -11420,7 +12075,7 @@
      "version": "1.3.0",
      "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "dependencies": {
        "safe-buffer": "~5.2.0"
@@ -11430,7 +12085,7 @@
      "version": "4.2.3",
      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "dependencies": {
        "emoji-regex": "^8.0.0",
@@ -11445,7 +12100,7 @@
      "version": "6.0.1",
      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "dependencies": {
        "ansi-regex": "^5.0.1"
@@ -11601,6 +12256,12 @@
        "node": ">= 4.7.0"
      }
    },
    "node_modules/symbol-tree": {
      "version": "3.2.4",
      "resolved": "https://registry.npmmirror.com/symbol-tree/-/symbol-tree-3.2.4.tgz",
      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
      "optional": true
    },
    "node_modules/table": {
      "version": "6.8.2",
      "resolved": "https://registry.npmmirror.com/table/-/table-6.8.2.tgz",
@@ -11651,6 +12312,50 @@
      "engines": {
        "node": ">=6"
      }
    },
    "node_modules/tar": {
      "version": "6.2.1",
      "resolved": "https://registry.npmmirror.com/tar/-/tar-6.2.1.tgz",
      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
      "optional": true,
      "dependencies": {
        "chownr": "^2.0.0",
        "fs-minipass": "^2.0.0",
        "minipass": "^5.0.0",
        "minizlib": "^2.1.1",
        "mkdirp": "^1.0.3",
        "yallist": "^4.0.0"
      },
      "engines": {
        "node": ">=10"
      }
    },
    "node_modules/tar/node_modules/minipass": {
      "version": "5.0.0",
      "resolved": "https://registry.npmmirror.com/minipass/-/minipass-5.0.0.tgz",
      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
      "optional": true,
      "engines": {
        "node": ">=8"
      }
    },
    "node_modules/tar/node_modules/mkdirp": {
      "version": "1.0.4",
      "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz",
      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
      "optional": true,
      "bin": {
        "mkdirp": "bin/cmd.js"
      },
      "engines": {
        "node": ">=10"
      }
    },
    "node_modules/tar/node_modules/yallist": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
      "optional": true
    },
    "node_modules/terser": {
      "version": "5.30.3",
@@ -11878,11 +12583,35 @@
        "node": ">=6"
      }
    },
    "node_modules/tough-cookie": {
      "version": "4.1.4",
      "resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-4.1.4.tgz",
      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
      "optional": true,
      "dependencies": {
        "psl": "^1.1.33",
        "punycode": "^2.1.1",
        "universalify": "^0.2.0",
        "url-parse": "^1.5.3"
      },
      "engines": {
        "node": ">=6"
      }
    },
    "node_modules/tough-cookie/node_modules/universalify": {
      "version": "0.2.0",
      "resolved": "https://registry.npmmirror.com/universalify/-/universalify-0.2.0.tgz",
      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
      "optional": true,
      "engines": {
        "node": ">= 4.0.0"
      }
    },
    "node_modules/tr46": {
      "version": "0.0.3",
      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz",
      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
      "dev": true,
      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/tslib": {
@@ -12041,11 +12770,21 @@
        "punycode": "^2.1.0"
      }
    },
    "node_modules/url-parse": {
      "version": "1.5.10",
      "resolved": "https://registry.npmmirror.com/url-parse/-/url-parse-1.5.10.tgz",
      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
      "optional": true,
      "dependencies": {
        "querystringify": "^2.1.1",
        "requires-port": "^1.0.0"
      }
    },
    "node_modules/util-deprecate": {
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
      "dev": true,
      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/utila": {
@@ -12400,6 +13139,28 @@
        "vue": "^2.0.0"
      }
    },
    "node_modules/w3c-hr-time": {
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
      "deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
      "optional": true,
      "dependencies": {
        "browser-process-hrtime": "^1.0.0"
      }
    },
    "node_modules/w3c-xmlserializer": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
      "integrity": "sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==",
      "optional": true,
      "dependencies": {
        "xml-name-validator": "^4.0.0"
      },
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/watchpack": {
      "version": "2.4.1",
      "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.4.1.tgz",
@@ -12438,7 +13199,7 @@
      "version": "3.0.1",
      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
      "dev": true,
      "devOptional": true,
      "license": "BSD-2-Clause"
    },
    "node_modules/webpack": {
@@ -12848,6 +13609,30 @@
        "node": ">=0.8.0"
      }
    },
    "node_modules/whatwg-encoding": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
      "optional": true,
      "dependencies": {
        "iconv-lite": "0.6.3"
      },
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
      "version": "0.6.3",
      "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz",
      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
      "optional": true,
      "dependencies": {
        "safer-buffer": ">= 2.1.2 < 3.0.0"
      },
      "engines": {
        "node": ">=0.10.0"
      }
    },
    "node_modules/whatwg-fetch": {
      "version": "3.6.20",
      "resolved": "https://registry.npmmirror.com/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
@@ -12855,11 +13640,20 @@
      "dev": true,
      "license": "MIT"
    },
    "node_modules/whatwg-mimetype": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
      "optional": true,
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/whatwg-url": {
      "version": "5.0.0",
      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-5.0.0.tgz",
      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
      "dev": true,
      "devOptional": true,
      "license": "MIT",
      "dependencies": {
        "tr46": "~0.0.3",
@@ -12880,6 +13674,15 @@
      },
      "engines": {
        "node": ">= 8"
      }
    },
    "node_modules/wide-align": {
      "version": "1.1.5",
      "resolved": "https://registry.npmmirror.com/wide-align/-/wide-align-1.1.5.tgz",
      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
      "optional": true,
      "dependencies": {
        "string-width": "^1.0.2 || 2 || 3 || 4"
      }
    },
    "node_modules/wildcard": {
@@ -12947,7 +13750,7 @@
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
      "dev": true,
      "devOptional": true,
      "license": "ISC"
    },
    "node_modules/ws": {
@@ -12971,6 +13774,21 @@
          "optional": true
        }
      }
    },
    "node_modules/xml-name-validator": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
      "optional": true,
      "engines": {
        "node": ">=12"
      }
    },
    "node_modules/xmlchars": {
      "version": "2.2.0",
      "resolved": "https://registry.npmmirror.com/xmlchars/-/xmlchars-2.2.0.tgz",
      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
      "optional": true
    },
    "node_modules/y18n": {
      "version": "5.0.8",
@@ -14517,6 +15335,31 @@
      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
      "dev": true
    },
    "@mapbox/node-pre-gyp": {
      "version": "1.0.11",
      "resolved": "https://registry.npmmirror.com/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.11.tgz",
      "integrity": "sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==",
      "optional": true,
      "requires": {
        "detect-libc": "^2.0.0",
        "https-proxy-agent": "^5.0.0",
        "make-dir": "^3.1.0",
        "node-fetch": "^2.6.7",
        "nopt": "^5.0.0",
        "npmlog": "^5.0.1",
        "rimraf": "^3.0.2",
        "semver": "^7.3.5",
        "tar": "^6.1.11"
      },
      "dependencies": {
        "semver": {
          "version": "7.6.3",
          "resolved": "https://registry.npmmirror.com/semver/-/semver-7.6.3.tgz",
          "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
          "optional": true
        }
      }
    },
    "@nicolo-ribaudo/eslint-scope-5-internals": {
      "version": "5.1.1-v1",
      "resolved": "https://registry.npmmirror.com/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
@@ -14656,6 +15499,12 @@
      "resolved": "https://registry.npmmirror.com/@soda/get-current-script/-/get-current-script-1.0.2.tgz",
      "integrity": "sha512-T7VNNlYVM1SgQ+VsMYhnDkcGmWhQdL0bDyGm5TlQ3GBXnJscEClUUOKduWTmm2zCnvNLC1hc3JpuXjs/nFOc5w==",
      "dev": true
    },
    "@tootallnate/once": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/@tootallnate/once/-/once-2.0.0.tgz",
      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
      "optional": true
    },
    "@trysound/sax": {
      "version": "0.2.0",
@@ -15634,6 +16483,18 @@
      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
      "dev": true
    },
    "abab": {
      "version": "2.0.6",
      "resolved": "https://registry.npmmirror.com/abab/-/abab-2.0.6.tgz",
      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
      "optional": true
    },
    "abbrev": {
      "version": "1.1.1",
      "resolved": "https://registry.npmmirror.com/abbrev/-/abbrev-1.1.1.tgz",
      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
      "optional": true
    },
    "accepts": {
      "version": "1.3.8",
      "resolved": "https://registry.npmmirror.com/accepts/-/accepts-1.3.8.tgz",
@@ -15648,7 +16509,31 @@
      "version": "8.11.3",
      "resolved": "https://registry.npmmirror.com/acorn/-/acorn-8.11.3.tgz",
      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
      "dev": true
      "devOptional": true
    },
    "acorn-globals": {
      "version": "6.0.0",
      "resolved": "https://registry.npmmirror.com/acorn-globals/-/acorn-globals-6.0.0.tgz",
      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
      "optional": true,
      "requires": {
        "acorn": "^7.1.1",
        "acorn-walk": "^7.1.1"
      },
      "dependencies": {
        "acorn": {
          "version": "7.4.1",
          "resolved": "https://registry.npmmirror.com/acorn/-/acorn-7.4.1.tgz",
          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
          "optional": true
        },
        "acorn-walk": {
          "version": "7.2.0",
          "resolved": "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-7.2.0.tgz",
          "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
          "optional": true
        }
      }
    },
    "acorn-import-attributes": {
      "version": "1.9.5",
@@ -15675,6 +16560,15 @@
      "resolved": "https://registry.npmmirror.com/address/-/address-1.2.2.tgz",
      "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==",
      "dev": true
    },
    "agent-base": {
      "version": "6.0.2",
      "resolved": "https://registry.npmmirror.com/agent-base/-/agent-base-6.0.2.tgz",
      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
      "optional": true,
      "requires": {
        "debug": "4"
      }
    },
    "ajv": {
      "version": "6.12.6",
@@ -15746,7 +16640,7 @@
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
      "dev": true
      "devOptional": true
    },
    "ansi-styles": {
      "version": "3.2.1",
@@ -15773,11 +16667,27 @@
        "picomatch": "^2.0.4"
      }
    },
    "aproba": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/aproba/-/aproba-2.0.0.tgz",
      "integrity": "sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==",
      "optional": true
    },
    "arch": {
      "version": "2.2.0",
      "resolved": "https://registry.npmmirror.com/arch/-/arch-2.2.0.tgz",
      "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
      "dev": true
    },
    "are-we-there-yet": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
      "optional": true,
      "requires": {
        "delegates": "^1.0.0",
        "readable-stream": "^3.6.0"
      }
    },
    "argparse": {
      "version": "1.0.10",
@@ -15952,7 +16862,7 @@
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
      "dev": true
      "devOptional": true
    },
    "base64-js": {
      "version": "1.5.1",
@@ -16058,7 +16968,7 @@
      "version": "1.1.11",
      "resolved": "https://registry.npmmirror.com/brace-expansion/-/brace-expansion-1.1.11.tgz",
      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "balanced-match": "^1.0.0",
        "concat-map": "0.0.1"
@@ -16072,6 +16982,12 @@
      "requires": {
        "fill-range": "^7.0.1"
      }
    },
    "browser-process-hrtime": {
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
      "optional": true
    },
    "browserslist": {
      "version": "4.23.0",
@@ -16160,6 +17076,17 @@
      "integrity": "sha512-QFutAY4NgaelojVMjY63o6XlZyORPaLfyMnsl3HgnWdJUcX6K0oaJymHjH8PT5Gk7sTm8rvC/c5COUQKXqmOMA==",
      "dev": true
    },
    "canvas": {
      "version": "2.11.2",
      "resolved": "https://registry.npmmirror.com/canvas/-/canvas-2.11.2.tgz",
      "integrity": "sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==",
      "optional": true,
      "requires": {
        "@mapbox/node-pre-gyp": "^1.0.0",
        "nan": "^2.17.0",
        "simple-get": "^3.0.3"
      }
    },
    "case-sensitive-paths-webpack-plugin": {
      "version": "2.4.0",
      "resolved": "https://registry.npmmirror.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
@@ -16203,6 +17130,12 @@
          }
        }
      }
    },
    "chownr": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/chownr/-/chownr-2.0.0.tgz",
      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
      "optional": true
    },
    "chrome-trace-event": {
      "version": "1.0.3",
@@ -16359,6 +17292,12 @@
      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
      "dev": true
    },
    "color-support": {
      "version": "1.1.3",
      "resolved": "https://registry.npmmirror.com/color-support/-/color-support-1.1.3.tgz",
      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
      "optional": true
    },
    "colord": {
      "version": "2.9.3",
      "resolved": "https://registry.npmmirror.com/colord/-/colord-2.9.3.tgz",
@@ -16442,13 +17381,19 @@
      "version": "0.0.1",
      "resolved": "https://registry.npmmirror.com/concat-map/-/concat-map-0.0.1.tgz",
      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
      "dev": true
      "devOptional": true
    },
    "connect-history-api-fallback": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
      "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
      "dev": true
    },
    "console-control-strings": {
      "version": "1.1.0",
      "resolved": "https://registry.npmmirror.com/console-control-strings/-/console-control-strings-1.1.0.tgz",
      "integrity": "sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==",
      "optional": true
    },
    "consolidate": {
      "version": "0.15.1",
@@ -16775,10 +17720,71 @@
        "css-tree": "^1.1.2"
      }
    },
    "cssom": {
      "version": "0.5.0",
      "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.5.0.tgz",
      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
      "optional": true
    },
    "cssstyle": {
      "version": "2.3.0",
      "resolved": "https://registry.npmmirror.com/cssstyle/-/cssstyle-2.3.0.tgz",
      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
      "optional": true,
      "requires": {
        "cssom": "~0.3.6"
      },
      "dependencies": {
        "cssom": {
          "version": "0.3.8",
          "resolved": "https://registry.npmmirror.com/cssom/-/cssom-0.3.8.tgz",
          "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
          "optional": true
        }
      }
    },
    "csstype": {
      "version": "3.1.3",
      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
    },
    "data-urls": {
      "version": "3.0.2",
      "resolved": "https://registry.npmmirror.com/data-urls/-/data-urls-3.0.2.tgz",
      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
      "optional": true,
      "requires": {
        "abab": "^2.0.6",
        "whatwg-mimetype": "^3.0.0",
        "whatwg-url": "^11.0.0"
      },
      "dependencies": {
        "tr46": {
          "version": "3.0.0",
          "resolved": "https://registry.npmmirror.com/tr46/-/tr46-3.0.0.tgz",
          "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
          "optional": true,
          "requires": {
            "punycode": "^2.1.1"
          }
        },
        "webidl-conversions": {
          "version": "7.0.0",
          "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
          "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
          "optional": true
        },
        "whatwg-url": {
          "version": "11.0.0",
          "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-11.0.0.tgz",
          "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
          "optional": true,
          "requires": {
            "tr46": "^3.0.0",
            "webidl-conversions": "^7.0.0"
          }
        }
      }
    },
    "de-indent": {
      "version": "1.0.2",
@@ -16796,9 +17802,24 @@
      "version": "4.3.4",
      "resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.4.tgz",
      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "ms": "2.1.2"
      }
    },
    "decimal.js": {
      "version": "10.4.3",
      "resolved": "https://registry.npmmirror.com/decimal.js/-/decimal.js-10.4.3.tgz",
      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
      "optional": true
    },
    "decompress-response": {
      "version": "4.2.1",
      "resolved": "https://registry.npmmirror.com/decompress-response/-/decompress-response-4.2.1.tgz",
      "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==",
      "optional": true,
      "requires": {
        "mimic-response": "^2.0.0"
      }
    },
    "deep-is": {
@@ -16903,6 +17924,12 @@
      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
    },
    "delegates": {
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/delegates/-/delegates-1.0.0.tgz",
      "integrity": "sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==",
      "optional": true
    },
    "depd": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
@@ -16914,6 +17941,12 @@
      "resolved": "https://registry.npmmirror.com/destroy/-/destroy-1.2.0.tgz",
      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
      "dev": true
    },
    "detect-libc": {
      "version": "2.0.3",
      "resolved": "https://registry.npmmirror.com/detect-libc/-/detect-libc-2.0.3.tgz",
      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
      "optional": true
    },
    "detect-node": {
      "version": "2.1.0",
@@ -16989,6 +18022,23 @@
      "resolved": "https://registry.npmmirror.com/domelementtype/-/domelementtype-2.3.0.tgz",
      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
      "dev": true
    },
    "domexception": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/domexception/-/domexception-4.0.0.tgz",
      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
      "optional": true,
      "requires": {
        "webidl-conversions": "^7.0.0"
      },
      "dependencies": {
        "webidl-conversions": {
          "version": "7.0.0",
          "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
          "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
          "optional": true
        }
      }
    },
    "domhandler": {
      "version": "4.3.1",
@@ -17078,7 +18128,7 @@
      "version": "8.0.0",
      "resolved": "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz",
      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
      "dev": true
      "devOptional": true
    },
    "emojis-list": {
      "version": "3.0.0",
@@ -17193,6 +18243,26 @@
      "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
      "dev": true
    },
    "escodegen": {
      "version": "2.1.0",
      "resolved": "https://registry.npmmirror.com/escodegen/-/escodegen-2.1.0.tgz",
      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
      "optional": true,
      "requires": {
        "esprima": "^4.0.1",
        "estraverse": "^5.2.0",
        "esutils": "^2.0.2",
        "source-map": "~0.6.1"
      },
      "dependencies": {
        "estraverse": {
          "version": "5.3.0",
          "resolved": "https://registry.npmmirror.com/estraverse/-/estraverse-5.3.0.tgz",
          "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
          "optional": true
        }
      }
    },
    "eslint": {
      "version": "7.32.0",
@@ -17547,7 +18617,7 @@
      "version": "4.0.1",
      "resolved": "https://registry.npmmirror.com/esprima/-/esprima-4.0.1.tgz",
      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
      "dev": true
      "devOptional": true
    },
    "esquery": {
      "version": "1.5.0",
@@ -17599,7 +18669,7 @@
      "version": "2.0.3",
      "resolved": "https://registry.npmmirror.com/esutils/-/esutils-2.0.3.tgz",
      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
      "dev": true
      "devOptional": true
    },
    "etag": {
      "version": "1.8.1",
@@ -17745,6 +18815,15 @@
          "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
          "dev": true
        }
      }
    },
    "fabric-with-erasing": {
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/fabric-with-erasing/-/fabric-with-erasing-1.0.1.tgz",
      "integrity": "sha512-+t5XUJChH2UFBbR1UXCHhQln0V9JwPAtpyvJhuCHrP64NcUQCL+3XbCvR2Pcs+OGDe6/XOgmdl+H7mY9aOmElQ==",
      "requires": {
        "canvas": "^2.8.0",
        "jsdom": "^19.0.0"
      }
    },
    "fast-deep-equal": {
@@ -17955,6 +19034,15 @@
        "universalify": "^2.0.0"
      }
    },
    "fs-minipass": {
      "version": "2.1.0",
      "resolved": "https://registry.npmmirror.com/fs-minipass/-/fs-minipass-2.1.0.tgz",
      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
      "optional": true,
      "requires": {
        "minipass": "^3.0.0"
      }
    },
    "fs-monkey": {
      "version": "1.0.5",
      "resolved": "https://registry.npmmirror.com/fs-monkey/-/fs-monkey-1.0.5.tgz",
@@ -17965,7 +19053,7 @@
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz",
      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
      "dev": true
      "devOptional": true
    },
    "fsevents": {
      "version": "2.3.3",
@@ -17985,6 +19073,23 @@
      "resolved": "https://registry.npmmirror.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
      "dev": true
    },
    "gauge": {
      "version": "3.0.2",
      "resolved": "https://registry.npmmirror.com/gauge/-/gauge-3.0.2.tgz",
      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
      "optional": true,
      "requires": {
        "aproba": "^1.0.3 || ^2.0.0",
        "color-support": "^1.1.2",
        "console-control-strings": "^1.0.0",
        "has-unicode": "^2.0.1",
        "object-assign": "^4.1.1",
        "signal-exit": "^3.0.0",
        "string-width": "^4.2.3",
        "strip-ansi": "^6.0.1",
        "wide-align": "^1.1.2"
      }
    },
    "gensync": {
      "version": "1.0.0-beta.2",
@@ -18024,7 +19129,7 @@
      "version": "7.2.3",
      "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "fs.realpath": "^1.0.0",
        "inflight": "^1.0.4",
@@ -18134,6 +19239,12 @@
      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
      "dev": true
    },
    "has-unicode": {
      "version": "2.0.1",
      "resolved": "https://registry.npmmirror.com/has-unicode/-/has-unicode-2.0.1.tgz",
      "integrity": "sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==",
      "optional": true
    },
    "hash-sum": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/hash-sum/-/hash-sum-2.0.0.tgz",
@@ -18209,6 +19320,15 @@
            "safe-buffer": "~5.1.0"
          }
        }
      }
    },
    "html-encoding-sniffer": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
      "optional": true,
      "requires": {
        "whatwg-encoding": "^2.0.0"
      }
    },
    "html-entities": {
@@ -18313,6 +19433,17 @@
        "requires-port": "^1.0.0"
      }
    },
    "http-proxy-agent": {
      "version": "5.0.0",
      "resolved": "https://registry.npmmirror.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
      "optional": true,
      "requires": {
        "@tootallnate/once": "2",
        "agent-base": "6",
        "debug": "4"
      }
    },
    "http-proxy-middleware": {
      "version": "2.0.6",
      "resolved": "https://registry.npmmirror.com/http-proxy-middleware/-/http-proxy-middleware-2.0.6.tgz",
@@ -18324,6 +19455,16 @@
        "is-glob": "^4.0.1",
        "is-plain-obj": "^3.0.0",
        "micromatch": "^4.0.2"
      }
    },
    "https-proxy-agent": {
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
      "optional": true,
      "requires": {
        "agent-base": "6",
        "debug": "4"
      }
    },
    "human-signals": {
@@ -18395,7 +19536,7 @@
      "version": "1.0.6",
      "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "once": "^1.3.0",
        "wrappy": "1"
@@ -18405,7 +19546,7 @@
      "version": "2.0.4",
      "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
      "dev": true
      "devOptional": true
    },
    "ipaddr.js": {
      "version": "2.1.0",
@@ -18471,7 +19612,7 @@
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
      "dev": true
      "devOptional": true
    },
    "is-glob": {
      "version": "4.0.3",
@@ -18508,6 +19649,12 @@
      "requires": {
        "isobject": "^3.0.1"
      }
    },
    "is-potential-custom-element-name": {
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
      "optional": true
    },
    "is-stream": {
      "version": "1.1.0",
@@ -18621,6 +19768,81 @@
      "requires": {
        "argparse": "^1.0.7",
        "esprima": "^4.0.0"
      }
    },
    "jsdom": {
      "version": "19.0.0",
      "resolved": "https://registry.npmmirror.com/jsdom/-/jsdom-19.0.0.tgz",
      "integrity": "sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==",
      "optional": true,
      "requires": {
        "abab": "^2.0.5",
        "acorn": "^8.5.0",
        "acorn-globals": "^6.0.0",
        "cssom": "^0.5.0",
        "cssstyle": "^2.3.0",
        "data-urls": "^3.0.1",
        "decimal.js": "^10.3.1",
        "domexception": "^4.0.0",
        "escodegen": "^2.0.0",
        "form-data": "^4.0.0",
        "html-encoding-sniffer": "^3.0.0",
        "http-proxy-agent": "^5.0.0",
        "https-proxy-agent": "^5.0.0",
        "is-potential-custom-element-name": "^1.0.1",
        "nwsapi": "^2.2.0",
        "parse5": "6.0.1",
        "saxes": "^5.0.1",
        "symbol-tree": "^3.2.4",
        "tough-cookie": "^4.0.0",
        "w3c-hr-time": "^1.0.2",
        "w3c-xmlserializer": "^3.0.0",
        "webidl-conversions": "^7.0.0",
        "whatwg-encoding": "^2.0.0",
        "whatwg-mimetype": "^3.0.0",
        "whatwg-url": "^10.0.0",
        "ws": "^8.2.3",
        "xml-name-validator": "^4.0.0"
      },
      "dependencies": {
        "parse5": {
          "version": "6.0.1",
          "resolved": "https://registry.npmmirror.com/parse5/-/parse5-6.0.1.tgz",
          "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
          "optional": true
        },
        "tr46": {
          "version": "3.0.0",
          "resolved": "https://registry.npmmirror.com/tr46/-/tr46-3.0.0.tgz",
          "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
          "optional": true,
          "requires": {
            "punycode": "^2.1.1"
          }
        },
        "webidl-conversions": {
          "version": "7.0.0",
          "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
          "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
          "optional": true
        },
        "whatwg-url": {
          "version": "10.0.0",
          "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-10.0.0.tgz",
          "integrity": "sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==",
          "optional": true,
          "requires": {
            "tr46": "^3.0.0",
            "webidl-conversions": "^7.0.0"
          }
        },
        "ws": {
          "version": "8.18.0",
          "resolved": "https://registry.npmmirror.com/ws/-/ws-8.18.0.tgz",
          "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
          "optional": true,
          "requires": {}
        }
      }
    },
    "jsesc": {
@@ -19052,7 +20274,7 @@
      "version": "3.1.0",
      "resolved": "https://registry.npmmirror.com/make-dir/-/make-dir-3.1.0.tgz",
      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "semver": "^6.0.0"
      }
@@ -19146,6 +20368,12 @@
      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
      "dev": true
    },
    "mimic-response": {
      "version": "2.1.0",
      "resolved": "https://registry.npmmirror.com/mimic-response/-/mimic-response-2.1.0.tgz",
      "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
      "optional": true
    },
    "mini-css-extract-plugin": {
      "version": "2.9.0",
      "resolved": "https://registry.npmmirror.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.0.tgz",
@@ -19207,7 +20435,7 @@
      "version": "3.1.2",
      "resolved": "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz",
      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "brace-expansion": "^1.1.7"
      }
@@ -19222,7 +20450,7 @@
      "version": "3.3.6",
      "resolved": "https://registry.npmmirror.com/minipass/-/minipass-3.3.6.tgz",
      "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "yallist": "^4.0.0"
      },
@@ -19231,7 +20459,25 @@
          "version": "4.0.0",
          "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
          "dev": true
          "devOptional": true
        }
      }
    },
    "minizlib": {
      "version": "2.1.2",
      "resolved": "https://registry.npmmirror.com/minizlib/-/minizlib-2.1.2.tgz",
      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
      "optional": true,
      "requires": {
        "minipass": "^3.0.0",
        "yallist": "^4.0.0"
      },
      "dependencies": {
        "yallist": {
          "version": "4.0.0",
          "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
          "optional": true
        }
      }
    },
@@ -19265,7 +20511,7 @@
      "version": "2.1.2",
      "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
      "dev": true
      "devOptional": true
    },
    "multicast-dns": {
      "version": "7.2.5",
@@ -19287,6 +20533,12 @@
        "object-assign": "^4.0.1",
        "thenify-all": "^1.0.0"
      }
    },
    "nan": {
      "version": "2.20.0",
      "resolved": "https://registry.npmmirror.com/nan/-/nan-2.20.0.tgz",
      "integrity": "sha512-bk3gXBZDGILuuo/6sKtr0DQmSThYHLtNCdSdXk9YkxD/jK6X2vmCyyXBBxyqZ4XcnzTyYEAThfX3DCEnLf6igw==",
      "optional": true
    },
    "nanoid": {
      "version": "3.3.7",
@@ -19354,7 +20606,7 @@
      "version": "2.7.0",
      "resolved": "https://registry.npmmirror.com/node-fetch/-/node-fetch-2.7.0.tgz",
      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "whatwg-url": "^5.0.0"
      }
@@ -19370,6 +20622,15 @@
      "resolved": "https://registry.npmmirror.com/node-releases/-/node-releases-2.0.14.tgz",
      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
      "dev": true
    },
    "nopt": {
      "version": "5.0.0",
      "resolved": "https://registry.npmmirror.com/nopt/-/nopt-5.0.0.tgz",
      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
      "optional": true,
      "requires": {
        "abbrev": "1"
      }
    },
    "normalize-package-data": {
      "version": "2.5.0",
@@ -19431,6 +20692,18 @@
        }
      }
    },
    "npmlog": {
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/npmlog/-/npmlog-5.0.1.tgz",
      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
      "optional": true,
      "requires": {
        "are-we-there-yet": "^2.0.0",
        "console-control-strings": "^1.1.0",
        "gauge": "^3.0.0",
        "set-blocking": "^2.0.0"
      }
    },
    "nth-check": {
      "version": "2.1.1",
      "resolved": "https://registry.npmmirror.com/nth-check/-/nth-check-2.1.1.tgz",
@@ -19440,11 +20713,17 @@
        "boolbase": "^1.0.0"
      }
    },
    "nwsapi": {
      "version": "2.2.12",
      "resolved": "https://registry.npmmirror.com/nwsapi/-/nwsapi-2.2.12.tgz",
      "integrity": "sha512-qXDmcVlZV4XRtKFzddidpfVP4oMSGhga+xdMc25mv8kaLUHtgzCDhUxkrN8exkGdTlLNaXj7CV3GtON7zuGZ+w==",
      "optional": true
    },
    "object-assign": {
      "version": "4.1.1",
      "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz",
      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
      "dev": true
      "devOptional": true
    },
    "object-inspect": {
      "version": "1.13.1",
@@ -19495,7 +20774,7 @@
      "version": "1.4.0",
      "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "wrappy": "1"
      }
@@ -19734,7 +21013,7 @@
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
      "dev": true
      "devOptional": true
    },
    "path-key": {
      "version": "3.1.1",
@@ -20240,6 +21519,12 @@
      "integrity": "sha512-b/YwNhb8lk1Zz2+bXXpS/LK9OisiZZ1SNsSLxN1x2OXVEhW2Ckr/7mWE5vrC1ZTiJlD9g19jWszTmJsB+oEpFQ==",
      "dev": true
    },
    "psl": {
      "version": "1.9.0",
      "resolved": "https://registry.npmmirror.com/psl/-/psl-1.9.0.tgz",
      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==",
      "optional": true
    },
    "pump": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/pump/-/pump-3.0.0.tgz",
@@ -20254,7 +21539,7 @@
      "version": "2.3.1",
      "resolved": "https://registry.npmmirror.com/punycode/-/punycode-2.3.1.tgz",
      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
      "dev": true
      "devOptional": true
    },
    "qiankun": {
      "version": "2.10.16",
@@ -20275,6 +21560,12 @@
      "requires": {
        "side-channel": "^1.0.4"
      }
    },
    "querystringify": {
      "version": "2.2.0",
      "resolved": "https://registry.npmmirror.com/querystringify/-/querystringify-2.2.0.tgz",
      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==",
      "optional": true
    },
    "queue-microtask": {
      "version": "1.2.3",
@@ -20352,7 +21643,7 @@
      "version": "3.6.2",
      "resolved": "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz",
      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "inherits": "^2.0.3",
        "string_decoder": "^1.1.1",
@@ -20469,7 +21760,7 @@
      "version": "1.0.0",
      "resolved": "https://registry.npmmirror.com/requires-port/-/requires-port-1.0.0.tgz",
      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
      "dev": true
      "devOptional": true
    },
    "resize-observer-polyfill": {
      "version": "1.5.1",
@@ -20519,7 +21810,7 @@
      "version": "3.0.2",
      "resolved": "https://registry.npmmirror.com/rimraf/-/rimraf-3.0.2.tgz",
      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "glob": "^7.1.3"
      }
@@ -20537,13 +21828,13 @@
      "version": "5.2.1",
      "resolved": "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.2.1.tgz",
      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
      "dev": true
      "devOptional": true
    },
    "safer-buffer": {
      "version": "2.1.2",
      "resolved": "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz",
      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
      "dev": true
      "devOptional": true
    },
    "sax": {
      "version": "1.3.0",
@@ -20551,6 +21842,15 @@
      "integrity": "sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA==",
      "dev": true,
      "optional": true
    },
    "saxes": {
      "version": "5.0.1",
      "resolved": "https://registry.npmmirror.com/saxes/-/saxes-5.0.1.tgz",
      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
      "optional": true,
      "requires": {
        "xmlchars": "^2.2.0"
      }
    },
    "schema-utils": {
      "version": "2.7.1",
@@ -20583,7 +21883,7 @@
      "version": "6.3.1",
      "resolved": "https://registry.npmmirror.com/semver/-/semver-6.3.1.tgz",
      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
      "dev": true
      "devOptional": true
    },
    "send": {
      "version": "0.18.0",
@@ -20720,6 +22020,12 @@
        "send": "0.18.0"
      }
    },
    "set-blocking": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/set-blocking/-/set-blocking-2.0.0.tgz",
      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
      "optional": true
    },
    "set-function-length": {
      "version": "1.2.2",
      "resolved": "https://registry.npmmirror.com/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -20786,7 +22092,24 @@
      "version": "3.0.7",
      "resolved": "https://registry.npmmirror.com/signal-exit/-/signal-exit-3.0.7.tgz",
      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
      "dev": true
      "devOptional": true
    },
    "simple-concat": {
      "version": "1.0.1",
      "resolved": "https://registry.npmmirror.com/simple-concat/-/simple-concat-1.0.1.tgz",
      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
      "optional": true
    },
    "simple-get": {
      "version": "3.1.1",
      "resolved": "https://registry.npmmirror.com/simple-get/-/simple-get-3.1.1.tgz",
      "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==",
      "optional": true,
      "requires": {
        "decompress-response": "^4.2.0",
        "once": "^1.3.1",
        "simple-concat": "^1.0.0"
      }
    },
    "single-spa": {
      "version": "5.9.5",
@@ -20984,7 +22307,7 @@
      "version": "1.3.0",
      "resolved": "https://registry.npmmirror.com/string_decoder/-/string_decoder-1.3.0.tgz",
      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "safe-buffer": "~5.2.0"
      }
@@ -20993,7 +22316,7 @@
      "version": "4.2.3",
      "resolved": "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz",
      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "emoji-regex": "^8.0.0",
        "is-fullwidth-code-point": "^3.0.0",
@@ -21004,7 +22327,7 @@
      "version": "6.0.1",
      "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "ansi-regex": "^5.0.1"
      }
@@ -21096,6 +22419,12 @@
        "ssr-window": "^3.0.0"
      }
    },
    "symbol-tree": {
      "version": "3.2.4",
      "resolved": "https://registry.npmmirror.com/symbol-tree/-/symbol-tree-3.2.4.tgz",
      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
      "optional": true
    },
    "table": {
      "version": "6.8.2",
      "resolved": "https://registry.npmmirror.com/table/-/table-6.8.2.tgz",
@@ -21134,6 +22463,40 @@
      "resolved": "https://registry.npmmirror.com/tapable/-/tapable-2.2.1.tgz",
      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
      "dev": true
    },
    "tar": {
      "version": "6.2.1",
      "resolved": "https://registry.npmmirror.com/tar/-/tar-6.2.1.tgz",
      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
      "optional": true,
      "requires": {
        "chownr": "^2.0.0",
        "fs-minipass": "^2.0.0",
        "minipass": "^5.0.0",
        "minizlib": "^2.1.1",
        "mkdirp": "^1.0.3",
        "yallist": "^4.0.0"
      },
      "dependencies": {
        "minipass": {
          "version": "5.0.0",
          "resolved": "https://registry.npmmirror.com/minipass/-/minipass-5.0.0.tgz",
          "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
          "optional": true
        },
        "mkdirp": {
          "version": "1.0.4",
          "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-1.0.4.tgz",
          "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
          "optional": true
        },
        "yallist": {
          "version": "4.0.0",
          "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
          "optional": true
        }
      }
    },
    "terser": {
      "version": "5.30.3",
@@ -21280,11 +22643,31 @@
      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
      "dev": true
    },
    "tough-cookie": {
      "version": "4.1.4",
      "resolved": "https://registry.npmmirror.com/tough-cookie/-/tough-cookie-4.1.4.tgz",
      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
      "optional": true,
      "requires": {
        "psl": "^1.1.33",
        "punycode": "^2.1.1",
        "universalify": "^0.2.0",
        "url-parse": "^1.5.3"
      },
      "dependencies": {
        "universalify": {
          "version": "0.2.0",
          "resolved": "https://registry.npmmirror.com/universalify/-/universalify-0.2.0.tgz",
          "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
          "optional": true
        }
      }
    },
    "tr46": {
      "version": "0.0.3",
      "resolved": "https://registry.npmmirror.com/tr46/-/tr46-0.0.3.tgz",
      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
      "dev": true
      "devOptional": true
    },
    "tslib": {
      "version": "2.6.2",
@@ -21382,11 +22765,21 @@
        "punycode": "^2.1.0"
      }
    },
    "url-parse": {
      "version": "1.5.10",
      "resolved": "https://registry.npmmirror.com/url-parse/-/url-parse-1.5.10.tgz",
      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
      "optional": true,
      "requires": {
        "querystringify": "^2.1.1",
        "requires-port": "^1.0.0"
      }
    },
    "util-deprecate": {
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
      "dev": true
      "devOptional": true
    },
    "utila": {
      "version": "0.4.0",
@@ -21637,6 +23030,24 @@
      "integrity": "sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw==",
      "requires": {}
    },
    "w3c-hr-time": {
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
      "optional": true,
      "requires": {
        "browser-process-hrtime": "^1.0.0"
      }
    },
    "w3c-xmlserializer": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
      "integrity": "sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==",
      "optional": true,
      "requires": {
        "xml-name-validator": "^4.0.0"
      }
    },
    "watchpack": {
      "version": "2.4.1",
      "resolved": "https://registry.npmmirror.com/watchpack/-/watchpack-2.4.1.tgz",
@@ -21669,7 +23080,7 @@
      "version": "3.0.1",
      "resolved": "https://registry.npmmirror.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
      "dev": true
      "devOptional": true
    },
    "webpack": {
      "version": "5.93.0",
@@ -21940,17 +23351,43 @@
      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
      "dev": true
    },
    "whatwg-encoding": {
      "version": "2.0.0",
      "resolved": "https://registry.npmmirror.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
      "optional": true,
      "requires": {
        "iconv-lite": "0.6.3"
      },
      "dependencies": {
        "iconv-lite": {
          "version": "0.6.3",
          "resolved": "https://registry.npmmirror.com/iconv-lite/-/iconv-lite-0.6.3.tgz",
          "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
          "optional": true,
          "requires": {
            "safer-buffer": ">= 2.1.2 < 3.0.0"
          }
        }
      }
    },
    "whatwg-fetch": {
      "version": "3.6.20",
      "resolved": "https://registry.npmmirror.com/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
      "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg==",
      "dev": true
    },
    "whatwg-mimetype": {
      "version": "3.0.0",
      "resolved": "https://registry.npmmirror.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
      "optional": true
    },
    "whatwg-url": {
      "version": "5.0.0",
      "resolved": "https://registry.npmmirror.com/whatwg-url/-/whatwg-url-5.0.0.tgz",
      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
      "dev": true,
      "devOptional": true,
      "requires": {
        "tr46": "~0.0.3",
        "webidl-conversions": "^3.0.0"
@@ -21963,6 +23400,15 @@
      "dev": true,
      "requires": {
        "isexe": "^2.0.0"
      }
    },
    "wide-align": {
      "version": "1.1.5",
      "resolved": "https://registry.npmmirror.com/wide-align/-/wide-align-1.1.5.tgz",
      "integrity": "sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==",
      "optional": true,
      "requires": {
        "string-width": "^1.0.2 || 2 || 3 || 4"
      }
    },
    "wildcard": {
@@ -22012,7 +23458,7 @@
      "version": "1.0.2",
      "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
      "dev": true
      "devOptional": true
    },
    "ws": {
      "version": "7.5.9",
@@ -22021,6 +23467,18 @@
      "dev": true,
      "requires": {}
    },
    "xml-name-validator": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
      "optional": true
    },
    "xmlchars": {
      "version": "2.2.0",
      "resolved": "https://registry.npmmirror.com/xmlchars/-/xmlchars-2.2.0.tgz",
      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
      "optional": true
    },
    "y18n": {
      "version": "5.0.8",
      "resolved": "https://registry.npmmirror.com/y18n/-/y18n-5.0.8.tgz",
package.json
@@ -12,6 +12,7 @@
    "core-js": "^3.8.3",
    "drawflow": "^0.0.59",
    "element-ui": "^2.15.14",
    "fabric-with-erasing": "^1.0.1",
    "lodash": "^4.17.21",
    "moment": "^2.30.1",
    "qiankun": "^2.10.16",
src/App.vue
@@ -67,7 +67,7 @@
        process.env.VUE_APP_RESOURCE_CTX +
        (process.env.VUE_APP_ENV == "product"
          ? process.env.VUE_APP_BOOK_ID
          : "sportsAndHealth")
          : "artAndDance")
      );
      // æµ‹è¯•试读30页
      // this.activeBook.tryPageCount = 10;
src/books/English/assets/images/page47selectFour.png
src/books/English/assets/images/page47selectOne.png
src/books/English/assets/images/page47selectThree.png
src/books/English/assets/images/page47selectTwo.png
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_01.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_02.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_03.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_04.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_05.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_06.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_07.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_08.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_09.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_10.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_11.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_12.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_13.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_14.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_15.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_16.jpg
src/books/English/assets/images/ppt/1-2¡¢MODULE 1£¨lesson two£©_17.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_01.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_02.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_03.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_04.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_05.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_06.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_07.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_08.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_09.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_10.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_11.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_12.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_13.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_14.jpg
src/books/English/assets/images/ppt/1-3¡¢MODULE 1£¨lesson three£©_15.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_01.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_02.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_03.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_04.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_05.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_06.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_07.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_08.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_09.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_10.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_11.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_12.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_13.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_14.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_15.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_16.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_17.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_18.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_19.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_20.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_21.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_22.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_23.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_24.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_25.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_26.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_27.jpg
src/books/English/assets/images/ppt/2-1¡¢MODULE 2£¨lesson one £©_28.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_01.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_02.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_03.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_04.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_05.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_06.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_07.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_08.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_09.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_10.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_11.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_12.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_13.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_14.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_15.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_16.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_17.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_18.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_19.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_20.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_21.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_22.jpg
src/books/English/assets/images/ppt/2-2¡¢MODULE 2£¨lesson two£©_23.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_01.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_02.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_03.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_04.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_05.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_06.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_07.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_08.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_09.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_10.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_11.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_12.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_13.jpg
src/books/English/assets/images/ppt/2-3¡¢MODULE 2£¨lesson three£©_14.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_01.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_02.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_03.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_04.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_05.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_06.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_07.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_08.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_09.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_10.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_11.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_12.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_13.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_14.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_15.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_16.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_17.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_18.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_19.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_20.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_21.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_22.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_23.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_24.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_25.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_26.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_27.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_28.jpg
src/books/English/assets/images/ppt/3-1¡¢MODULE 3£¨lesson one £©_29.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_01.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_02.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_03.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_04.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_05.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_06.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_07.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_08.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_09.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_10.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_11.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_12.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_13.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_14.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_15.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_16.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_17.jpg
src/books/English/assets/images/ppt/3-2¡¢MODULE 3£¨lesson two £©_18.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_01.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_02.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_03.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_04.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_05.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_06.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_07.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_08.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_09.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_10.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_11.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_12.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_13.jpg
src/books/English/assets/images/ppt/3-3¡¢MODULE 3£¨lesson three £©_14.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_01.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_02.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_03.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_04.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_05.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_06.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_07.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_08.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_09.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_10.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_11.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_12.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_13.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_14.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_15.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_16.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_17.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_18.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_19.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_20.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_21.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_22.jpg
src/books/English/assets/images/ppt/4-1¡¢MODULE 4£¨lesson one£©_23.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_01.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_02.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_03.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_04.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_05.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_06.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_07.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_08.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_09.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_10.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_11.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_12.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_13.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_14.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_15.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_16.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_17.jpg
src/books/English/assets/images/ppt/4-2¡¢MODULE 4£¨lesson two£©_18.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_01.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_02.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_03.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_04.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_05.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_06.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_07.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_08.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_09.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_10.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_11.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_12.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_13.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_14.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_15.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_16.jpg
src/books/English/assets/images/ppt/4-3¡¢MODULE 4£¨lesson three£©_17.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_01.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_02.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_03.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_04.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_05.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_06.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_07.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_08.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_09.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_10.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_11.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_12.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_13.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_14.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_15.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_16.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_17.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_18.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_19.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_20.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_21.jpg
src/books/English/assets/images/ppt/5-1¡¢MODULE 5£¨lesson one£©_22.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_01.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_02.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_03.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_04.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_05.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_06.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_07.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_08.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_09.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_10.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_11.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_12.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_13.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_14.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_15.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_16.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_17.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_18.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_19.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_20.jpg
src/books/English/assets/images/ppt/5-2¡¢MODULE 5£¨lesson two£©_21.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_01.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_02.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_03.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_04.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_05.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_06.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_07.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_08.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_09.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_10.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_11.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_12.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_13.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_14.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_15.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_16.jpg
src/books/English/assets/images/ppt/5-3¡¢MODULE 5£¨lesson three£©_17.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_01.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_02.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_03.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_04.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_05.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_06.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_07.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_08.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_09.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_10.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_11.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_12.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_13.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_14.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_15.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_16.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_17.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_18.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_19.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_20.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_21.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_22.jpg
src/books/English/assets/images/ppt/6-1¡¢MODULE 6£¨lesson one£©_23.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_01.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_02.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_03.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_04.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_05.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_06.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_07.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_08.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_09.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_10.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_11.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_12.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_13.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_14.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_15.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_16.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_17.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_18.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_19.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_20.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_21.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_22.jpg
src/books/English/assets/images/ppt/6-2¡¢MODULE 6£¨lesson two£©_23.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_01.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_02.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_03.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_04.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_05.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_06.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_07.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_08.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_09.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_10.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_11.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_12.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_13.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_14.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_15.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_16.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_17.jpg
src/books/English/assets/images/ppt/6-3¡¢MODULE 6£¨lesson three£©_18.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_01.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_02.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_03.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_04.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_05.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_06.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_07.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_08.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_09.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_10.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_11.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_12.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_13.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_14.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_15.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_16.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_17.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_18.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_19.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_20.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_21.jpg
src/books/English/assets/images/ppt/7-1¡¢MODULE 7£¨lesson one£©_22.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_01.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_02.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_03.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_04.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_05.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_06.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_07.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_08.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_09.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_10.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_11.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_12.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_13.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_14.jpg
src/books/English/assets/images/ppt/7-2¡¢MODULE 7£¨lesson two£©_15.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_01.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_02.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_03.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_04.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_05.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_06.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_07.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_08.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_09.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_10.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_11.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_12.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_13.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_14.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_15.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_16.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_17.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_18.jpg
src/books/English/assets/images/ppt/7-3¡¢MODULE 7£¨lesson three£©_19.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_01.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_02.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_03.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_04.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_05.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_06.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_07.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_08.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_09.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_10.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_11.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_12.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_13.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_14.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_15.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_16.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_17.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_18.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_19.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_20.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_21.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_22.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_23.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_24.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_25.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_26.jpg
src/books/English/assets/images/ppt/8-1¡¢MODULE 8£¨lesson one£©_27.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_01.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_02.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_03.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_04.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_05.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_06.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_07.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_08.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_09.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_10.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_11.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_12.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_13.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_14.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_15.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_16.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_17.jpg
src/books/English/assets/images/ppt/8-2¡¢MODULE 8£¨lesson two£©_18.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_01.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_02.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_03.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_04.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_05.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_06.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_07.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_08.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_09.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_10.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_11.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_12.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_13.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_14.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_15.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_16.jpg
src/books/English/assets/images/ppt/8-3¡¢MODULE 8£¨lesson three£©_17.jpg
src/books/English/assets/main.less
@@ -768,6 +768,9 @@
  .w80x {
    width: 80px !important;
  }
  .w70 {
    width: 70%;
  }
  .w50 {
    width: 50%;
  }
src/books/English/view/components/chapter001.vue
@@ -359,7 +359,7 @@
              shadow puppet show, traditional Chinese medicine, Peking Opera
              scenery
            </p>
            <p class="center"><b>My Experience in <span class="word-bc">Wonderland</span> </b></p>
            <p class="center"><b>My Experience in <span class="word-bc" word="wonderland">Wonderland</span> </b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </p>
@@ -379,7 +379,7 @@
              the people,the culture,the
              <span class="word-bc" >cuisine</span>
              and of course the huge variety of
              <span class="word-bc">landscapes</span>.
              <span class="word-bc" word="landscape">landscapes</span>.
            </p>
            <p>
              I found many great people and made several Chinese friends along
@@ -1080,7 +1080,7 @@
              people.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.one" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
@@ -1092,7 +1092,7 @@
              greatly promoted the development of ancient Chinese civilization.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.two" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1103,7 +1103,7 @@
              tea culture in depth.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.three" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1114,7 +1114,7 @@
              Chinese medical science.
            </p>
            <p>
              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border"
              <input :disabled="testData.isComplete" v-model="testData.ts.four" type="text" class="input-bottom-border w90"
                @change="setTestData" />
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
@@ -1142,7 +1142,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.one" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              ç­”案:If you try using sticks, you can enjoy the fun of having a
@@ -1154,7 +1154,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.two" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              ç­”案:If you go to my Chinese New Year party, you will meet my
@@ -1163,7 +1163,7 @@
            <p>3.Drink some Longjing tea,and you will love it.</p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" type="text" v-model="testData.gr.three"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              ç­”案:If you drink some Longjing tea, you will love it.
@@ -1174,7 +1174,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.four" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              ç­”案:If I go to Xi’an one day, I will visit the terracotta
@@ -1186,7 +1186,7 @@
            </p>
            <p>
              <b>If</b><input :disabled="testData.isComplete" v-model="testData.gr.five" type="text"
                class="input-bottom-border" @change="setTestData" />.
                class="input-bottom-border w90" @change="setTestData" />.
            </p>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" v-if="showQuestionAnswer">
              ç­”案: If you ask foreigners about their favorite Chinese food,
@@ -1965,7 +1965,7 @@
              was for my studies.In a matter of days,I made a lot of friends
              from different countries and one afternoon,my friends and I
              planned to visit the world-famous Sun Yat-sen
              <span class="word-bc">Mausoleum</span>
              <span class="word-bc" word="mausoleum">Mausoleum</span>
              .A.<input :disabled="testData.isComplete" type="text" class="input-bottom-border" style="width: 90%"
                v-model="testData.tg.one" @change="setTestData" />
              I looked around with curiosity,and everything seemed to move at a
@@ -1987,7 +1987,7 @@
              my room to turn on my
              <span class="word-bc">laptop</span>
              and typed in the key words.I was
              <span class="word-bc">stunned</span>
              <span class="word-bc" word="stun">stunned</span>
              ; I couldn’t believe my eyes.It is actually an online
              shopping website where you can buy anything you can think of.
            </p>
@@ -1995,7 +1995,7 @@
              After my graduation in 2015,I joined another university in
              Shanghai for further studies.I always saw my Chinese classmates
              paying with their phones; this
              <span class="word-bc" >triggered</span>
              <span class="word-bc" word="trigger">triggered</span>
              my attention.With the
              help of my classmates,I finally got my own online payment
              account.This is an absolute
@@ -2024,7 +2024,7 @@
              millions of people around China.The Chinese
              <span class="word-bc">economy</span>
              is
              <span class="word-bc">booming</span>
              <span class="word-bc" word="boom">booming</span>
              ,which makes people well off.I’ve been in China for several
              years and witnessed China’s
              <span class="word-bc" >potential</span>
@@ -2756,7 +2756,7 @@
              </p>
            </div>
            <p>
              1.It is actually an online shopping website.( <select class="select-border"  :disabled="testOneData.isComplete"
              1.It is actually an online shopping website.( <select class="select-border"  :disabled="testOneData.isComplete" @change="setTestOneData"
                v-model="testOneData.dropdownStructureData.one.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2781,7 +2781,7 @@
              </span>
            </p>
            <p>
              2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete"
              2.Vanessa finally got her own online payment account. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                v-model="testOneData.dropdownStructureData.two.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2807,7 +2807,7 @@
            </p>
            <p>
              3.China offers researchers world-class advanced research
              facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete"
              facilities in the institutes. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                v-model="testOneData.dropdownStructureData.three.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2833,7 +2833,7 @@
            </p>
            <p>
              4.These friends made Vanessa see China through the eyes of the
              locals. ( <select class="select-border" :disabled="testOneData.isComplete"
              locals. ( <select class="select-border" :disabled="testOneData.isComplete" @change="setTestOneData"
                v-model="testOneData.dropdownStructureData.four.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -2858,7 +2858,7 @@
              </span>
            </p>
            <p>
              5.The list of Chinese food never ends. ( <select class="select-border" :disabled="testOneData.isComplete"
              5.The list of Chinese food never ends. ( <select class="select-border" @change="setTestOneData" :disabled="testOneData.isComplete"
                v-model="testOneData.dropdownStructureData.five.value" style="width: 15%">
                <option v-for="(item, index) in testOneData.dropdownStructureData.dropDownListStructure" :key="index"
                  :value="item">
@@ -3030,137 +3030,87 @@
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_14.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_15.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_16.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/1-2、MODULE 1(lesson two)_17.jpg" />
                      </div>
                    </div>
                  </div>
@@ -3581,7 +3531,7 @@
              </div>
              <div class="right" style="width: 48%">
                <p>
                  <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Name of the event" id="1" v-model="check.value" @change="setCheck" />
                  Name of the event
                  <span>
                    <svg v-if="
@@ -3611,7 +3561,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Date and time" id="2" v-model="check.value" @change="setCheck" />
                  Date and time
                  <span>
                    <svg v-if="
@@ -3641,7 +3591,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Location" id="3" v-model="check.value" @change="setCheck" />
                  Location
                  <span>
                    <svg v-if="
@@ -3671,7 +3621,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Greetings" id="4" v-model="check.value" @change="setCheck" />
                  Greetings
                  <span>
                    <svg v-if="
@@ -3701,7 +3651,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Warnings" id="5" v-model="check.value" @change="setCheck" />
                  Warnings
                  <span>
                    <svg v-if="
@@ -3731,7 +3681,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Organizer" id="6" v-model="check.value" @change="setCheck" />
                  Organizer
                  <span>
                    <svg v-if="
@@ -3761,7 +3711,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Signature" id="7" v-model="check.value" @change="setCheck" />
                  Signature
                  <span>
                    <svg v-if="
@@ -3792,7 +3742,7 @@
                </p>
                <p>
                  <input type="checkbox" name="ball" value="A short description of the event" id="8"
                    v-model="check.value" />
                    v-model="check.value" @change="setCheck" />
                  A short description of the event
                  <span>
                    <svg v-if="
@@ -3822,7 +3772,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Contact information" id="9" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Contact information" @change="setCheck" id="9" v-model="check.value" />
                  Contact information
                  <span>
                    <svg v-if="
@@ -3852,7 +3802,7 @@
                  </span>
                </p>
                <p>
                  <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value" />
                  <input type="checkbox" name="ball" value="Pictures of the event" id="10" v-model="check.value"  @change="setCheck" />
                  Pictures of the event
                  <span>
                    <svg v-if="
@@ -3884,7 +3834,7 @@
              </div>
            </div>
            <p class="event-header-text-bc pd-5" style="margin-left: 35px; width: 93%" v-if="showQuestionAnswer">
              ç­”案:Name of the event,Date & time,Address,Organizer
              ç­”案:1.Name of the event &nbsp; 2.Date & time &nbsp; 3.Address,Organizer &nbsp;
            </p>
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
@@ -4154,137 +4104,77 @@
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_14.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/1-3、MODULE 1(lesson three)_15.jpg" />
                      </div>
                    </div>
                  </div>
@@ -4824,7 +4714,7 @@
    if (testData) {
      this.testData = JSON.parse(testData);
    }
    const bookQuestion = localStorage.getItem("english-book-question-one");
    const bookQuestion = localStorage.getItem("english-book-chapter01-question-one");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
@@ -4843,6 +4733,11 @@
    const testTwoData = localStorage.getItem("english-PracticalWriting");
    if (testTwoData) {
      this.testTwoData = JSON.parse(testTwoData);
    }
    const check  = localStorage.getItem("english-lessonFour");
    if (check) {
      this.check = JSON.parse(check);
    }
    this.getPath();
  },
@@ -4921,6 +4816,7 @@
          three:"",
        },
      };
      this.showQuestionAnswer = false
    }, 
    changeTestOneData() {
      localStorage.removeItem("english-lessonTwo")
@@ -4973,7 +4869,7 @@
    },
    setBookQuestion() {
      localStorage.setItem(
        "english-book-question-one",
        "english-book-chapter01-question-one",
        JSON.stringify(this.questionData)
      );
    },
src/books/English/view/components/chapter002.vue
@@ -65,14 +65,16 @@
                  <div class="fd-c w80">
                    <div class="h50">
                      <span class="mr-10">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.value" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                            {{ item }}
                          </option>
                        </select>
                      </span>
                      <span class="">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.one.values" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                            {{ item }}
                          </option>
@@ -97,14 +99,16 @@
                    </div>
                    <div class="h50">
                      <span class="mr-10">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.value" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                            {{ item }}
                          </option>
                        </select>
                      </span>
                      <span>
                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.two.values" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                            {{ item }}
                          </option>
@@ -141,14 +145,16 @@
                  <div class="fd-c w80">
                    <div class="h50">
                      <span class="mr-10">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.value" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                            {{ item }}
                          </option>
                        </select>
                      </span>
                      <span class="">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.three.values" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                            {{ item }}
                          </option>
@@ -173,14 +179,16 @@
                    </div>
                    <div class="h50">
                      <span class="mr-10">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.value" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.NumList" :key="index" :value="item">
                            {{ item }}
                          </option>
                        </select>
                      </span>
                      <span>
                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%">
                        <select :disabled="warmUp.isComplete" v-model="warmUp.four.values" style="width: 35%"
                          @change="setWarmUp">
                          <option v-for="(item, index) in warmUp.ChoiceList" :key="index" :value="item">
                            {{ item }}
                          </option>
@@ -331,90 +339,95 @@
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 1</td>
                <td class="bor-b-n">
                  <input type="radio" name="ball"
                    value="A. I can understand my foreign colleagues because they are straightforward." id="1"
                    v-model="testData.check" /> A. I can
                  <input type="radio" name="ball" value="a" id="1" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> A. I can
                  understand my foreign colleagues because they are straightforward.
                  <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'a'">
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="radio" name="ball"
                    value="B. My foreign colleagues just nod and agree with me when we have a discussion." id="1"
                    v-model="testData.check" /> B. My foreign
                  <input type="radio" name="ball" value="b" id="2" v-model="radioOne[0].value[0].userAnswer" @change="savaRadioOne" /> B. My
                  foreign
                  colleagues just nod and agree with me when we have a discussion.
                  <img :src="radioOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[0].userAnswer === 'b' ">
                </td>
              </tr>
              <!-- ç¬¬äºŒè¡Œ -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 2</td>
                <td class="bor-b-n">
                  <input type="radio" name="ballOne"
                    value="A. My foreign boss closely oversees our work and criticizes us for our mistakes." id="1"
                    v-model="testData.check" /> A. My foreign
                  <input type="radio" name="ballOne" value="a" id="3" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> A. My
                  foreign
                  boss closely oversees our work and criticizes us for our mistakes.
                  <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'a'">
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="radio" name="ballOne"
                    value="B. My foreign boss is very hands-off and gives us a lot freedom to do things." id="1"
                    v-model="testData.check" /> B. My foreign
                  <input type="radio" name="ballOne" value="b" id="4" v-model="radioOne[0].value[1].userAnswer" @change="savaRadioOne" /> B. My
                  foreign
                  boss is very hands-off and gives us a lot freedom to do things.
                  <img :src="radioOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[1].userAnswer === 'b'">
                </td>
              </tr>
              <!-- ç¬¬ä¸‰è¡Œ -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 3</td>
                <td class="bor-b-n">
                  <input type="radio" name="ballTwo"
                    value="A. My Chinese colleagues always stay late in the ofice or bring work home." id="1"
                    v-model="testData.check" /> A. My Chinese
                  <input type="radio" name="ballTwo" value="a" id="5" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> A. My
                  Chinese
                  colleagues always stay late in the ofice or bring work home.
                  <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'a'">
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="radio" name="ballTwo"
                    value="B. My Chinese colleagues manage to get their work done during working hours." id="1"
                    v-model="testData.check" /> B. My Chinese
                  <input type="radio" name="ballTwo" value="b" id="6" v-model="radioOne[0].value[2].userAnswer" @change="savaRadioOne" /> B. My
                  Chinese
                  colleagues manage to get their work done during working hours.
                  <img :src="radioOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[2].userAnswer === 'b'">
                </td>
              </tr>
              <!-- ç¬¬å››è¡Œ -->
              <tr class="table-tr-bc">
                <td class="tl-cn table-th-bc" rowspan="2">Speaker 4</td>
                <td class="bor-b-n">
                  <input type="radio" name="ballThree"
                    value="A. My Chinese colleagues deal with issues more objectively" id="1"
                    v-model="testData.check" /> A. My Chinese
                  <input type="radio" name="ballThree" value="a" id="7" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> A.
                  My Chinese
                  colleagues deal with issues more objectively
                  <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'a'">
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td class="bor-t-n">
                  <input type="radio" name="ballThree"
                    value="B. My Chinese colleagues are likely to take things personally" id="1"
                    v-model="testData.check" /> B. My Chinese
                  <input type="radio" name="ballThree" value="b" id="8" v-model="radioOne[0].value[3].userAnswer" @change="savaRadioOne" /> B.
                  My Chinese
                  colleagues are likely to take things personally
                  <img :src="radioOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="radioOne[0].isComplete && radioOne[0].value[3].userAnswer === 'b'">
                </td>
              </tr>
            </table>
                <!-- æäº¤æŒ‰é’® -->
                <div class="w100 fl">
            <div class="event-header-text-bc pd-5 w100 mt-20" v-if="radioOne[0].isShowAnswer">
              <span>答案:</span>
              <span v-for="(item, index) in radioOne[0].value" :key="index" class="mr-20">
                {{ item.answer }}
              </span>
            </div>
            <!-- æäº¤æŒ‰é’® -->
            <div class="w100 fl">
              <ul class="fl ju-ar w100">
                <li>
                  <button class="btn-border btn-w" @click="saveDataOne">
                  <button class="btn-border btn-w" @click="handleRadioOne">
                    æäº¤
                  </button>
                </li>
                <li>
                  <button @click="changeQuestionDataOne" class="btn-border btn-w">
                  <button @click="changeRadioOne" class="btn-border btn-w">
                    é‡åš
                  </button>
                </li>
                <li>
                  <button @click="showLessonOneQuestionAnswer = !showLessonOneQuestionAnswer" class="parimary-btn">
                  <button @click="viewRadioOne" class="parimary-btn">
                    æŸ¥çœ‹ç­”案
                  </button>
                </li>
@@ -465,34 +478,34 @@
            </p>
            <p class="center"><b>Challenges of Working Across Cultures</b></p>
            <p class="center">
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
              <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </p>
            <p>
              It is not a secret that a company’s success is heavily based on
              its people.An employee is
              <span class="word-bc" >defined</span>
               by his/her talents,knowledge and
              abilities.This is the
              â€œ<span class="word-bc" >visible</span>”
               side of an employee.The
              â€œhidden”side,which is also important,is the cultural
              <span class="word-bc" >identity</span>
              its people.An employee is
              <span class="word-bc">defined</span>
              by his/her talents,knowledge and
              abilities.This is the
              â€œ<span class="word-bc">visible</span>”
              side of an employee.The
              â€œhidden”side,which is also important,is the cultural
              <span class="word-bc">identity</span>
              .The
              culture of an employee impacts his/her views on life,work,business
              relationships and how they
              <span class="word-bc" >handle</span>
               challenges.There are some issues
              that may
              <span class="word-bc" >arise</span>
               when working in a cross-cultural environment.
              relationships and how they
              <span class="word-bc">handle</span>
              challenges.There are some issues
              that may
              <span class="word-bc">arise</span>
              when working in a cross-cultural environment.
            </p>
            <p>
              When your colleagues speak different languages,it is easy to
              misunderstand each other.When I applied for the position at an
              international trade company,during the interview,my
              interviewer,who is from Egypt,was saying
              â€œ<span class="word-bc" >quote</span>”
              â€œ<span class="word-bc">quote</span>”
              ,but to me,it
              sounded like â€œcourt”.It took me a while to
            </p>
@@ -519,9 +532,9 @@
        <div class="padding-93">
          <div class="bodystyle">
            <p>
              understand what he meant,and I still remember how
              <span class="word-bc" >confused</span>
               I felt
              understand what he meant,and I still remember how
              <span class="word-bc">confused</span>
              I felt
              when I had to reply without knowing what he was asking about.You
              may feel uncomfortable to ask your conversation partner to repeat
              the sentence.However,it will save you from making mistakes and
@@ -529,52 +542,52 @@
              understand him.
            </p>
            <p>
              Things that are normal or
              <span class="word-bc" >routine</span>
               in one culture can be totally
              <span class="word-bc" >unacceptable</span>
              Things that are normal or
              <span class="word-bc">routine</span>
              in one culture can be totally
              <span class="word-bc">unacceptable</span>
              in another culture.In my home country of Latvia,it is
              a normal practice not to expect replies by email after normal
              working hours and I will only
              <span class="word-bc" >disturb</span>
               a colleague if the matter is
              working hours and I will only
              <span class="word-bc">disturb</span>
              a colleague if the matter is
              very serious.However,in other countries,like Russia and Egypt,the
              <span class="word-bc" >tendency</span>
               is to work 24/7 in response to the industry needs.Get
              <span class="word-bc">tendency</span>
              is to work 24/7 in response to the industry needs.Get
              familiar with the behavior patterns accepted in your colleagues’
              countries,and learn about their
              <span class="word-bc" >traditions</span>
              countries,and learn about their
              <span class="word-bc">traditions</span>
              ,you will finally find the best way to respectfully communicate.
            </p>
            <p>
              Language and cultural
              <span class="word-bc" >barriers</span>
               can cause
              <span class="word-bc" >frustration</span>
               .Don’t let
              Language and cultural
              <span class="word-bc">barriers</span>
              can cause
              <span class="word-bc">frustration</span>
              .Don’t let
              emotions take over.Think about the objective you want to
              reach,make an effort to understand the other person and use the
              most
              <span class="word-bc" >appropriate</span>
               means for it.For example,email does not convey
              most
              <span class="word-bc">appropriate</span>
              means for it.For example,email does not convey
              the speaker’s emotions and limits the possibility to ask
              questions.Calling someone on the phone and hearing his/her
              <span class="word-bc" >tone</span>
              questions.Calling someone on the phone and hearing his/her
              <span class="word-bc">tone</span>
              can make the communication more smooth,and you will be surprised
              by the level of understanding you will receive in return.
            </p>
            <p>
              Working with colleagues from other countries or cultures can at
              times be challenging,but it is so
              times be challenging,but it is so
              <span class="word-bc">rewarding</span>
               when you can learn
              when you can learn
              from each other and open your eyes to other ways of life.
            </p>
            <p class="fl al-cn mt-40">
              <span class="zt-cs" style="font-size: 20px">Words &amp; Expressions</span>
              <span class="line-border-box"></span>
            </p>
            <audio :src="resource.readingTwo" controls class="audio" ></audio>
            <audio :src="resource.readingTwo" controls class="audio"></audio>
            <p>define /dɪˈfaɪn/ <i>v.</i> ç»™â€¦â€¦ä¸‹å®šä¹‰</p>
            <div class="bkbj">
              <p><i>to state precisely the meaning of sth.</i></p>
@@ -1419,16 +1432,16 @@
            </p>
            <div class="bk-wh">
              <p class="dl-box">
                <span class="word-bc mr-20 dl-span" >direct</span>
                <span class="word-bc mr-20 dl-span" >formal</span>
                <span class="word-bc mr-20 dl-span" >respect</span>
                <span class="word-bc mr-20 dl-span" >privacy</span>
                <span class="word-bc mr-20 dl-span" >hand-shaking</span>
                <span class="word-bc mr-20 dl-span" >touch</span>
                <span class="word-bc mr-20 dl-span" >comfortable</span>
                <span class="word-bc mr-20 dl-span" >toast</span>
                <span class="word-bc mr-20 dl-span" >chopsticks</span>
                <span class="word-bc mr-20 dl-span" >seating
                <span class="word-bc mr-20 dl-span">direct</span>
                <span class="word-bc mr-20 dl-span">formal</span>
                <span class="word-bc mr-20 dl-span">respect</span>
                <span class="word-bc mr-20 dl-span">privacy</span>
                <span class="word-bc mr-20 dl-span">hand-shaking</span>
                <span class="word-bc mr-20 dl-span">touch</span>
                <span class="word-bc mr-20 dl-span">comfortable</span>
                <span class="word-bc mr-20 dl-span">toast</span>
                <span class="word-bc mr-20 dl-span">chopsticks</span>
                <span class="word-bc mr-20 dl-span">seating
                  arrangement</span>
              </p>
            </div>
@@ -1438,137 +1451,142 @@
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_14.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_15.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_16.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_17.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_18.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_19.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_20.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_21.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_22.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_23.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_24.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_25.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_26.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_27.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/2-1、MODULE 2(lesson one ï¼‰_28.jpg" />
                      </div>
                    </div>
                  </div>
@@ -1797,36 +1815,36 @@
            </p>
            <p class="center"><b>From 2008 to 2022:The Road of My Country and My Growth</b></p>
            <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                ></audio></p>
            <p class="center"><audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload"
                style="margin-left: 10px" class="audio"></audio></p>
            <p>For an
              <span class="word-bc" >individual</span>
              <span class="word-bc">individual</span>
              or a country,a period of 14 years is long enough to become calm,confident and
              <span class="word-bc" >mature</span>
              <span class="word-bc">mature</span>
              .On
              the road from 2008 to 2022,I learned to grow up with my country and the Olympics.
            </p>
            <p>In 2008,hosting the Olympics was new to China and I was then new in covering the Olympics as a
              <span class="word-bc" >journalist</span>
              <span class="word-bc">journalist</span>
              .Seven years later when we won the right to host the Winter Games,I did not think that Beijing
              would be the world’s first city to host both the Summer and Winter Olympics.Now it was real and I was
              simply enjoying the moment.
            </p>
            <p>Turning up as simple but
              <span class="word-bc" >impressive</span>
              <span class="word-bc">impressive</span>
              ,the opening
              <span class="word-bc" >ceremony</span>
              <span class="word-bc">ceremony</span>
              lasted for about two hours with less performing
              artists but more
              <span class="word-bc" >audio-visual</span>
              <span class="word-bc">audio-visual</span>
              technologies to tell the story of â€œtogetherness” rather than introducing
              â€œmyself” 14 years ago at the same sports field.The
              <span class="word-bc" >snowflake</span>
              <span class="word-bc">snowflake</span>
              -shaped Olympic
              <span class="word-bc">cauldron</span>
              ,formed by the smaller
              snowflakes with names of the
              <span class="word-bc">participating</span>
              <span class="word-bc" word="participate">participating</span>
              countries and regions on them,was lit by two young Chinese
              athletes.
            </p>
@@ -1853,30 +1871,30 @@
          <div class="bodystyle">
            <p>As the chief director of the opening ceremony said,2022 would not repeat 2008 though the latter was
              â€œ
              <span class="word-bc" >exceptional</span>
              <span class="word-bc">exceptional</span>
              â€,not only because of the
              <span class="word-bc" >pandemic</span>
              <span class="word-bc">pandemic</span>
              situation but also a different China now â€”more confident in
              its culture.
            </p>
            <p>In the summer 14 years ago,I was like a
              <span class="word-bc" >festivalgoer</span>
              <span class="word-bc">festivalgoer</span>
              full of energy rushing for work but also making
              errors.I,like many Chinese fellows,cried after Liu Xiang moved away from the
              <span class="word-bc" >track</span>
              <span class="word-bc">track</span>
              due to injury.In the
              winter of 2022,I shared my passion in the Olympics in another way â€”more serious at work,fitter self
              â€”thanks to regular exercise and a positive view of sports
              <span class="word-bc" >competition</span>
              <span class="word-bc">competition</span>
              .
            </p>
            <p>It was like getting over my schoolgirl crush and focusing on learning to love.</p>
            <p>I could not agree more with what a gold medal winner said during an interview.“In 2008 we
              <span class="word-bc" >impressed</span> the
              <span class="word-bc" word="impress">impressed</span> the
              world while in 2022 we became people-centered â€”for athletes and the people.”
            </p>
            <p>I failed to control myself the moments when the Chinese national
              <span class="word-bc" >anthem</span>
              <span class="word-bc">anthem</span>
              was played and when images of
              people from all walks of life were displayed during the scene of â€œPaying Tribute to the People”.It is this
              country and its people that made the Olympics happen.I’m as tearful as usual for now I’m deeply in love.
@@ -1886,7 +1904,7 @@
              <span class="line-border-box"></span>
            </p>
            <!-- è§†é¢‘ -->
            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
            <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            <p>individual /ˌɪndɪˈvɪdʒʊəl/ <i>n.</i> ä¸ªäººï¼›ä¸ªä½“</p>
            <div class="bkbj">
              <p><i>a person considered separately rather than as part of a group</i></p>
@@ -1990,13 +2008,13 @@
            <p>A.Read the passage and answer the following questions.</p>
            <p>1.What was the theme of the Beijing 2022 Winter Olympics?</p>
            <p>
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6"
                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6" style=" width: 92%"
                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            </p>
            <p>2.What made the Beijing 2022 Winter Olympics â€œexceptional”?</p>
            <p>
              <textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6"
                style=" width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
              <textarea v-model="questionData.reading.six" placeholder="请输入内容" rows="6" style=" width: 92%"
                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            </p>
          </div>
        </div>
@@ -2709,139 +2727,120 @@
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_14.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_15.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_16.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_17.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_18.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_19.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_20.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_21.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_22.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                        <img src="../../assets/images/ppt/2-2、MODULE 2(lesson two)_23.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                      </div>
                    </div>
                  </div>
                  <div class="swiper-button-next"></div>
                  <div class="swiper-button-prev"></div>
@@ -2853,28 +2852,30 @@
            <h2 id="b007"><img class="img-0" alt="" src="../../assets/images/dy2-le3.jpg" /></h2>
            <h3 id="c017"><span class="bjh3">Listening</span></h3>
            <p><b>Ⅰ.Listen to the introduction to Cultural Diversity Day and fill in the following blanks.</b></p>
            <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
            <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn" colspan="2">Cultural Diversity Day</td>
              </tr>
              <tr class="table-tr-bc">
                <td>When is it?</td>
                <td>1.On<input type="text" class="input-bottom-border input-bc-t"
                    style="width: 70px" v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
                <td>1.On<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                    v-model="questionData.reading.ten" @change="setBookQuestion" />21st</td>
              </tr>
              <tr class="table-tr-bc">
                <td>Why do we celebrate it?</td>
                <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t"
                  style="width: 70px" v-model="questionData.reading.eleven" @change="setBookQuestion" />
                <td>Recognizing cultural 2.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                    v-model="questionData.reading.eleven" @change="setBookQuestion" />
                  Understanding the concept of culture.
                  Getting to know each other through the differences in language,3.<input type="text" class="input-bottom-border input-bc-t"
                  style="width: 70px" v-model="questionData.reading.twelve" @change="setBookQuestion" />race,
                  Getting to know each other through the differences in language,3.<input type="text"
                    class="input-bottom-border input-bc-t" style="width: 70px" v-model="questionData.reading.twelve"
                    @change="setBookQuestion" />race,
                  religion and other elements.
                  Giving people a sense of 4.<input type="text" class="input-bottom-border input-bc-t"
                  style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own culture.
                  .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t"
                  style="width: 70px" v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
                    style="width: 70px" v-model="questionData.reading.thirteen" @change="setBookQuestion" />in their own
                  culture.
                  .Leading to community 5.<input type="text" class="input-bottom-border input-bc-t" style="width: 70px"
                    v-model="questionData.reading.fourteen" @change="setBookQuestion" />and personal growth.</td>
              </tr>
            </table>
            <!-- ç­”案 -->
@@ -2883,8 +2884,8 @@
              &nbsp;
            </p>
            <p><b>Ⅱ.Listen to the conversation and mark the activities when mentioned.</b></p>
            <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio" ></audio>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball"
            <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
                value="Lecture on Ancient Chinese History" id="1" v-model="check.value" />
              Lecture on Ancient Chinese History
              <span>
@@ -2914,7 +2915,7 @@
                </svg>
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball"
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" @change="setCheck"
                value="Calligraphy & Painting Demonstration" id="2" v-model="check.value" />Calligraphy &amp;
              Painting Demonstration
              <span>
@@ -2945,7 +2946,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Music" id="3"
                v-model="check.value" />Traditional Chinese Music
                v-model="check.value" @change="setCheck" />Traditional Chinese Music
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -2974,7 +2975,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Sichuan Opera" id="4"
                v-model="check.value" />Sichuan Opera
                v-model="check.value" @change="setCheck" />Sichuan Opera
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3003,7 +3004,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Chinese Cuisine" id="5"
                v-model="check.value" />Chinese Cuisine
                v-model="check.value" @change="setCheck" />Chinese Cuisine
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3032,7 +3033,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tea Ceremony" id="6"
                v-model="check.value" />Tea Ceremony
                v-model="check.value" @change="setCheck" />Tea Ceremony
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3061,7 +3062,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Tai Chi" id="7"
                v-model="check.value" />Tai Chi
                v-model="check.value" @change="setCheck" />Tai Chi
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3090,7 +3091,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Medicine"
                id="8" v-model="check.value" />Traditional Chinese Medicine
                id="8" v-model="check.value" @change="setCheck" />Traditional Chinese Medicine
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3119,7 +3120,7 @@
              </span>
            </p>
            <p><input :disabled="check.isComplete" type="checkbox" name="ball" value="Traditional Chinese Crafts" id="9"
                v-model="check.value" />Traditional Chinese Crafts
                v-model="check.value" @change="setCheck" />Traditional Chinese Crafts
              <span>
                <svg v-if="
                  check.isComplete &&
@@ -3154,7 +3155,7 @@
              Painting Demonstration &nbsp; (3)Traditional Chinese
              Music &nbsp; (4)Tea Ceremony &nbsp; (5) Tai Chi &nbsp; (6) Traditional Chinese Crafts
              &nbsp;
            </p>
            </p>
            <!-- æäº¤æŒ‰é’® -->
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
@@ -3209,7 +3210,7 @@
                    transform="translate(-3327.144 15329)" />
                </svg>
              </span>
              </p>
            </p>
            <textarea v-model="questionData.reading.eight" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerNine">
@@ -3223,7 +3224,7 @@
                    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>
            </p>
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"></textarea>
@@ -3245,33 +3246,34 @@
            </div>
            <p><b>Ⅱ.Read the schedule of Chinese Culture Week</b>2023<b> and fill in the blanks by translating the
                Chinese in the brackets.</b></p>
                <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
            <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14">
              <tr class="table-th-bc">
                <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 80px" v-model="tableBlanksData.rs.one" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
            </td>
                <td class="tl-cn wh-no">Day/Date/<input :disabled="tableBlanksData.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 80px" v-model="tableBlanksData.rs.one"
                    @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      tableBlanksData.isComplete &&
                      isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0)
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      tableBlanksData.isComplete &&
                      isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.one, 0) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </td>
                <td class="wh-no tl-cn">Activities</td>
                <td class="tl-cn">Location</td>
              </tr>
@@ -3281,69 +3283,73 @@
                  <p class="table-p">9:30a.m.-11:30a.m.</p>
                </td>
                <td>
                  <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 85%" v-model="tableBlanksData.rs.two" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span> </p>
                  <p class="table-p">(中国书法绘画股)</p>
                  <p class="table-p">(Chinese Snacks Provided)</p>
                  <p class="table-p">2.<input :disabled="tableBlanksData.isComplete" type="text"
                      class="input-bottom-border input-bc-t" style="width: 85%" v-model="tableBlanksData.rs.two"
                      @change="setTableBlanksData" />
                    <span>
                      <svg v-if="
                        tableBlanksData.isComplete &&
                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1)
                      " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="40" height="20">
                        <path
                          d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                          fill="#1AFA29" p-id="18768"></path>
                      </svg>
                      <svg v-if="
                        tableBlanksData.isComplete &&
                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.two, 1) == false
                      " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20" height="20">
                        <path
                          d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                          fill="#d81e06" p-id="25746"></path>
                      </svg>
                    </span>
                  </p>
                  <p class="table-p">(中国书法绘画股)</p>
                  <p class="table-p">(Chinese Snacks Provided)</p>
                </td>
                <td>
                  Fine Arts Gallery
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                   <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 90px" v-model="tableBlanksData.rs.three" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span> </p>
                  <p class="table-p">(5月16日星期二)</p>
                  <p class="table-p">9:30a.m.-1l:30a.m.</p>
                <td>
                  <p class="table-p">3.<input :disabled="tableBlanksData.isComplete" type="text"
                      class="input-bottom-border input-bc-t" style="width: 90px" v-model="tableBlanksData.rs.three"
                      @change="setTableBlanksData" />
                    <span>
                      <svg v-if="
                        tableBlanksData.isComplete &&
                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2)
                      " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="40" height="20">
                        <path
                          d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                          fill="#1AFA29" p-id="18768"></path>
                      </svg>
                      <svg v-if="
                        tableBlanksData.isComplete &&
                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.three, 2) == false
                      " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20" height="20">
                        <path
                          d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                          fill="#d81e06" p-id="25746"></path>
                      </svg>
                    </span>
                  </p>
                  <p class="table-p">(5月16日星期二)</p>
                  <p class="table-p">9:30a.m.-1l:30a.m.</p>
                </td>
                <td>
                  <p class="table-p">Aeademic Lecture</p>
                  <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p>
                  <p class="table-p">Aeademic Lecture</p>
                  <p class="table-p">The Change of the Aneient Capital and the General Trend of Chinese History</p>
                </td>
                <td>
                  Conference Hall
@@ -3351,7 +3357,7 @@
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <p class="table-p">Wednesday 05/17</p>
                  <p class="table-p">Wednesday 05/17</p>
                  <p class="table-p">6:30p.mm.-8:00p.m.</p>
                </td>
                <td>
@@ -3359,63 +3365,65 @@
                </td>
                <td>
                  4.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksData.rs.four" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>(音乐厅)
                    style="width: 100px" v-model="tableBlanksData.rs.four" @change="setTableBlanksData" />
                  <span>
                    <svg v-if="
                      tableBlanksData.isComplete &&
                      isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3)
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      tableBlanksData.isComplete &&
                      isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.four, 3) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>(音乐厅)
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>
                  <p class="table-p">Thursday 05/18</p>
                  <p class="table-p">Thursday 05/18</p>
                  <p class="table-p">2:00p.m.-4:00p.m.</p>
                </td>
                <td>
                  <p class="table-p">Workshop</p>
                  <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksData.rs.five" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksData.isComplete &&
                  isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                   tableBlanksData.isComplete &&
                   isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>(茶道)</p>
                  <p class="table-p">Tai Chi</p>
                  <p class="table-p">Workshop</p>
                  <p class="table-p">5.<input :disabled="tableBlanksData.isComplete" type="text"
                      class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksData.rs.five"
                      @change="setTableBlanksData" />
                    <span>
                      <svg v-if="
                        tableBlanksData.isComplete &&
                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4)
                      " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="40" height="20">
                        <path
                          d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                          fill="#1AFA29" p-id="18768"></path>
                      </svg>
                      <svg v-if="
                        tableBlanksData.isComplete &&
                        isTextRight(tableBlanksData.rs.answer, tableBlanksData.rs.five, 4) == false
                      " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20" height="20">
                        <path
                          d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                          fill="#d81e06" p-id="25746"></path>
                      </svg>
                    </span>(茶道)
                  </p>
                  <p class="table-p">Tai Chi</p>
                  <p class="table-p">Traditional Chinese CmAs</p>
                </td>
                <td>
@@ -3426,10 +3434,10 @@
            <!-- ç­”案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerEleven">
              ç­”案:(1)Time &nbsp; (2)Chinese Calligraphy & Painting Demonstration &amp;
              (3)Tuesday 05/16 &nbsp; (4)Concert Hall &nbsp; (5)tea ceremony
              (3)Tuesday 05/16 &nbsp; (4)Concert Hall &nbsp; (5)tea ceremony
              &nbsp;
            </p>
          <!-- æäº¤æŒ‰é’® -->
            <!-- æäº¤æŒ‰é’® -->
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
                <li>
@@ -3506,29 +3514,29 @@
              <tr class="table-tr-bc">
                <td style="text-wrap: nowrap">
                  1<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one,0) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.one" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one, 0)
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.one, 0) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </td>
                <td>Attend the festival activities</td>
                <td>
@@ -3540,58 +3548,58 @@
                <td>Climb the mountain</td>
                <td>
                  2.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two,1) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.two" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two, 1)
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.two, 1) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>Thursday</td>
                <td>Visit attractions in the downtown
                  3.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three,2) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.three" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three, 2)
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.three, 2) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </td>
                <td>
                  Wuhou Temple & Jinsha Site MuseumShunxing Tea House
@@ -3599,99 +3607,101 @@
              </tr>
              <tr class="table-tr-bc">
                <td>Friday</td>
                <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.four" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four,3) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>Buy souvenirs</td>
                <td> 4.<input :disabled="tableBlanksDataOne.isComplete" type="text"
                    class="input-bottom-border input-bc-t" style="width: 100px" v-model="tableBlanksDataOne.ma.four"
                    @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four, 3)
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.four, 3) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>Buy souvenirs
                </td>
                <td>
                  Panda Base 5.
                  <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five,4) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.five" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five, 4)
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.five, 4) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </td>
              </tr>
              <tr class="table-tr-bc">
                <td>Saturday</td>
                <td>6.
                  <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t"
                style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
              <span>
                <svg v-if="
                  tableBlanksDataOne.isComplete &&
                  isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5)
                " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink" width="40"
                  height="20">
                  <path
                    d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                    fill="#1AFA29" p-id="18768"></path>
                </svg>
                <svg v-if="
                    tableBlanksDataOne.isComplete &&
                    isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six,5) == false
                " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                  xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                  height="20">
                  <path
                    d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                    fill="#d81e06" p-id="25746"></path>
                </svg>
              </span>
                    style="width: 100px" v-model="tableBlanksDataOne.ma.six" @change="setQuestionDataTwo" />
                  <span>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5)
                    " t="1716986419862" class="icon" viewBox="0 0 1820 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="18767" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="40" height="20">
                      <path
                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                        fill="#1AFA29" p-id="18768"></path>
                    </svg>
                    <svg v-if="
                      tableBlanksDataOne.isComplete &&
                      isTextRight(tableBlanksDataOne.ma.answer, tableBlanksDataOne.ma.six, 5) == false
                    " t="1716987085767" class="icon" viewBox="0 0 1024 1024" version="1.1"
                      xmlns="http://www.w3.org/2000/svg" p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink"
                      width="20" height="20">
                      <path
                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                        fill="#d81e06" p-id="25746"></path>
                    </svg>
                  </span>
                </td>
                <td>
                  Shuangliu International Airport
                </td>
              </tr>
            </table>
             <!-- ç­”案 -->
             <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
            <!-- ç­”案 -->
            <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 91%" v-if="showAnswerTwelve">
              ç­”案:(1)Tuesday &nbsp; (2)Mt. Qingcheng &nbsp;
              (3)Watch Sichuan opera &nbsp; (4)See giant pandas &nbsp; (5)Jinli Old Street &nbsp;
              (6)Return to Kuala Lumpur
            </p>
            <!-- æäº¤æŒ‰é’® -->
           <div class="w100 fl  ju-cn">
            <div class="w100 fl  ju-cn">
              <ul class="fl ju-ar w80">
                <li>
                  <button class="btn-border btn-w" @click="savaDataTableOne">
@@ -3979,137 +3989,72 @@
                  <div class="swiper-wrapper">
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_01.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_01.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_02.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_02.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_03.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_03.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_04.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_04.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_05.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_05.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_06.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_06.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_07.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_07.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_08.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_08.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_09.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_09.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_10.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_10.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_11.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_11.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_12.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_12.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_13.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_13.jpg" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_14.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_15.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_16.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_17.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_18.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_19.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_20.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_21.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_22.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_23.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_24.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_25.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_26.png" />
                      </div>
                    </div>
                    <div class="swiper-slide">
                      <div class="imgBox" style="width: 100%; height: 100%">
                        <img src="../../assets/images/ppt/ppt_27.png" />
                        <img src="../../assets/images/ppt/2-3、MODULE 2(lesson three)_14.jpg" />
                      </div>
                    </div>
                  </div>
@@ -4143,6 +4088,8 @@
  },
  data() {
    return {
      correctIcon: require('@/assets/images/correct.svg'),
      errorIcon: require('@/assets/images/error.svg'),
      imgThirteen: require("../../assets/images/grammar2-1.png"),
      imgThirteenOne: require("../../assets/images/grammar2-2.png"),
      showAnswerOne: false,
@@ -4322,8 +4269,8 @@
          five: "",
          six: "",
          seven: "",
          eight:"",
          nine:"",
          eight: "",
          nine: "",
          ten: "",
          eleven: "",
          twelve: "",
@@ -4408,7 +4355,6 @@
        value: [],
      },
      testData: {
        check: [],
        tx: {
          one: "",
          two: "",
@@ -4696,7 +4642,7 @@
        value: [],
      },
      //page 34 è¡¨æ ¼å†…填空
      tableBlanksData:{
      tableBlanksData: {
        isComplete: false,
        rs: {
          one: "",
@@ -4708,7 +4654,7 @@
        },
      },
      //page 37 è¡¨æ ¼å†…填空
      tableBlanksDataOne:{
      tableBlanksDataOne: {
        isComplete: false,
        ma: {
          one: "",
@@ -4717,9 +4663,38 @@
          four: "",
          five: "",
          six: "",
          answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street","Return to Kuala Lumpur"],
          answer: ["Tuesday", "Mt. Qingcheng", "Watch Sichuan opera", "See giant pandas", "Jinli Old Street", "Return to Kuala Lumpur"],
        },
      }
      },
      radioOne: [
        {
          type: 'radio',
          isComplete: false,
          isShowAnswer: false,
          value: [
            {
              answer: "b",
              userAnswer: "",
              isRight: null
            },
            {
              answer: "b",
              userAnswer: "",
              isRight: null
            },
            {
              answer: "b",
              userAnswer: "",
              isRight: null
            },
            {
              answer: "b",
              userAnswer: "",
              isRight: null
            },
          ]
        }
      ]
    };
  },
  mounted() {
@@ -4753,20 +4728,25 @@
      this.tableBlanksData = JSON.parse(tableBlanksData)
    }
    const tableBlanksDataOne = localStorage.getItem("english-tableBlanksOne");
    if (tableBlanksDataOne ) {
    if (tableBlanksDataOne) {
      this.tableBlanksDataOne = JSON.parse(tableBlanksDataOne)
    }
    const testData = localStorage.getItem("english-testOne");
    if (testData) {
      this.testData = JSON.parse(testData);
    }
    const bookQuestion = localStorage.getItem("english-book-question-one");
    const bookQuestion = localStorage.getItem("english-book-chapter02-question-one");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
    const dropdownData = localStorage.getItem("english-dropdown-one");
    if (dropdownData) {
      this.dropdownData = JSON.parse(dropdownData);
    }
    const radioOne = localStorage.getItem("englis-chapter02-radioOne");
    if (radioOne) {
      this.radioOne = JSON.parse(radioOne);
    }
    this.getPath();
  },
@@ -4899,7 +4879,7 @@
      this.check = Check;
      this.showAnswerEight = false
    },
    changeTable(){
    changeTable() {
      localStorage.removeItem("english-tableBlanksData");
      const tableBlanksDatas = this.tableBlanksData
      for (let key in tableBlanksDatas) {
@@ -4916,7 +4896,7 @@
      this.$set(this.tableBlanksData, "isComplete", false);
      this.showAnswerEleven = false
    },
    changeTableOne(){
    changeTableOne() {
      localStorage.removeItem("english-tableBlanksDataOne");
      const tableBlanksDataOnes = this.tableBlanksDataOne
      for (let key in tableBlanksDataOnes) {
@@ -4934,9 +4914,8 @@
      this.showAnswerTwelve = false
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "english-book-question-one",
        "english-book-chapter02-question-one",
        JSON.stringify(this.questionData)
      );
    },
@@ -4958,10 +4937,10 @@
    setCheck() {
      localStorage.setItem("english-check", JSON.stringify(this.check));
    },
    setTableBlanksData(){
    setTableBlanksData() {
      localStorage.setItem("english-tableBlanksData", JSON.stringify(this.tableBlanksData));
    },
    setTableBlanksDataOne(){
    setTableBlanksDataOne() {
      localStorage.setItem("english-tableBlanksDataOne", JSON.stringify(this.tableBlanksDataOne));
    },
    async getPath() {
@@ -5084,15 +5063,15 @@
      this.isShowRight;
      this.showAnswerEight = true
    },
    savaDataTable(){
    savaDataTable() {
      this.$set(this.tableBlanksData, "isComplete", true);
      this.setTableBlanksData();
      this.isTextRight;
      this.showAnswerEleven = true;
    },
    savaDataTableOne(){
    savaDataTableOne() {
      this.$set(this.tableBlanksDataOne, "isComplete", true);
      this.setTableBlanksDataOne();
      this.setTableBlanksDataOne();
      this.isTextRight;
      this.showAnswerTwelve = true;
    },
@@ -5148,6 +5127,44 @@
      }
      return flag;
    },
    savaRadioOne() {
      localStorage.setItem("englis-chapter02-radioOne", JSON.stringify(this.radioOne));
    },
    handleRadioOne() {
      for (let index = 0; index < this.radioOne.length; index++) {
        const item = this.radioOne[index];
        item.isShowAnswer = true
        item.isComplete = true
        for (let cindex = 0; cindex < item.value.length; cindex++) {
          const citem = item.value[cindex];
          if (citem.userAnswer != "") {
            citem.isRight = citem.answer == citem.userAnswer
          } else {
            citem.isRight = null
          }
        }
      }
      this.savaRadioOne()
    },
    changeRadioOne() {
      for (let index = 0; index < this.radioOne.length; index++) {
        const item = this.radioOne[index];
        item.isComplete = false
        item.isShowAnswer = false
        for (let cindex = 0; cindex < item.value.length; cindex++) {
          const citem = item.value[cindex];
          citem.isRight = null
          citem.userAnswer = ""
        }
      }
      localStorage.removeItem("englis-chapter02-radioOne");
    },
    viewRadioOne() {
      for (let index = 0; index < this.radioOne.length; index++) {
        const item = this.radioOne[index];
        item.isShowAnswer = !item.isShowAnswer
      }
    }
  },
};
</script>
src/books/English/view/components/chapter003.vue
@@ -47,10 +47,16 @@
                                answer line under each picture.</b>
                        </p>
                        <div class="bk-wh">
                            <p>
                                animal rescue and care blood donation community
                                clean-ups language service
                            </p>
                            <div style="display: flex">
                                <div class="left" style="width: 50%;">
                                    <p class="tl-lf">animal rescue and care</p>
                                    <p class="tl-lf">community clean-ups</p>
                                </div>
                                <div class="right" style="width: 50%">
                                    <p class="tl-lf">blood donation</p>
                                    <p class="tl-lf">language service</p>
                                </div>
                            </div>
                        </div>
                        <div class="openImgBox">
                            <div class="fl ju-bt">
@@ -61,7 +67,7 @@
                                        </p>
                                        <p class="center">
                                            1.
                                            <select v-model="dropdownData.one.value">
                                            <select class="w70 select-border" v-model="dropdownData.one.value">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
@@ -94,11 +100,12 @@
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0049-3.jpg" alt="" style="width: 98%" />
                                            <img style="margin-bottom: 2%" src="../../assets/images/0049-3.jpg" alt=""
                                                class="w100" />
                                        </p>
                                        <p class="center">
                                            2.
                                            <select v-model="dropdownData.two.value">
                                            <select class="w70 select-border" v-model="dropdownData.two.value">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
@@ -133,11 +140,11 @@
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0049-4.jpg" alt="" style="width: 98%" />
                                            <img src="../../assets/images/0049-4.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            3.
                                            <select v-model="dropdownData.three.value">
                                            <select class="w70 select-border" v-model="dropdownData.three.value">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
@@ -170,11 +177,11 @@
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0049-5.jpg" alt="" style="width: 94%" />
                                            <img class="w100" src="../../assets/images/0049-5.jpg" alt="" />
                                        </p>
                                        <p class="center">
                                            4.
                                            <select v-model="dropdownData.four.value">
                                            <select class="w70 select-border" v-model="dropdownData.four.value">
                                                <option v-for="(item, index) in dropDownList" :key="index"
                                                    :value="item">
                                                    {{ item }}
@@ -265,7 +272,8 @@
                            </div>
                            <div class="right" style="width: 45%">
                                <p v-for="(item, index) in listenOne[0].option" :key="index">
                                    ã€€<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value" />
                                    ã€€<input type="radio" :value="item" name="volunteer" v-model="listenOne[0].value"
                                        @change="saveListenOneData" />
                                    {{ item }}
                                    <span class="icon-box" v-if="listenOne[0].value == item">
                                        <svg v-if="listenOne[0].isRight" t="1716986419862" class="icon"
@@ -286,7 +294,6 @@
                                        </svg>
                                    </span>
                                </p>
                            </div>
                        </div>
                        <div class="event-header-text-bc pd-5" v-if="listenOne[0].isShowAnswer">
@@ -320,7 +327,8 @@
                            </div>
                            <div class="right" style="width: 45%">
                                <p v-for="(item, index) in listenOne[1].option" :key="index">
                                    ã€€<input type="radio" :value="item" name="likely" v-model="listenOne[1].value" />
                                    ã€€<input type="radio" :value="item" name="likely" v-model="listenOne[1].value"
                                        @change="saveListenOneData" />
                                    {{ item }}
                                    <span class="icon-box" v-if="listenOne[1].value == item">
                                        <svg v-if="listenOne[1].isRight" t="1716986419862" class="icon"
@@ -352,7 +360,8 @@
                            </div>
                            <div class="right" style="width: 50%">
                                <p v-for="(item, index) in listenOne[2].option" :key="index">
                                    ã€€<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value" />
                                    ã€€<input type="radio" :value="item" name="mentioned" v-model="listenOne[2].value"
                                        @change="saveListenOneData" />
                                    {{ item }}
                                    <span class="icon-box" v-if="listenOne[2].value == item">
                                        <svg v-if="listenOne[2].isRight" t="1716986419862" class="icon"
@@ -457,7 +466,7 @@
                        <p>
                            With busy life,it can be hard to find time to
                            volunteer.However,the benefits of volunteering can be
                            <span class="word-bc" >enormous</span>
                            <span class="word-bc">enormous</span>
                        </p>
                        <p>
                            One of the most well-known benefits of volunteering is the impact
@@ -467,22 +476,22 @@
                            need.Volunteering can benefit you and your family as well as the
                            people you choose to help.Doing volunteer work helps you make new
                            friends,
                            <span class="word-bc" >expand</span>
                            <span class="word-bc">expand</span>
                            your network,and
                            <span class="word-bc" >boost</span>
                            <span class="word-bc">boost</span>
                            your social skills.
                        </p>
                        <p>
                            Volunteering helps reduce the effects of stress,anger,and
                            <span class="word-bc" >anxiety</span>
                            <span class="word-bc">anxiety</span>
                            .The social contact aspect of helping and working with
                            others can have a great effect on your overall mental
                            health.Nothing reduces stress better than a
                            <span class="word-bc" >meaningful</span>
                            <span class="word-bc">meaningful</span>
                            connection
                            to another person.Studies have found that those who volunteer have
                            a lower
                            <span class="word-bc" >mortality</span>
                            <span class="word-bc">mortality</span>
                            rate than those who do not.
                        </p>
                        <p>
@@ -491,7 +500,7 @@
                            field.Even if you’re not planning to change careers,volunteering
                            can give you the opportunity to practice important qualities and
                            skills used in work,such as teamwork,
                            <span class="word-bc" >communication</span>
                            <span class="word-bc">communication</span>
                            skills and
                            problem-solving skills.You might feel more comfortable stretching
                            your wings at work once you’ve developed these qualities and
@@ -524,17 +533,17 @@
                        <p>
                            What’s more,volunteering is a fun and easy way to explore your
                            interests and
                            <span class="word-bc" >passions</span>
                            <span class="word-bc" word="passion">passions</span>
                            .Doing volunteer work can be a
                            relaxing,
                            <span class="word-bc" >energizing</span>
                            <span class="word-bc" word="energize">energizing</span>
                            escape from your day-to-day routine of
                            work,school,or family
                            <span class="word-bc" >commitments</span>
                            <span class="word-bc" word="commitment">commitments</span>
                            .Volunteering also provides you
                            with <span class="word-bc" >creativity</span>
                            with <span class="word-bc">creativity</span>
                            ,motivation,and
                            <span class="word-bc" >vision</span>
                            <span class="word-bc">vision</span>
                            that can carry over into
                            your personal life and your career.
                        </p>
@@ -654,16 +663,16 @@
                            </p>
                        </div>
                        <div style="display: flex">
                            <div class="left" style="width: 45%; text-wrap: nowrap">
                            <div class="left" style="width: 45%;">
                                <p>help out å¸®åŠ©è§£å†³éš¾é¢˜ï¼›æ•‘å‡º</p>
                                <p>stretch one’s wings å¤§å±•拳脚</p>
                                <p>carry over ï¼ˆåœ¨ä¸åŒæƒ…况下) ç»§ç»­å­˜åœ¨ï¼Œä¿æŒä¸‹åŽ»</p>
                            </div>
                            <div class="right" style="width: 55%">
                                <p>make a difference æœ‰å½±å“ï¼›æœ‰å…³ç³»</p>
                                <p>what’s more è€Œä¸”;此外</p>
                            </div>
                        </div>
                        <p class="table-p" style="text-indent: 2em;">carry over ï¼ˆåœ¨ä¸åŒæƒ…况下) ç»§ç»­å­˜åœ¨ï¼Œä¿æŒä¸‹åŽ»</p>
                        <p></p>
                        <p><b>Ⅰ.Reading comprehension.</b></p>
                        <matching :rawData="rawData" :question="question"></matching>
@@ -695,22 +704,22 @@
                        ã€€
                        <p>
                            <input type="radio" value="a" name="toobusy" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[0].userAnswer" />
                                v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
                            a.People are too busy to volunteer.
                        </p>
                        <p>
                            <input type="radio" value="b" name="toobusy" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[0].userAnswer" />
                                v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
                            b.People can’t find ways to volunteer.
                        </p>
                        <p>
                            <input type="radio" value="c" name="toobusy" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[0].userAnswer" />
                                v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
                            c.There is no benefit in volunteering.
                        </p>
                        <p>
                            <input type="radio" value="d" name="toobusy" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[0].userAnswer" />
                                v-model="wordsOne[0].value[0].userAnswer" @change="savewordsOne" />
                            d.The volunteer work is too hard to do.
                        </p>
                        <p>
@@ -736,22 +745,22 @@
                        </p>
                        <p>
                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[1].userAnswer" />
                                v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
                            a.Volunteering is a win-win behavior for both parties.
                        </p>
                        <p>
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[1].userAnswer" />
                                v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
                            b.Small acts of helping others also matter.
                        </p>
                        <p>
                            <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[1].userAnswer" />
                                v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
                            c.Those who volunteer enjoy a lower mortality rate.
                        </p>
                        <p>
                            <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[1].userAnswer" />
                                v-model="wordsOne[0].value[1].userAnswer" @change="savewordsOne" />
                            d.Volunteering has nothing to do with one’s mental health.
                        </p>
                        <p>
@@ -776,17 +785,17 @@
                            </span>
                        </p>
                        <p>
                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="a" name="development" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[2].userAnswer" />
                            a.Providing one with a new career.
                        </p>
                        <p>
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="b" name="development" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[2].userAnswer" />
                            b.Helping to arouse one’s interests.
                        </p>
                        <p>
                            <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
                            <input type="radio" value="c" name="development" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[2].userAnswer" />
                            c.Offering an opportunity to practice working skills.
                        </p>
@@ -813,8 +822,8 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>
                            <input type="radio" value="d" name="bothparties"
                                v-model="wordsOne[0].value[2].userAnswer" />
                            <input type="radio" value="d" name="development" v-model="wordsOne[0].value[2].userAnswer"
                                @change="savewordsOne" />
                            d.Bringing more comfort to those who are at work.
                        </p>
                        <p>
@@ -839,23 +848,23 @@
                            </span>
                        </p>
                        <p>
                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" />
                            <input type="radio" value="a" name="paragraph" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
                            a.Making a plan before volunteering.
                        </p>
                        <p>
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" />
                            <input type="radio" value="b" name="paragraph" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
                            b.Preparing a résumé in advance.
                        </p>
                        <p>
                            <input type="radio" value="c" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" />
                            <input type="radio" value="c" name="paragraph" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
                            c.Taking a physical and mental health check.
                        </p>
                        <p>
                            <input type="radio" value="d" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" />
                            <input type="radio" value="d" name="paragraph" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[3].userAnswer" @change="savewordsOne" />
                            d.Spending some time volunteering.
                        </p>
                        <p>
@@ -880,23 +889,23 @@
                            </span>
                        </p>
                        <p>
                            <input type="radio" value="a" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" />
                            <input type="radio" value="a" name="volunteering" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
                            a.Indifferent.
                        </p>
                        <p>
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" />
                            <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
                            b.Supportive.
                        </p>
                        <P>
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" />
                            <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
                            c.Opposed.
                        </P>
                        <P>
                            <input type="radio" value="b" name="bothparties" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" />
                            <input type="radio" value="b" name="volunteering" :disabled="wordsOne[0].isComplete"
                                v-model="wordsOne[0].value[4].userAnswer" @change="savewordsOne" />
                            d.Unknown.
                        </P>
                        <p class="event-header-text-bc pd-5" style="width: 90%" v-if="wordsOne[0].isShowAnswer">
@@ -910,7 +919,7 @@
                        <p>
                            There are e
                            <input :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="setTestData" />
                                style="width: 60px" v-model="wordsOne[1].value[0].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[1].value[0].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -933,7 +942,7 @@
                            community a better place,and it also helps you to connect to
                            people and b<input :disabled="wordsOne[1].isComplete" type="text"
                                class="input-bottom-border" style="width: 60px"
                                v-model="wordsOne[1].value[1].userAnswer" @change="setTestData" />
                                v-model="wordsOne[1].value[1].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[1].value[1].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -953,7 +962,7 @@
                                </svg> </span>your social skills.Second,volunteering helps to deal with
                            stress,anger and a<input :disabled="wordsOne[1].isComplete" type="text"
                                class="input-bottom-border" style="width: 60px"
                                v-model="wordsOne[1].value[2].userAnswer" @change="setTestData" />
                                v-model="wordsOne[1].value[2].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[1].value[2].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -972,7 +981,7 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg> </span>.Studies show that people who volunteer have a lower m<input
                                :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="setTestData" />
                                style="width: 60px" v-model="wordsOne[1].value[3].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[1].value[3].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -992,7 +1001,7 @@
                            at work.Fourth,when you are tied up with the daily
                            routine,volunteering can be an e<input :disabled="wordsOne[1].isComplete" type="text"
                                class="input-bottom-border" style="width: 60px"
                                v-model="wordsOne[1].value[4].userAnswer" @change="setTestData" />
                                v-model="wordsOne[1].value[4].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[1].value[4].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1011,7 +1020,7 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg> </span>escape,where you can find your interests and p<input
                                :disabled="wordsOne[1].isComplete" type="text" class="input-bottom-border"
                                style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="setTestData" />
                                style="width: 60px" v-model="wordsOne[1].value[5].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="
                                    wordsOne[1].value[5].isRight
@@ -1046,7 +1055,7 @@
                            {{ index + 1 }}.{{ item.stem }}
                            <textarea v-model="item.userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[2].isComplete" style="margin-left: 40px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                        </p>
                        <!-- ä¾‹å¥ -->
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -1080,7 +1089,7 @@
                        </p>
                        <p>
                            <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="setTestData" />
                                style="width: 470px" v-model="wordsOne[3].value[0].userAnswer" @change="savewordsOne" />
                        </p>
                        <p>
                            2.Serving in the Beijing 2022 Winter Olympics was a meaningful and
@@ -1088,7 +1097,7 @@
                        </p>
                        <p>
                            <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="setTestData" />
                                style="width: 470px" v-model="wordsOne[3].value[1].userAnswer" @change="savewordsOne" />
                        </p>
                    </div>
                </div>
@@ -1118,7 +1127,7 @@
                        </p>
                        <p>
                            <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="setTestData" />
                                style="width: 470px" v-model="wordsOne[3].value[2].userAnswer" @change="savewordsOne" />
                        </p>
                        <p>
                            4.Volunteering in different programs helps him grow up to be a man
@@ -1126,7 +1135,7 @@
                        </p>
                        <p>
                            <input :disabled="wordsOne[3].isComplete" type="text" class="input-bottom-border"
                                style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="setTestData" />
                                style="width: 470px" v-model="wordsOne[3].value[3].userAnswer" @change="savewordsOne" />
                        </p>
                        <!-- ç­”案 -->
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
@@ -1158,7 +1167,7 @@
                        <p>
                            1.Encouraged by other volunteers,he<input :disabled="wordsOne[4].isComplete" type="text"
                                class="input-bottom-border" style="width: 70px"
                                v-model="wordsOne[4].value[0].userAnswer" @change="setTestData" />
                                v-model="wordsOne[4].value[0].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[4].value[0].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1182,7 +1191,7 @@
                        <p>
                            2.At the moment,I<input :disabled="wordsOne[4].isComplete" type="text"
                                class="input-bottom-border" style="width: 70px"
                                v-model="wordsOne[4].value[1].userAnswer" @change="setTestData" />
                                v-model="wordsOne[4].value[1].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[4].value[1].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1205,7 +1214,7 @@
                        </p>
                        <p>
                            3.What you<input :disabled="wordsOne[4].isComplete" type="text" class="input-bottom-border"
                                style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="setTestData" />
                                style="width: 70px" v-model="wordsOne[4].value[2].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[4].value[2].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1229,7 +1238,7 @@
                        <p>
                            4.Currently,they<input :disabled="wordsOne[4].isComplete" type="text"
                                class="input-bottom-border" style="width: 70px"
                                v-model="wordsOne[4].value[3].userAnswer" @change="setTestData" />
                                v-model="wordsOne[4].value[3].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[4].value[3].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1253,7 +1262,7 @@
                        <p>
                            5.The smile on her face says that she<input :disabled="wordsOne[4].isComplete" type="text"
                                class="input-bottom-border" style="width: 70px"
                                v-model="wordsOne[4].value[4].userAnswer" @change="setTestData" />
                                v-model="wordsOne[4].value[4].userAnswer" @change="savewordsOne" />
                            <span>
                                <svg v-if="wordsOne[4].value[4].isRight" t="1716986419862" class="icon"
                                    viewBox="0 0 1820 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -1290,7 +1299,7 @@
                            <p>志愿者正在辅导孩子们做功课。</p>
                            <textarea v-model="wordsOne[5].value[0].userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                        </div>
                        <div class="fieldset-2">
                            <p class="center">
@@ -1299,7 +1308,7 @@
                            <p>学生们正在帮忙做农活。</p>
                            <textarea v-model="wordsOne[5].value[1].userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                        </div>
                    </div>
                </div>
@@ -1330,7 +1339,7 @@
                            <p>志愿者正在沙滩上清理垃圾。</p>
                            <textarea v-model="wordsOne[5].value[2].userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                        </div>
                        <div class="fieldset-2">
                            <p class="center">
@@ -1339,7 +1348,7 @@
                            <p>志愿者正在进行衣物捐赠活动。</p>
                            <textarea v-model="wordsOne[5].value[3].userAnswer" placeholder="请输入内容" rows="6"
                                :disabled="wordsOne[5].isComplete" style="margin-left: 20px; width: 92%"
                                class="fz-16 fm-son" @change="setBookQuestion"></textarea>
                                class="fz-16 fm-son" @change="savewordsOne"></textarea>
                        </div>
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="wordsOne[3].isShowAnswer">
@@ -1516,33 +1525,23 @@
                        </p>
                        <div class="bk-wh">
                            <p class="dl-box">
                                <span class="word-bc mr-20 dl-span" > blood
                                <span class="word-bc mr-20 dl-span"> blood
                                    donation</span>
                                <span class="word-bc mr-20 dl-span"
                                    >volunteer teacher</span>
                                <span class="word-bc mr-20 dl-span"
                                    >community service</span>
                                <span class="word-bc mr-20 dl-span" >nursing
                                <span class="word-bc mr-20 dl-span">volunteer teacher</span>
                                <span class="word-bc mr-20 dl-span">community service</span>
                                <span class="word-bc mr-20 dl-span">nursing
                                    home</span>
                                <span class="word-bc mr-20 dl-span"
                                    >rewarding</span>
                                <span class="word-bc mr-20 dl-span"
                                   >challenging</span>
                                <span class="word-bc mr-20 dl-span"
                                    >demanding</span>
                                <span class="word-bc mr-20 dl-span"
                                    >interesting</span>
                                <span class="word-bc mr-20 dl-span"
                                    >overwhelming</span>
                                <span class="word-bc mr-20 dl-span" >moving</span>
                                <span class="word-bc mr-20 dl-span"
                                    >merciful</span>
                                <span class="word-bc mr-20 dl-span"
                                    >kind-hearted</span>
                                <span class="word-bc mr-20 dl-span"
                                   >appreciate</span>
                                <span class="word-bc mr-20 dl-span">rewarding</span>
                                <span class="word-bc mr-20 dl-span">challenging</span>
                                <span class="word-bc mr-20 dl-span">demanding</span>
                                <span class="word-bc mr-20 dl-span">interesting</span>
                                <span class="word-bc mr-20 dl-span">overwhelming</span>
                                <span class="word-bc mr-20 dl-span">moving</span>
                                <span class="word-bc mr-20 dl-span">merciful</span>
                                <span class="word-bc mr-20 dl-span">kind-hearted</span>
                                <span class="word-bc mr-20 dl-span">appreciate</span>
                                <span class="word-bc mr-20 dl-span">cherish</span>
                                <span class="word-bc mr-20 dl-span" >respect</span>
                                <span class="word-bc mr-20 dl-span">respect</span>
                            </p>
                        </div>
                        <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%;">
@@ -1551,137 +1550,147 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_17.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_18.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_19.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_20.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_21.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_22.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_23.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_24.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_25.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_26.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_27.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_28.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/3-1、MODULE 3(lesson one ï¼‰_29.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -1701,6 +1710,14 @@
                                better place and making a difference in people's lives.Work with
                                your partner to do research online and match the following
                                organizations with their missions.</b>
                            <span class="btn-box" @click="viewSelectData">
                                <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>
                    </div>
                </div>
@@ -1724,43 +1741,165 @@
                <!-- å†…容 -->
                <div class="padding-93">
                    <div class="bodystyle">
                        <p class="center">
                            <img class="img-a" alt="" src="../../assets/images/0056-1.jpg" />
                        <p class="tl-lf">
                            a. Its mission is to protect the lives and dignityof victims of armed conflict and violence
                            and toprovide them with assistance.
                        </p>
                        <p class="tl-lf">
                            b. It saves wildlife and wilderness worldwidethrough science, conservation action,
                            education,and inspires people to value nature.
                        </p>
                        <p class="tl-lf">
                            c.It is committed to helping young people andto improving the environment for their growth
                            in China.
                        </p>
                        <p class="tl-lf">
                            d. It works in over 190 countries and territoriesto save children's lives, to defend their
                            rights,and to help them fulfill their potential, fromearly childhood through adolescence.
                        </p>
                        <div class="openImgBox">
                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img style="margin-bottom: 1.5%"
                                                src="../../assets/images/page47selectOne.png" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            1.
                                            <select class="w45 select-border"
                                                v-model="selectData[0].value[0].userAnswer" @change="handleSelectData">
                                                <option v-for="(item, index) in selectData[0].option" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box"
                                                v-if="selectData[0].value[0].isRight == true || selectData[0].value[0].isRight == false">
                                                <img :src="selectData[0].value[0].isRight ? correctIcon : errorIcon"
                                                    alt="">
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/page47selectTwo.png" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            2.
                                            <select class="w45 select-border"
                                                v-model="selectData[0].value[1].userAnswer" @change="handleSelectData">
                                                <option v-for="(item, index) in selectData[0].option" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box"
                                                v-if="selectData[0].value[1].isRight == true || selectData[0].value[1].isRight == false">
                                                <img :src="selectData[0].value[1].isRight ? correctIcon : errorIcon"
                                                    alt="">
                                            </span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="fl ju-bt">
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img style="margin: 12.5% 0%"
                                                src="../../assets/images/page47selectThree.png" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            3.
                                            <select class="w45 select-border"
                                                v-model="selectData[0].value[2].userAnswer" @change="handleSelectData">
                                                <option v-for="(item, index) in selectData[0].option" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box"
                                                v-if="selectData[0].value[2].isRight == true || selectData[0].value[2].isRight == false">
                                                <img :src="selectData[0].value[2].isRight ? correctIcon : errorIcon"
                                                    alt="">
                                            </span>
                                        </p>
                                    </div>
                                </div>
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/page47selectFour.png" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            4.
                                            <select class="w45 select-border"
                                                v-model="selectData[0].value[3].userAnswer" @change="handleSelectData">
                                                <option v-for="(item, index) in selectData[0].option" :key="index"
                                                    :value="item">
                                                    {{ item }}
                                                </option>
                                            </select>
                                            <span class="icon-box"
                                                v-if="selectData[0].value[3].isRight == true || selectData[0].value[3].isRight == false">
                                                <img :src="selectData[0].value[3].isRight ? correctIcon : errorIcon"
                                                    alt="">
                                            </span>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="selectData[0].isShowAnswer">
                            <span>答案:</span>
                            <p v-for="(item, index) in selectData[0].value" :key="index" >
                                {{ index + 1 }}.{{ item.answer }}
                            </p>
                        </div>
                        <h3 id="c024"><span class="bjh3">Reading</span></h3>
                        <p>
                            1.More and more organizations and individuals in China are working
                            in public service.Can you name a few?
                            <span class="btn-box" @click="showNoSubmitAnswer(3,0)">
                                <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)" />
                            <span class="btn-box" @click="showNoSubmitAnswer(3, 0)">
                                <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 name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
                        <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[0].userAnswer"
                            class="w100" @input="saveNoSubmitData"></textarea>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[0].isShowAnswer">
                            <span>答案:</span>
                            <P v-for="(item,index) in noSubmitData[3].value[0].answer">
                                {{index + 1}}.{{item}}
                            <P v-for="(item, index) in noSubmitData[3].value[0].answer" :key="index">
                                {{ index + 1 }}.{{ item }}
                            </p>
                        </div>
                        <p>
                            2.What changes do they bring to China?
                            <span class="btn-box" @click="showNoSubmitAnswer(3,1)">
                                <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)" />
                            <span class="btn-box" @click="showNoSubmitAnswer(3, 1)">
                                <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 name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea>
                        <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[3].value[1].userAnswer"
                            class="w100" @input="saveNoSubmitData"></textarea>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer">
                            <span>答案:</span>
                            <P v-for="(item,index) in noSubmitData[3].value[1].answer">
                                {{index + 1}}.{{item}}
                            <P v-for="(item, index) in noSubmitData[3].value[1].answer" :key="index">
                                {{ index + 1 }}.{{ item }}
                            </p>
                        </div>
                        <p class="center"><b>How to Light Up the World</b></p>
@@ -1773,16 +1912,16 @@
                        </p>
                        <p>
                            If you go all over the world to very
                            <span class="word-bc" >remote</span>
                            <span class="word-bc">remote</span>
                            villages,you will
                            often find only very old people and very young people.The men have
                            already left.So,we came up with the simple
                            <span class="word-bc" >solution</span>
                            <span class="word-bc">solution</span>
                            of training
                            grandmothers.Grandmothers are
                            <span class="word-bc" >compassionate</span>
                            <span class="word-bc">compassionate</span>
                            ,
                            <span class="word-bc" >tolerant</span>
                            <span class="word-bc">tolerant</span>
                            ,willing to
                            learn,and patient.All the qualities that you need are there.
                        </p>
@@ -1790,15 +1929,15 @@
                            Barefoot College follows the lifestyle of Gandhi:Students
                            eat,sleep,and work on the floor.They can stay for 20 years,or they
                            can go home tomorrow.As of today,we’ve trained 604 women
                            <span class="word-bc" >solar</span>
                            <span class="word-bc">solar</span>
                            engineers from 1,083 villages in 63 countries.
                        </p>
                        <p>
                            The engineers have solar-
                            <span class="word-bc" >electrified</span>
                            <span class="word-bc" word="electrify">electrified</span>
                            45,000 houses.Please remember
                            that our students are
                            <span class="word-bc" >primarily</span>
                            <span class="word-bc">primarily</span>
                            women who have never left their
                            villages before.They hate the idea of leaving their families and
                            getting on a plane.When they reach India,sometimes after 19 hours
@@ -1831,11 +1970,11 @@
                            do all the training in sign language.Yet in six months,they will
                            know more about solar engineering than most university
                            graduates.Some women face problems at home for
                            <span class="word-bc" >attend</span>
                            <span class="word-bc">attend</span>
                            ing Barefoot
                            College.In most of these traditional societies,the husband
                            says,“If you go for
                            <span class="word-bc" >training</span>
                            <span class="word-bc">training</span>
                            ,don’t come back to me.I will take
                            another wife.” Then the wife goes,and when she returns,she helps
                            provide her village with solar electricity.And her husband
@@ -1845,7 +1984,7 @@
                        <p>
                            We taught a woman from Afghanistan.It was the first time a
                            grandmother had left her village.
                            <span class="word-bc" >Afterwards</span>
                            <span class="word-bc">Afterwards</span>
                            ,at a community
                            gathering,she went to sit with the men,who said,“What do you think
                            you’re doing? You should be sitting with the women.” And she said
@@ -1861,9 +2000,9 @@
                        </p>
                        <p>
                            I’ll end the passage with a
                            <span class="word-bc" >quotation</span>
                            <span class="word-bc">quotation</span>
                            from Gandhi:“First they
                            <span class="word-bc" >ignore</span>
                            <span class="word-bc">ignore</span>
                            you,then they laugh at you,then they fight you,and then you
                            win.”
                        </p>
@@ -2565,137 +2704,92 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_17.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/3-2、MODULE 3(lesson two ï¼‰_18.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -2736,11 +2830,11 @@
                            <!--controlslist="noplaybackrate nodownload"后面的音频框加入这个-->
                        </h3>
                        <p>
                        <b>Ⅰ.Listen to the recording and fill in the blanks with what you
                            <b>Ⅰ.Listen to the recording and fill in the blanks with what you
                                hear.</b>
                        </p>
                        <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
                        class="audio"></audio>
                            class="audio"></audio>
                        <p>
                            Just now,I was giving people
                            <input type="text" :disabled="listenThree[0].isComplete"
@@ -2923,7 +3017,7 @@
                                questions.</b>
                        </p>
                        <audio :src="resource.listenFour" controls controlslist="noplaybackrate nodownload"
                        class="audio"></audio>
                            class="audio"></audio>
                        <p>
                            1.When did Mr.Crossman start volunteering?
                            <span class="icon-box" v-if="listenThree[1].isComplete">
@@ -3419,24 +3513,24 @@
                            <div class="fl wh-no w100">
                                <span>University/College:</span>
                                <input type="text" :disabled="practicalWriting[1].isComplete"
                                    v-model="practicalWriting[1].value[8].userAnswer"
                                    v-model="practicalWriting[1].value[9].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="saveListenThree">
                            </div>
                            <div>
                                <div>Other qualifcations, short courses and training</div>
                                <textarea name="" id="" cols="30" rows="10"
                                    v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
                                    v-model="practicalWriting[1].value[10].userAnswer" class="w100"></textarea>
                            </div>
                            <div class="fl wh-no w100">
                                <span>Language level:</span>
                                <input type="text" :disabled="practicalWriting[1].isComplete"
                                    v-model="practicalWriting[1].value[8].userAnswer"
                                    v-model="practicalWriting[1].value[11].userAnswer"
                                    class="input-bottom-border input-bc-t" @input="saveListenThree">
                            </div>
                            <div>
                                <div>Volunteering experience</div>
                                <textarea name="" id="" cols="30" rows="10"
                                    v-model="practicalWriting[1].value[9].userAnswer" class="w100"></textarea>
                                    v-model="practicalWriting[1].value[12].userAnswer" class="w100"></textarea>
                            </div>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer">
@@ -3605,139 +3699,75 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/3-3、MODULE 3(lesson three ï¼‰_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
@@ -3769,6 +3799,8 @@
    },
    data() {
        return {
            correctIcon: require('@/assets/images/correct.svg'),
            errorIcon: require('@/assets/images/error.svg'),
            imgThirteen: require("../../assets/images/grammar3-1.png"),
            imgThirteenOne: require("../../assets/images/grammar3-1.png"),
            showAnswerOne: false,
@@ -4450,27 +4482,27 @@
                    ]
                },
                {
                    type:'shortAnswer',
                    value:[
                    type: 'shortAnswer',
                    value: [
                        {
                            userAnswer:'',
                            answer:[
                            userAnswer: '',
                            answer: [
                                'China Rural Doctors Program',
                                'China Foundation for Rural Development',
                                'Shanghai Oasis Green Food Bank',
                                '钱七虎(Qian Qihu)'
                            ],
                            isShowAnswer:false,
                            isShowAnswer: false,
                        },
                        {
                            userAnswer:'',
                            answer:[
                            userAnswer: '',
                            answer: [
                                'China Rural Doctors Program helps to improve the medical treatment levels of the rural doctors so that people in the rural areas can receive more proper treatments when getting ill.',
                                'Over the eight years of battle against poverty, China Foundation for Rural Development has raised RMB 5.199 billion of funds and materials in total and benefited 35.3776 million person-times.',
                                'Since 2014, Oasis Food Bank has helped 234 food manufacturers save over 755 tons of food that would have been wasted. 285 non-profit organizations, communities, and schools have become authorized distribution points. Over 80,000 volunteers have participated in sorting and distributing surplus food for people in need.',
                                'Qian has spent over 60 years studying protection engineering, helping China to build an indestructible â€œUnderground Steel Great Wall.” He proposed and realized the defensive requirements in the construction of subways across the country. Not only defensive infrastructure, but also many national projects that already play a key part in Chinese people’s life have links to his work, including the Nanjing Yangtze River Tunnel, the Hong Kong-Zhuhai-Macao Bridge, and the giant South-to-North Water Transfer Project. And his generosity has helped a lot of children in need.',
                            ],
                            isShowAnswer:false,
                            isShowAnswer: false,
                        },
                    ]
                }
@@ -5147,6 +5179,47 @@
                    ]
                },
            ],
            selectData: [
                {
                    type: 'select',
                    isComplete: false,
                    isShowAnswer: false,
                    option: [
                        "a",
                        "b",
                        "c",
                        "d",
                    ],
                    value: [
                        {
                            userAnswer: "",
                            answer: "b",
                            isRight: null
                        },
                        {
                            userAnswer: "",
                            answer: "d",
                            isRight: null
                        },
                        {
                            userAnswer: "",
                            answer: "a",
                            isRight: null
                        },
                        {
                            userAnswer: "",
                            answer: "c",
                            isRight: null
                        },
                    ]
                }
            ]
        };
    },
    mounted() {
@@ -5173,6 +5246,8 @@
        if (listenThree) this.listenThree = JSON.parse(listenThree)
        const practicalWriting = localStorage.getItem('english-chapter03-practicalWriting')
        if (practicalWriting) this.practicalWriting = JSON.parse(practicalWriting)
        const selectData = localStorage.getItem('english-chapter03-selectData')
        if (selectData) this.selectData = JSON.parse(selectData)
        this.getPath();
@@ -5369,7 +5444,6 @@
                item.isComplete = true
                item.isShowAnswer = true
            }
            console.log('提价', this.listenOne)
            this.saveListenOneData()
        },
        // ä¿å­˜
@@ -5391,6 +5465,7 @@
                item.value = ''
                item.isRight = null
                item.isComplete = false
                item.isShowAnswer = false
            }
        },
        // åªéœ€è¦ä¿å­˜çš„题目数据
@@ -5425,7 +5500,7 @@
        viewwordsOne() {
            for (let index = 0; index < this.wordsOne.length; index++) {
                const item = this.wordsOne[index];
                item.isShowAnswer = true
                item.isShowAnswer = !item.isShowAnswer
            }
        },
        handelwordsOne() {
@@ -5438,6 +5513,7 @@
                    citem.isRight = citem.userAnswer == citem.answer
                }
            }
            this.savewordsOne();
        },
        saveminiTable() {
            console.log(1);
@@ -5582,8 +5658,34 @@
                item.isShowAnswer = !item.isShowAnswer
            }
        },
        showNoSubmitAnswer(index,num) {
            this.$set(this.noSubmitData[index].value[num],'isShowAnswer',!this.noSubmitData[index].value[num].isShowAnswer)
        showNoSubmitAnswer(index, num) {
            this.$set(this.noSubmitData[index].value[num], 'isShowAnswer', !this.noSubmitData[index].value[num].isShowAnswer)
        },
        saveSelectData() {
            localStorage.setItem('english-chapter03-selectData', JSON.stringify(this.selectData))
        },
        handleSelectData() {
            for (let index = 0; index < this.selectData.length; index++) {
                const item = this.selectData[index];
                item.isComplete = true
                if (item.type == 'select') {
                    for (let cindex = 0; cindex < item.value.length; cindex++) {
                        const citem = item.value[cindex];
                        if (citem.userAnswer == "") {
                            return
                        } else {
                            citem.isRight = citem.userAnswer == citem.answer
                            this.saveSelectData()
                        }
                    }
                }
            }
        },
        viewSelectData() {
            for (let index = 0; index < this.selectData.length; index++) {
                const item = this.selectData[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        },
    },
};
src/books/English/view/components/chapter004.vue
Diff too large
src/books/English/view/components/chapter005.vue
@@ -678,10 +678,10 @@
                                v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
                        <p>2.Which city in the U.S.has set a goal to be zero-waste by 2050?</p>
                        <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
                                v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
                                v-model="questionDataOne.rp.two" @change="setQuestionDataOne" /></p>
                        <p>3.Who should lead the campaign against plastic pollution?</p>
                        <p><input :disabled="questionDataOne.isComplete" type="text" class="input-bottom-border w80"
                                v-model="questionDataOne.rp.one" @change="setQuestionDataOne" /></p>
                                v-model="questionDataOne.rp.three" @change="setQuestionDataOne" /></p>
                        <div class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="showAnswerReading">
                            <p class="table-p tl-lf">答案</p>
@@ -1506,137 +1506,112 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_17.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_18.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_19.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_20.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_21.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/5-1、MODULE 5(lesson one)_22.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -1684,7 +1659,7 @@
                                    <p>
                                        <span v-for="(citem, cindex) in choiceData[0].option " :key="cindex">
                                            <input type="radio" :name="item.stem" :value="citem.value"
                                                v-model="item.userAnswer" />
                                                v-model="item.userAnswer" @change="saveChoiceData" />
                                            {{ citem.value }}.{{ citem.label }}
                                        </span>
                                    </p>
@@ -1841,12 +1816,12 @@
                        </p>
                        <p>Just this summer,a group of researchers in the UK published a study comparing the carbon
                            footprints connected with different diets:meat-eaters,fish-eaters,and
                            <span class="word-bc" >vegans</span>
                            <span class="word-bc" word="vegan">vegans</span>
                            .It turns out
                            that
                            <span class="word-bc" >eliminat</span>
                            ing meat from your diet can reduce your carbon
                            <span class="word-bc">emissions</span>
                            <span class="word-bc" word="eliminate">eliminating</span>
                             meat from your diet can reduce your carbon
                            <span class="word-bc" word="emission">emissions</span>
                            by half.A vegan diet
                            was connected with the least amount of greenhouse gas emissions—99 percent to 102 percent
                            less than meateaters—but even switching from meat to fish can reduce your dietary emissions
@@ -1854,7 +1829,7 @@
                        </p>
                        <p>Before learning about this study,I never thought about how my diet impacted anyone but
                            myself.I always
                            <span class="word-bc">figured</span>
                            <span class="word-bc" word="figure">figured</span>
                            that what I put into my body was a personal decision,but it’s a
                            public concern.
                        </p>
@@ -2170,6 +2145,13 @@
                                </p>
                            </div>
                        </div>
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="showAnswerReadingOne">
                            ç­”案: 1.Driving to work in cars
                            &nbsp; 2.Eating much meat
                            &nbsp; 3.Eating imported fruits
                            &nbsp;
                        </p>
                        <p>B.Decide whether the following statements are true (T) or false (F).</p>
                        <p>(<select class="select-border" :disabled="questionDataTwo.isComplete"
                                v-model="questionDataTwo.dt.one.value" style="width: 8%">
@@ -2285,6 +2267,10 @@
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                        </p>
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="showAnswerReadingOne">
                            ç­”案: 1.F &nbsp; 2.T &nbsp; 3.F &nbsp; 4.F &nbsp; 5.T &nbsp;
                        </p>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Replace the words or expression,in italics with the exact words in the passage and change
@@ -2420,6 +2406,10 @@
                                </svg>
                            </span>
                        </p>
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="showAnswerReadingOne">
                            ç­”案: 1.crisp &nbsp; 2.survive &nbsp; 3.eliminate &nbsp; 4.Emission &nbsp; 5.figured &nbsp;
                        </p>
                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
                        <div class="bk-wh">
                            <p>carbon footprint big time turn out reflect on reach for</p>
@@ -2554,6 +2544,10 @@
                                </svg>
                            </span>
                        </p>
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="showAnswerReadingOne">
                            ç­”案: 1.reflect on &nbsp; 2.big time &nbsp; 3.reached for &nbsp; 4.carbon footprint &nbsp; 5.turns out &nbsp;
                        </p>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -2611,6 +2605,13 @@
                        <p>She switched off all the lights after each class.</p>
                        <p><input :disabled="questionDataTwo.isComplete" type="text" class="input-bottom-border w80"
                                v-model="questionDataTwo.rf.five" @change="setQuestionDataTwo" /></p>
                        <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%"
                            v-if="showAnswerReadingOne">
                            ç­”案: 1.We work hard to make a better life. &nbsp; 2.I’m sorry to send the urgent email to a wrong person. &nbsp;
                                  3.I was shocked to hear the news that temperatures at North Pole were more than 50°F warmer than average. &nbsp;
                                  4.It was warm-hearted of the 70-year-old grandma to clean 52 beaches in one year. &nbsp;
                                  5.It was environmentally conscious of Miss Li to switch off all the lights after each class. &nbsp;
                        </p>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ar w80">
                                <li>
@@ -2624,7 +2625,7 @@
                                    </button>
                                </li>
                                <li>
                                    <button class="parimary-btn">
                                    <button @click="showAnswerReadingOne = !showAnswerReadingOne" class="parimary-btn">
                                        æŸ¥çœ‹ç­”案
                                    </button>
                                </li>
@@ -2779,137 +2780,107 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_17.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_18.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_19.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_20.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/5-2、MODULE 5(lesson two)_21.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -2971,7 +2942,7 @@
                                <td>
                                    I've seen all kinds of l.<input :disabled="questionDataThree.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="questionDataThree.eo.one" @change="setQuestionDataTwo" />
                                        v-model="questionDataThree.eo.one" @change="setQuestionDataThree" />
                                    <span>
                                        <svg v-if="
                                            questionDataThree.isComplete &&
@@ -2995,7 +2966,7 @@
                                        </svg>
                                    </span>,bugs and 2.<input :disabled="questionDataThree.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="questionDataThree.eo.two" @change="setQuestionDataTwo" />
                                        v-model="questionDataThree.eo.two" @change="setQuestionDataThree" />
                                    <span>
                                        <svg v-if="
                                            questionDataThree.isComplete &&
@@ -3030,7 +3001,7 @@
                                    They changed wolves into dogs, rivers into lakes, and us into 3.<input
                                        :disabled="questionDataThree.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="questionDataThree.eo.three" @change="setQuestionDataTwo" />
                                        v-model="questionDataThree.eo.three" @change="setQuestionDataThree" />
                                    <span>
                                        <svg v-if="
                                            questionDataThree.isComplete &&
@@ -3055,7 +3026,7 @@
                                    </span>
                                    They started using the 4.<input :disabled="questionDataThree.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="questionDataThree.eo.four" @change="setQuestionDataTwo" />
                                        v-model="questionDataThree.eo.four" @change="setQuestionDataThree" />
                                    <span>
                                        <svg v-if="
                                            questionDataThree.isComplete &&
@@ -3090,7 +3061,7 @@
                                    I don't know, If they don't figure put that they're part of 5.<input
                                        :disabled="questionDataThree.isComplete" type="text"
                                        class="input-bottom-border input-bc-t" style="width: 60px"
                                        v-model="questionDataThree.eo.five" @change="setQuestionDataTwo" />
                                        v-model="questionDataThree.eo.five" @change="setQuestionDataThree" />
                                    <span>
                                        <svg v-if="
                                            questionDataThree.isComplete &&
@@ -3131,7 +3102,7 @@
                                <p class="table-p center">James</p>
                                <div class="fl">
                                    <select class="select-border w80" :disabled="questionDataThree.isComplete"
                                        v-model="questionDataThree.tp.one.value">
                                        v-model="questionDataThree.tp.one.value" @change="setQuestionDataThree">
                                        <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
                                            :value="item">
                                            {{ item }}
@@ -3162,7 +3133,7 @@
                                <p class="table-p center">Amy</p>
                                <div class="fl">
                                    <select class="select-border w80" :disabled="questionDataThree.isComplete"
                                        v-model="questionDataThree.tp.two.value">
                                        v-model="questionDataThree.tp.two.value" @change="setQuestionDataThree">
                                        <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
                                            :value="item">
                                            {{ item }}
@@ -3193,7 +3164,7 @@
                                <p class="table-p center">Tim</p>
                                <div class="fl">
                                    <select class="select-border w80" :disabled="questionDataThree.isComplete"
                                        v-model="questionDataThree.tp.three.value">
                                        v-model="questionDataThree.tp.three.value" @change="setQuestionDataThree">
                                        <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
                                            :value="item">
                                            {{ item }}
@@ -3224,7 +3195,7 @@
                                <p class="table-p center">James</p>
                                <div class="fl">
                                    <select class="select-border w80" :disabled="questionDataThree.isComplete"
                                        v-model="questionDataThree.tp.four.value">
                                        v-model="questionDataThree.tp.four.value" @change="setQuestionDataThree">
                                        <option v-for="(item, index) in questionDataThree.tp.tpList" :key="index"
                                            :value="item">
                                            {{ item }}
@@ -3833,137 +3804,87 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/5-3、MODULE 5(lesson three)_17.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -4008,7 +3929,7 @@
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                <div class="preface-bottom" style="margin-top: 60%">
                    <span class="contet-num-box">96</span>
                </div>
            </div>
@@ -4043,6 +3964,7 @@
            showAnswerEleven: false,
            showAnswerTwelve: false,
            showAnswerReading: false,
            showAnswerReadingOne: false,
            showImg: false,
            showImgOne: false,
            showQuestionAnswer: false,
@@ -4681,7 +4603,7 @@
        if (testData) {
            this.testData = JSON.parse(testData);
        }
        const bookQuestion = localStorage.getItem("english-book-question-one");
        const bookQuestion = localStorage.getItem("english-book-chapter05-question-one");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
@@ -4712,6 +4634,11 @@
            this.questionDataFour = JSON.parse(questionDataFour);
        }
        const choiceData = localStorage.getItem('english-chapter05-choiceData')
        if (choiceData) {
            this.choiceData = JSON.parse(choiceData);
        }
        this.getPath();
    },
    methods: {
@@ -4719,9 +4646,8 @@
            localStorage.setItem("english-testOne", JSON.stringify(this.testData));
        },
        setBookQuestion() {
            console.log("保存");
            localStorage.setItem(
                "english-book-question-one",
                "english-book-chapter05-question-one",
                JSON.stringify(this.questionData)
            );
        },
@@ -4868,7 +4794,6 @@
        },
        saveDataTwo() {
            const savaDataTwos = this.questionDataTwo;
            console.log(savaDataTwos, 123);
            for (let key in savaDataTwos) {
                let item = savaDataTwos[key]
                if (key != "isComplete" && key != "check" && key != "rw" && key != "fb" && key != "rf") {
@@ -4883,6 +4808,7 @@
            this.questionDataTwo = savaDataTwos;
            this.$set(this.questionDataTwo, "isComplete", true);
            this.setQuestionDataTwo();
            this.showAnswerReadingOne = true;
        },
        changeQuestionDataTwo() {
            localStorage.removeItem("english-chapter05-questionDataTwo");
@@ -4907,9 +4833,9 @@
                    item.value = [];
                }
            }
            console.log(savaDataTwos, 1433233)
            this.questionDataTwo = savaDataTwos;
            this.$set(this.questionDataTwo, "isComplete", false);
            this.showAnswerReadingOne = false;
        },
        handleChoiceData() {
            for (let index = 0; index < this.choiceData.length; index++) {
@@ -4923,6 +4849,7 @@
                        item.userScore += data.score
                }
            }
            this.saveChoiceData();
        },
        changeChoiceData() {
            for (let index = 0; index < this.choiceData.length; index++) {
@@ -4935,6 +4862,10 @@
                    citem.userAnswer = "";
                }
            }
            localStorage.removeItem('english-chapter05-choiceData')
        },
        saveChoiceData(){
            localStorage.setItem('english-chapter05-choiceData', JSON.stringify(this.choiceData))
        },
        handleQuestionDataThree() {
            const questionDataThrees = this.questionDataThree;
src/books/English/view/components/chapter006.vue
Diff too large
src/books/English/view/components/chapter007.vue
@@ -295,13 +295,55 @@
                                class="audio"></audio>
                        </h3>
                        <p><b>Listen to the monologue about workplace success and fill in the blanks with what you
                                hear.</b></p>
                        <p>Do you want to succeed in the workplace? Try your best for_____in everything you
                            do.Excellence means to be the best in_____you do.Giving your 100% every time will help you
                            achieve that excellence in no time at all.Put all your_____in whatever you do and achieve
                            the best results.Care about the_____of your work and be willing to put in extra effort when
                            necessary.You will get more_____to grow as an individual and make great progress within
                            yourcareer.People with strong work ethic always a_______lot in return.</p>
                                hear.</b>
                                <span class="btn-box" @click="viewReadingOne">
                                <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>Do you want to succeed in the workplace? Try your best for
                            <input  type="text"
                                class="input-bottom-border" style="width: 100px"
                                v-model="readingOne[0].value[0].userAnswer" @blur="handleReadingOne" />
                                <img :src="readingOne[0].value[0].isRight ? correctIcon : errorIcon"
                                v-if="readingOne[0].value[0].isRight == false || readingOne[0].value[0].isRight == true">
                            in everything you
                            do.Excellence means to be the best in<input  type="text"
                                class="input-bottom-border" style="width: 100px"
                                v-model="readingOne[0].value[1].userAnswer" @blur="handleReadingOne" />
                                <img :src="readingOne[0].value[1].isRight ? correctIcon : errorIcon"
                                v-if="readingOne[0].value[1].isRight == false || readingOne[0].value[1].isRight == true">
                                you do.Giving your 100% every time will help you
                            achieve that excellence in no time at all.Put all your<input  type="text"
                                class="input-bottom-border" style="width: 100px"
                                v-model="readingOne[0].value[2].userAnswer" @blur="handleReadingOne" />
                                <img :src="readingOne[0].value[2].isRight ? correctIcon : errorIcon"
                                v-if="readingOne[0].value[2].isRight == false || readingOne[0].value[2].isRight == true">in whatever you do and achieve
                            the best results.Care about the<input  type="text"
                                class="input-bottom-border" style="width: 100px"
                                v-model="readingOne[0].value[3].userAnswer" @blur="handleReadingOne" />
                                <img :src="readingOne[0].value[3].isRight ? correctIcon : errorIcon"
                                v-if="readingOne[0].value[3].isRight == false || readingOne[0].value[3].isRight == true">of your work and be willing to put in extra effort when
                            necessary.You will get more<input  type="text"
                                class="input-bottom-border" style="width: 100px"
                                v-model="readingOne[0].value[4].userAnswer" @blur="handleReadingOne" />
                                <img :src="readingOne[0].value[4].isRight ? correctIcon : errorIcon"
                                v-if="readingOne[0].value[4].isRight == false || readingOne[0].value[4].isRight == true">to grow as an individual and make great progress within
                            yourcareer.People with strong work ethic always a<input  type="text"
                                class="input-bottom-border" style="width: 100px"
                                v-model="readingOne[0].value[5].userAnswer" @blur="handleReadingOne" />
                                <img :src="readingOne[0].value[5].isRight ? correctIcon : errorIcon"
                                v-if="readingOne[0].value[5].isRight == false || readingOne[0].value[5].isRight == true">lot in return.</p>
                            <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[0].isShowAnswer">
                            <span>答案:</span>
                            <p v-for="(item, index) in readingOne[0].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
@@ -366,13 +408,13 @@
                        </p>
                        <p class="center"><b>Lineman Wang Jin</b></p>
                        <p class="center"><audio :src="resource.readingOne" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                ></audio></p>
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px"
                                class="audio"></audio></p>
                        <p>Working on high-
                            <span class="word-bc" >voltage</span>
                            <span class="word-bc">voltage</span>
                            power lines is considered by many as a high-risk job.But for some
                            people it’s a daily
                            <span class="word-bc" >routine</span>
                            <span class="word-bc">routine</span>
                            .
                        </p>
                        <p>Standing on towers over 100 meters high and working on ultra-high-voltage (UHV) lines,Wang
@@ -380,7 +422,7 @@
                            company.</p>
                        <p>Wang still clearly remembered the first time he touched the power line.“I was really scared
                            because at the moment of
                            <span class="word-bc" >contact</span>
                            <span class="word-bc">contact</span>
                            ...500 000 volts of
                            <span class="word-bc">electricity</span>
                            hit the gloves,” recalled
@@ -390,9 +432,9 @@
                            remote areas.</p>
                        <p>Summer in east China’s Shandong Province can be hot and dry.The steel tower is also
                            hot.Wearing
                            <span class="word-bc" >protective</span>
                            <span class="word-bc">protective</span>
                            clothes in such weather,Wang felt
                            <span class="word-bc" >dizzy</span>
                            <span class="word-bc">dizzy</span>
                            even before he started the
                            shift.
                        </p>
@@ -405,25 +447,25 @@
                        <p>China’s UHV power network continues to expand,so Wang and his colleagues have set up an
                            innovation center to address new challenges.</p>
                        <p>They have introduced more technologies including the use of drones for line
                            <span class="word-bc" >inspection</span>
                            <span class="word-bc">inspection</span>
                            and
                            <span class="word-bc" >maintenance</span>
                            <span class="word-bc">maintenance</span>
                            .They have 240 drones and 80 operators,and they want to create an
                            unmanned,\
                            <span class="word-bc" >digital</span>
                            <span class="word-bc">digital</span>
                            and
                            <span class="word-bc" >intelligent</span>
                            <span class="word-bc">intelligent</span>
                            line inspection system.
                        </p>
                        <p>Wang is now a father of two.His family gave him the biggest support.His
                            <span class="word-bc" >dedication</span>
                            <span class="word-bc">dedication</span>
                            has made
                            him a role model for young people.Wang Innovation Studio now has nearly 100 members,who have
                            <span class="word-bc" >achieved</span>
                            <span class="word-bc" word="achieve">achieved</span>
                            achieved more than 30 technological innovations.
                        </p>
                        <p>By the end of 2020,a total of 35 UHV projects had been completed or were under
                            <span class="word-bc" >construction</span>
                            <span class="word-bc">construction</span>
                            in China.Their total length is 48 000 kilometers.China’s electricity network has the highest
                            voltage and the biggest transmission
                            <span class="word-bc">capacity</span>
@@ -866,22 +908,16 @@
                        <p class="left"><img class="img-gn" alt="" src="../../assets/images/dy1-wordbank.jpg" /></p>
                        <div class="bk-wh">
                            <p class="dl-box">
                                <span class="word-bc mr-20 dl-span"
                                    >strong-willed</span>
                                <span class="word-bc mr-20 dl-span"
                                    >motivated</span>
                                <span class="word-bc mr-20 dl-span">strong-willed</span>
                                <span class="word-bc mr-20 dl-span" word="motivate">motivated</span>
                                <span class="word-bc mr-20 dl-span">active</span>
                                <span class="word-bc mr-20 dl-span"
                                    >cooperative</span>
                                <span class="word-bc mr-20 dl-span"
                                    >stressful</span>
                                <span class="word-bc mr-20 dl-span"
                                    >disciplined</span>
                                <span class="word-bc mr-20 dl-span" >risky</span>
                                <span class="word-bc mr-20 dl-span" >helpful</span>
                                <span class="word-bc mr-20 dl-span" >dutiful</span>
                                <span class="word-bc mr-20 dl-span"
                                >enthusiastic</span>
                                <span class="word-bc mr-20 dl-span">cooperative</span>
                                <span class="word-bc mr-20 dl-span">stressful</span>
                                <span class="word-bc mr-20 dl-span" word="discipline">disciplined</span>
                                <span class="word-bc mr-20 dl-span">risky</span>
                                <span class="word-bc mr-20 dl-span">helpful</span>
                                <span class="word-bc mr-20 dl-span">dutiful</span>
                                <span class="word-bc mr-20 dl-span">enthusiastic</span>
                            </p>
                        </div>
                        <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%">
@@ -890,137 +926,112 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_17.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_18.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_19.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_20.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_21.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/7-1、MODULE 7(lesson one)_22.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -1219,18 +1230,19 @@
                        </p>
                        <p class="center"><b>Work Ethic in the Workplace</b></p>
                        <p class="center"> <audio :src="resource.readingThree" controls
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px" class="audio"
                                ></audio></p>
                        <p>Work ethic is a set of standards of behavior and beliefs
                            <span class="word-bc" word="regard" >regarding</span>
                             what is and isn’t
                                controlslist="noplaybackrate nodownload" style="margin-left: 10px"
                                class="audio"></audio></p>
                        <p>Work ethic is a set of standards of behavior and beliefs
                            <span class="word-bc" word="regard">regarding</span>
                            what is and isn’t
                            acceptable to do at work,which can be strong (good) or poor (bad).It depends on personal
                            views of employees,their motivation,and overall company culture.</p>
                            views of employees,their motivation,and overall company culture.
                        </p>
                        <p>Next,we’ll review some common examples of both strong and poor work ethic.</p>
                        <p><b>Example</b> 1</p>
                        <p>Angela’s director asked her to sort out data about the patients and
                            <span class="word-bc" >insurance</span>
                            .Unfortunately,Angela isn’t very familiar with processing certain insurance
                            <span class="word-bc">insurance</span>
                            .Unfortunately,Angela isn’t very familiar with processing certain insurance
                            <span class="word-bc" word="claim">claims</span>
                            .
                        </p>
@@ -1239,19 +1251,20 @@
                        <p>In the process,she expands her skills to make sure she meets her goals.</p>
                        <p><b>Example</b> 2</p>
                        <p>Jim’s director asked him to review the financial reports from last quarter to look for
                            <span class="word-bc" word="purchas" >purchases</span>
                             from one guest.The director gave him this task about a month ago and asked him to
                            complete it within a few weeks.</p>
                            <span class="word-bc" word="purchas">purchases</span>
                            from one guest.The director gave him this task about a month ago and asked him to
                            complete it within a few weeks.
                        </p>
                        <p>Now,a month has passed,but Jim still hasn’t reviewed any of the reports.Rather than starting
                            early,he leaves it to the last minute and turns in an incomplete report.</p>
                        <p><b>Example</b> 3</p>
                        <p>Sheila is sometimes
                            <span class="word-bc" word="bother" >bothered</span>
                             by the tasks assigned by her director.However,she never
                            <span class="word-bc" word="address" >addresses</span>
                            her
                            <span class="word-bc" word="complaint" >complaints</span>
                             to the director.Instead,she complains to her coworkers,friends,and
                        <p>Sheila is sometimes
                            <span class="word-bc" word="bother">bothered</span>
                            by the tasks assigned by her director.However,she never
                            <span class="word-bc" word="address">addresses</span>
                            her
                            <span class="word-bc" word="complaint">complaints</span>
                            to the director.Instead,she complains to her coworkers,friends,and
                        </p>
                    </div>
                </div>
@@ -1283,10 +1296,11 @@
                            for half an hour or even longer.</p>
                        <p>Instead of trying hard to change the current situation,he makes various excuses for being
                            late.</p>
                        <p>His
                            <span class="word-bc" >constant</span>
                             delay shows a lack of respect for his job and coworkers.His coworkers think of
                            him as being unreliable and irresponsible as a result.</p>
                        <p>His
                            <span class="word-bc">constant</span>
                            delay shows a lack of respect for his job and coworkers.His coworkers think of
                            him as being unreliable and irresponsible as a result.
                        </p>
                        <p>The above examples represent a set of working attitudes that regulate employees’ behavior at
                            work.And what can you do to develop strong work ethic?</p>
                        <p class="fl al-cn mt-40">
@@ -1693,137 +1707,77 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/7-2、MODULE 7(lesson two)_15.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -1841,8 +1795,8 @@
                        </h3>
                        <p><b>Ⅰ.Jeff rarely showed up at the office on time.Listen to the recording and mark his excuses
                                for being late.</b></p>
                                <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload"
                            class="audio"></audio>
                        <ul class="fl">
                            <li class="w50">
                                <p v-for="(item, index) in this.questionDataThree[0].option.slice(0, 4)"
@@ -1851,7 +1805,7 @@
                                        v-model="questionDataThree[0].userAnswer"
                                        :disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
                                    {{ item }}
                                    <img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
                                    <img :src="isShowRight(questionDataThree[0].answer, questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
                                        v-if="questionDataThree[0].isComplete">
                                </p>
                            </li>
@@ -1862,15 +1816,21 @@
                                        v-model="questionDataThree[0].userAnswer"
                                        :disabled="questionDataThree[0].isComplete" @change="setQuestionDataThree">
                                    {{ item }}
                                    <img :src="isShowRight(questionDataThree[0].answer,questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
                                    <img :src="isShowRight(questionDataThree[0].answer, questionDataThree[0].userAnswer, item) ? correctIcon : errorIcon"
                                        v-if="questionDataThree[0].isComplete">
                                </p>
                            </li>
                        </ul>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataThree[0].isShowAnswer">
                            <span>答案:</span>
                            <span class="mr-20" v-for="(item, index) in questionDataThree[0].answer" :key="index">
                                {{ index + 1 }}.{{ item }}
                            </span>
                        </div>
                        <p><b>Ⅱ.Susan,HR director,is now talking with Jenny about Jeff’s problems.Listen to the
                                conversation and fill in the blanks with what you hear.</b></p>
                                <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
                                class="audio"></audio>
                        <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload"
                            class="audio"></audio>
                        <p>Susan:Have you noticed Jeff has been late many times?</p>
                        <p>Jenny:Yes,I want to have a talk with you about this.</p>
                        <p>Susan: From our punch records,I find that Jeff was late 7 times.Does his director Jim know
@@ -1935,6 +1895,12 @@
                        </p>
                        <p>Jenny: OK.I will talk with Jeff this afternoon.I hope he won’t make the same mistake again in
                            the future.</p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="questionDataThree[1].isShowAnswer">
                            <span>答案:</span>
                            <span class="mr-20" v-for="(item, index) in questionDataThree[1].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ar w80">
                                <li>
@@ -2075,65 +2041,71 @@
                        <div class="bk-13">
                            <p>Dear Jeff Bell,</p>
                            <p class="tl-lf">Your HR department has been informed by your director that
                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[0].userAnswer"
                                    @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[0].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">
                                    v-if="warmUpOne[0].isComplete">
                                do not comply with Tech
                                Market Technology Company’s policies:
                            </p>
                            <p>· Infraction 1:Being late for January 4th,13th,16th,17th,24th and 25th.</p>
                            <p>     <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                            <p> <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[1].userAnswer"
                                    @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[1].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">on January 17th,2023.</p>
                            <p class="tl-lf">The following consequences,
                                 <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                                    v-if="warmUpOne[0].isComplete">on January 17th,2023.
                            </p>
                            <p class="tl-lf">The following consequences,
                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[2].userAnswer"
                                    @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[2].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate improvement
                                or cease violation of company policies:</p>
                                    v-if="warmUpOne[0].isComplete">,will be applied,should you not demonstrate
                                improvement
                                or cease violation of company policies:
                            </p>
                            <p>1.Second warning notice issued</p>
                            <p>2. <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                            <p>2. <select class="select-border select-bc-t w80"
                                    v-model="warmUpOne[0].value[3].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[3].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete"></p>
                                    v-if="warmUpOne[0].isComplete">
                            </p>
                            <p>3.Third and final warning notice followed by an in-person meeting</p>
                            <p>4.Termination of employment</p>
                            <p class="tl-lf">We will do whatever to
                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer" @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index"
                                        :value="item">
                            <p class="tl-lf">We will do whatever to
                                <select class="select-border select-bc-t w80" v-model="warmUpOne[0].value[4].userAnswer"
                                    @change="setWarmUpOne">
                                    <option v-for="(item, index) in warmUpOne[0].option" :key="index" :value="item">
                                        {{ item }}
                                    </option>
                                </select>
                                <img :src="warmUpOne[0].value[4].isRight ? correctIcon : errorIcon"
                                v-if="warmUpOne[0].isComplete">.</p>
                                    v-if="warmUpOne[0].isComplete">.
                            </p>
                            <p>Supervisor’s signature:Jim Marche</p>
                            <p>Date:1/31/23</p>
                        </div>
                        <div class="event-header-text-bc pd-5" style="width: 90%" v-if="warmUpOne[0].isShowAnswer">
                            <div>
                                <p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value" :key="'warmUpOne'+index" >
                                      {{index+1}}.{{item.answer}}
                                <p class="event-header-text-bc pd-5" v-for="(item, index) in warmUpOne[0].value"
                                    :key="'warmUpOne' + index">
                                    {{ index + 1 }}.{{ item.answer }}
                                </p>
                            </div>
                            </div>
                        </div>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ar w80">
@@ -2506,139 +2478,100 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_17.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_18.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                                <img src="../../assets/images/ppt/7-3、MODULE 7(lesson three)_19.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
@@ -2995,6 +2928,44 @@
            },
            readingOne:[
                {
                    type: "fill",
                    isShowAnswer: false,
                    value: [
                        {
                            answer: 'excellence',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'whatever',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'focus',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'quality',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'opportunities',
                            userAnswer: '',
                            isRight: null
                        },
                        {
                            answer: 'benefit',
                            userAnswer: '',
                            isRight: null
                        },
                    ]
                },
            ],
            questionDataOne: [
                {
                    type: "fill",
@@ -3469,6 +3440,7 @@
                    ]
                }
            ],
        };
    },
    mounted() {
@@ -3509,6 +3481,12 @@
        if (questionDataThree) {
            this.questionDataThree = JSON.parse(questionDataThree);
        }
        const readingOne = localStorage.getItem("english-chapter07-readingOne");
        if (readingOne) {
            this.readingOne = JSON.parse(readingOne);
        }
        this.getPath();
    },
    methods: {
@@ -3859,7 +3837,6 @@
                    }
                }
            }
            console.log(this.questionDataThree, 111);
        },
        setQuestionDataThree() {
            localStorage.setItem(
@@ -3890,6 +3867,30 @@
                item.isShowAnswer = !item.isShowAnswer
            }
        },
        saveReadingOne() {
            localStorage.setItem('english-chapter07-readingOne', JSON.stringify(this.readingOne))
        },
        handleReadingOne(){
            for (let index = 0; index < this.readingOne.length; index++) {
                const item = this.readingOne[index];
                for (let cindex = 0; cindex < item.value.length; cindex++) {
                    const citem = item.value[cindex];
                    if(citem.userAnswer != ""){
                        citem.isRight = citem.answer == citem.userAnswer
                    }else{
                        citem.isRight=null
                    }
                }
            }
            this.saveReadingOne()
        },
        viewReadingOne(){
            for (let index = 0; index < this.readingOne.length; index++) {
                const item = this.readingOne[index];
                item.isShowAnswer = !item.isShowAnswer
            }
        },
    },
};
</script>
src/books/English/view/components/chapter008.vue
@@ -52,7 +52,7 @@
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-2.jpg" alt="" style="width: 98%" />
                                            <img src="../../assets/images/0146-2.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            2.
@@ -70,7 +70,7 @@
                                <div class="left" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-3.jpg" alt="" style="width: 98%" />
                                            <img src="../../assets/images/0146-3.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            3.
@@ -86,7 +86,7 @@
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-4.jpg" alt="" style="width: 94%" />
                                            <img src="../../assets/images/0146-4.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            4.
@@ -121,7 +121,7 @@
                                <div class="right" style="width: 48%">
                                    <div>
                                        <p class="center">
                                            <img src="../../assets/images/0146-6.jpg" alt="" style="width: 98%" />
                                            <img src="../../assets/images/0146-6.jpg" alt="" class="w100" />
                                        </p>
                                        <p class="center">
                                            6.
@@ -348,7 +348,7 @@
                <div class="padding-93">
                    <div class="bodystyle">
                        <p>So,I
                            <span class="word-bc" >inquired</span>
                            <span class="word-bc" word="inquire" >inquired</span>
                            as to who could give me work around town.I lived in the town of Woodway,which
                            had enough people,especially
                            <span class="word-bc">elderly</span>
@@ -368,7 +368,7 @@
                            pull out weeds one by one in her front yard and backyard.After this
                            <span class="word-bc" >tedious</span>
                            task,I
                            <span class="word-bc" >mowed</span>
                            <span class="word-bc" word="mow">mowed</span>
                            her
                            <span class="word-bc" >lawn</span>
                            â€”front and back.That was it for my first day,and it took me about two hours.I asked her
@@ -1007,9 +1007,9 @@
                                <span class="word-bc mr-20 dl-span"
                                    >repetitive</span>
                                <span class="word-bc mr-20 dl-span" >risky</span>
                                <span class="word-bc mr-20 dl-span"
                                <span class="word-bc mr-20 dl-span" word="satisfy"
                                   >satisfying</span>
                                <span class="word-bc mr-20 dl-span"
                                <span class="word-bc mr-20 dl-span" word="stimulate"
                                    >stimulating</span>
                                <span class="word-bc mr-20 dl-span"
                                    >stressful</span>
@@ -1026,137 +1026,137 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_17.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_18.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_19.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_20.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_21.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_22.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_23.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_24.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_25.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_26.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/8-1、MODULE 8(lesson one)_27.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -1196,7 +1196,7 @@
                                yourself.Work with your partner and figure out what the pictures in the following road
                                maps possibly mean,and then choose the proper expressions to fill in the blanks.
                            </b>
                            <span class="btn-box" @click="showDropTwo(0,0)">
                            <span class="btn-box" @click="showDropTwo(0)">
                                <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"
@@ -1227,6 +1227,12 @@
                                </div>
                            </li>
                        </ul>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer">
                            <span>答案:</span>
                            <span class="mr-20" v-for="(item, index) in dropTwo[0].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <!-- <p class="center">
                            <img class="img-a" alt="" src="../../assets/images/0153-1.jpg" />
                        </p> -->
@@ -1284,7 +1290,12 @@
                                <img :src="dropTwo[1].value[2].isRight ? correctIcon : errorIcon"  v-if="dropTwo[1].value[2].isRight == true || dropTwo[1].value[2].isRight == false">
                            </div>
                        </div>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropTwo[0].isShowAnswer">
                            <span>答案:</span>
                            <span class="mr-20" v-for="(item, index) in dropTwo[1].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <h3 id="c069" class="fl al-cn">
                            <span class="bjh3">Reading</span>
                            <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
@@ -1362,17 +1373,17 @@
                        <p>We shouldn’t spend a lot of time worrying about where we should be.Things will fall into
                            place as they are meant to.There isn’t one correct path and everyone’s life is different.We
                            may face challenges that bring greater
                            <span class="word-bc" >outcomes</span>
                            <span class="word-bc" word="outcome" >outcomes</span>
                            later on.
                        </p>
                        <p>Some may argue that they need more money to survive and be happy.It is true that we need
                            money to survive,but after a certain amount it doesn’t give us any more happiness.It can
                            provide
                            <span class="word-bc" >necessities</span>
                            <span class="word-bc" word="necessity">necessities</span>
                            like food,water,clothes,and
                            <span class="word-bc" >shelter</span>
                            .It can also provide
                            <span class="word-bc" >luxuries</span>
                            <span class="word-bc" word="luxury" >luxuries</span>
                            like
                            vacations and going out to eat at a restaurant.But when we enjoy something,the feeling of
                            enjoyment doesn’t last forever.We usually return to our
@@ -1516,6 +1527,12 @@
                            {{index + 1}}.{{item.stem}}
                            <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenTwo[1].isComplete">
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[1].isShowAnswer">
                            <span>答案:</span>
                            <span class="mr-20" v-for="(item, index) in listenTwo[1].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <p><b>Ⅱ.Language focus.</b></p>
                        <p>A.Replace the words in italics with the exact words in the passage and change the form if
                            necessary.</p>
@@ -1524,6 +1541,12 @@
                            <input type="text" :disabled="listenTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveListenTwo" style="width:80px"> 
                            <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenTwo[2].isComplete">
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[2].isShowAnswer">
                            <span>答案:</span>
                            <span class="mr-20" v-for="(item, index) in listenTwo[2].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <p>B.Fill in the blanks with the proper form of the expressions given below.</p>
                        <div class="bk-wh">
                            <p>a portion of fall into place be passionate about later on be comfortable with</p>
@@ -1562,6 +1585,12 @@
                            <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenTwo[3].isComplete">
                            {{item.stemTwo}}
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[3].isShowAnswer">
                            <span>答案:</span>
                            <span class="mr-20" v-for="(item, index) in listenTwo[3].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <p><b>Ⅲ.Grammar focus:Pronouns (it,one).</b><span class="btn-box"
                                @click="showAnswer('showImgOne')">
                                <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1"
@@ -1590,6 +1619,12 @@
                            <img :src="item.isRight ? correctIcon : errorIcon"  v-if="listenTwo[4].isComplete">
                            {{item.stemTwo}}
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[4].isShowAnswer">
                            <span>答案:</span>
                            <span class="mr-20" v-for="(item, index) in listenTwo[4].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev" style="width:80%">
                                <li>
@@ -1704,137 +1739,92 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_17.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/8-2、MODULE 8(lesson two)_18.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -1888,6 +1878,12 @@
                            I feel worried about writing the letter,for I know little about it.Anyway,I am
                            well-prepared,I guess.Now all I’ve got to do is to take that job.Wish me good luck!
                        </p>
                        <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer">
                            <span>答案:</span>
                            <span class="mr-20" v-for="(item, index) in listenThree[0].value" :key="index">
                                {{ index + 1 }}.{{ item.answer }}
                            </span>
                        </div>
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev" style="width:80%">
                                <li>
@@ -1967,7 +1963,7 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="noSubmitThree[0].value[0].userAnswer"
                                    <textarea v-model="noSubmitThree[0].value[1].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="saveNoSubmitThree"></textarea>
                                </td>
@@ -1977,7 +1973,7 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="noSubmitThree[0].value[0].userAnswer"
                                    <textarea v-model="noSubmitThree[0].value[2].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="saveNoSubmitThree"></textarea>
                                </td>
@@ -1987,7 +1983,7 @@
                            </tr>
                            <tr class="table-tr-bc">
                                <td class="tl-cn">
                                    <textarea v-model="noSubmitThree[0].value[0].userAnswer"
                                    <textarea v-model="noSubmitThree[0].value[3].userAnswer"
                                        class="w100 table-tr-bc b0 table-textarea textarea-box"
                                        @change="saveNoSubmitThree"></textarea>
                                </td>
@@ -2347,137 +2343,87 @@
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_01.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_01.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_02.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_02.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_03.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_03.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_04.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_04.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_05.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_05.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_06.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_06.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_07.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_07.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_08.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_08.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_09.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_09.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_10.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_10.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_11.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_11.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_12.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_12.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_13.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_13.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_14.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_14.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_15.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_15.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_16.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_16.jpg" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_17.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_18.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_19.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_20.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_21.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_22.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_23.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_24.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_25.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_26.png" />
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="imgBox" style="width: 100%; height: 100%">
                                                <img src="../../assets/images/ppt/ppt_27.png" />
                                                <img src="../../assets/images/ppt/8-3、MODULE 8(lesson three)_17.jpg" />
                                            </div>
                                        </div>
                                    </div>
@@ -2490,7 +2436,8 @@
                        </div>
                    </div>
                </div>
                <div class="preface-bottom">
                <!-- é¡µè„š -->
                <div class="preface-bottom" style="margin-top: 10%">
                    <span class="contet-num-box">154</span>
                </div>
            </div>
@@ -3456,6 +3403,7 @@
            dropTwo:[
                {
                    type:'dropdown',
                    isComplete:false,
                    isShowAnswer:false,
                    option:[
                        'identify passion','go to school'
@@ -3474,6 +3422,7 @@
                {
                    type:'dropdown',
                    isComplete:false,
                    isShowAnswer:false,
                    option:[
                        'change your mind',
                        'get another job',
@@ -3891,6 +3840,7 @@
        saveNoSubmitTWo() {
            localStorage.setItem('english-chapter08-noSubmitTwo',JSON.stringify(this.noSubmitTwo))
        },
        showNoSubmitTWo(index,num) {
            this.$set(this.noSubmitTwo[index].value[num],'isShowAnswer',!this.noSubmitTwo[index].value[num].isShowAnswer)
        },
@@ -3901,6 +3851,9 @@
            this.$set(this.dropTwo[index].value[num],'isRight',this.dropTwo[index].value[num].userAnswer == this.dropTwo[index].value[num].answer)
            this.saveDropTwo()
        },
        showDropTwo(index) {
            this.$set(this.dropTwo[index],'isShowAnswer',!this.dropTwo[index].isShowAnswer)
        },
        saveListenTwo() {
            localStorage.setItem('english-chapter08-listenTwo',JSON.stringify(this.listenTwo))
        },
src/books/English/view/components/index.vue
@@ -206,7 +206,7 @@
    // æµ‹è¯•页面跳转
    //  setTimeout(() => {
    //   this.gotoPage(6,73);
    //   this.gotoPage(5,69);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
src/books/artAndDance/view/components/chapter006.vue
@@ -312,13 +312,13 @@
      </div>
    </div>
    <!-- <div class="page-box" page="30">
        <giffiti :page="30" :bcImg="'https://t7.baidu.com/it/u=1819248061,230866778&fm=193&f=GIF'" />
        <paint ></paint>
    </div> -->
  </div>
</template>
<script>
import giffiti from '@/components/graffiti/index.vue'
import paint from '@/components/paint/index.vue'
export default {
  name: "chapterSix",
  props: {
@@ -326,7 +326,7 @@
      type: Array,
    },
  },
  components:{giffiti}
  components:{paint}
};
</script>
src/books/artAndDrama/view/components/chapter001.vue
@@ -79,7 +79,7 @@
            <span>视频:我们是一家人 </span>
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start">
              <img :src="chapterData.isCollectVideo ? collectCheck : collectImg" alt="" class="collect-btn"
              <img :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg" alt="" class="collect-btn"
                @click="handleCollect('video')" />
            </el-tooltip>
          </p>
@@ -202,11 +202,15 @@
          </p>
          <p class="text t-l">正义队长:
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'one' }"  @focus="handleFocus('one')"  @blur="handleBlur('one')" ></textarea>
              style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')"
              @blur="handleBlur('one')"></textarea>
          </p>
          <p class="text t-l">黑暗队长:
            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'two'  }"  @focus="handleFocus('two')"  @blur="handleBlur('two')"></textarea>
              style="margin-left: 40px; width: 92%" class="" @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')"
              @blur="handleBlur('two')"></textarea>
          </p>
        </div>
        <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
@@ -372,7 +376,7 @@
            <span>视频:我们是一家人 </span>
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start">
              <img :src="chapterData.isCollectVideo ? collectCheck : collectImg" alt="" class="collect-btn"
              <img :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg" alt="" class="collect-btn"
                @click="handleCollect('video')" />
            </el-tooltip>
          </p>
@@ -391,6 +395,7 @@
import matching from "@/components/matching/matching.vue";
import choice from "@/components/choice/choice.vue"
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
  name: "chapterOne",
  components: {
@@ -403,12 +408,18 @@
    },
  },
  //在这里对调用的方法进行挂载
  mounted() {
    this.getVidoePath();
  async mounted() {
    const bookQuestion = localStorage.getItem("artAndDrama-book-question-one");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
    this.getVidoePath();
    const data = localStorage.getItem("artAndDrama-chapter01-Data");
    if (data) {
      this.chapterData = JSON.parse(data);
    }
    this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
  },
  data() {
    return {
@@ -427,6 +438,7 @@
      accentColor: "",
      color: "#fff",
      isFocused: null, // ç”¨äºŽè·Ÿè¸ªtextarea的聚焦状态  
      collectResourceList:[],
      chapterData: {
        isCollectImg: false,
        isCollectVideo: false,
@@ -734,14 +746,13 @@
        "3729175530def1b0baca68e0bd344862"
      );
    },
    handleFocus(id) {
    handleFocus(id) {
      this.isFocused = id; // å½“textarea聚焦时,设置为true  
    },
    handleBlur(id) {
    },
    handleBlur(id) {
      this.isFocused = null; // å½“textarea失去焦点时,设置为false  
    },
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "artAndDrama-book-question-one",
        JSON.stringify(this.questionData)
@@ -749,18 +760,34 @@
    },
    handleChapterData() {
      localStorage.setItem(
        "math-chapterData",
        "artAndDrama-chapter01-Data",
        JSON.stringify(this.chapterData)
      );
    },
    handleCollect(type) {
      if (type == "img") {
        this.chapterData.isCollectImg = !this.chapterData.isCollectImg;
      } else if (type == "video") {
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      }
      if (type == "video") {
        this.handleCollectResource("691cbd2c13198d04afc7800d0f2cafb0","691cbd2c13198d04afc7800d0f2cafb0",'',"视频","bits",'视频:我们是一家人')
      }
      this.handleChapterData();
    },
    //资源收藏事件
    handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
      let list = this.collectResourceList
      if (list.findIndex(item => item.id == id) > -1) {
        list = list.filter(item => item.id != id)
      } else {
        list.push({
          id,
          md5,
          resourcePath,
          resourceType,
          source,
          resourceName,
        })
      }
      this.collectResourceList = list
      setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
    }
  },
};
</script>
src/books/artAndDrama/view/components/chapter002.vue
@@ -249,7 +249,7 @@
            <span>视频:惟妙惟肖的人物 </span>
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start">
              <img :src="chapterData.isCollectVideo ? collectCheck : collectImg" alt="" class="collect-btn"
              <img :src="collectResourceList.findIndex(item => item.id == 'a3c9b55ac8227e4c885384ff2fc6c0e7') > -1 ? collectCheck : collectImg" alt="" class="collect-btn"
                @click="handleCollect('video')" />
            </el-tooltip>
          </p>
@@ -267,6 +267,7 @@
<script>
import drag from "@/components/dragQuestion/index.vue"
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
  name: "chapterTwo",
  components: { drag },
@@ -276,12 +277,17 @@
    },
  },
  //在这里对调用的方法进行挂载
  mounted() {
  async mounted() {
    this.getVidoePath();
    const bookQuestion = localStorage.getItem("artAndDrama-book-question-two");
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
    const data = localStorage.getItem("artAndDrama-chapter02-Data");
    if (data) {
      this.chapterData = JSON.parse(data);
    }
    this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
  },
  data() {
    return {
@@ -294,6 +300,7 @@
      auidoPathFour: "",
      auidoPathFive: "",
      isFocused: null, // ç”¨äºŽè·Ÿè¸ªtextarea的聚焦状态
      collectResourceList:[],
      chapterData: {
        isCollectImg: false,
        isCollectVideo: false,
@@ -476,7 +483,6 @@
      this.isFocused = null; // å½“textarea失去焦点时,设置为false  
    }, 
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "artAndDrama-book-question-two",
        JSON.stringify(this.questionData)
@@ -484,18 +490,34 @@
    },
    handleChapterData() {
      localStorage.setItem(
        "math-chapterData",
        "artAndDrama-chapter02-Data",
        JSON.stringify(this.chapterData)
      );
    },
    handleCollect(type) {
      if (type == "img") {
        this.chapterData.isCollectImg = !this.chapterData.isCollectImg;
      } else if (type == "video") {
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      }
      if (type == "video") {
        this.handleCollectResource("a3c9b55ac8227e4c885384ff2fc6c0e7","a3c9b55ac8227e4c885384ff2fc6c0e7",'',"视频","bits",'视频:惟妙惟肖的人物')
      }
      this.handleChapterData();
    },
      //资源收藏事件
      handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
      let list = this.collectResourceList
      if (list.findIndex(item => item.id == id) > -1) {
        list = list.filter(item => item.id != id)
      } else {
        list.push({
          id,
          md5,
          resourcePath,
          resourceType,
          source,
          resourceName,
        })
      }
      this.collectResourceList = list
      setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
    }
  },
};
</script>
src/books/artAndDrama/view/components/chapter003.vue
@@ -5,12 +5,7 @@
        <h1 id="a004">
          <!-- è¿™é‡Œçš„动图有问题,没有背景图片 -->
          <img class="img-0" alt="" src="../../assets/images/dy3.jpg" />
          <audio
            :src="audioPathOne"
            controls
            controlslist="noplaybackrate nodownload"
            class="audio"
          ></audio>
          <audio :src="audioPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
        </h1>
        <div class="bodystyle">
          <div class="bk">
@@ -27,11 +22,7 @@
        <p><br /></p>
        <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
        <div class="page-footer">
          <img
            class="page-footer-image"
            src="../../assets/images/ym.jpg"
            alt="Page Image"
          />
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-right">19</div>
        </div>
      </div>
@@ -39,11 +30,7 @@
    <div class="page-box" page="23">
      <div v-if="showPageList.indexOf(23) > -1">
        <h1>
          <img
            src="../../assets/images/header-green.png"
            alt=""
            style="width: 100%"
          />
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%" />
        </h1>
        <img class="headerimg" src="../../assets/images/page5.png" alt="" />
        <div class="bodystyle" style="margin-top: 3%">
@@ -64,8 +51,7 @@
            <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
          </h3>
          <p class="text">
            <span class="hs1">◇</span
            >邀请小伙伴分角色朗诵附录中的剧本选段1~2,重读加点文字。
            <span class="hs1">◇</span>邀请小伙伴分角色朗诵附录中的剧本选段1~2,重读加点文字。
          </p>
          <p class="block3" style="margin: 3% 0%">
            <span class="hs">剧本: 一块奶酪</span>
@@ -73,32 +59,19 @@
          <!-- <p class="center1 text" style="font-size: 25px; margin: 3% 0;"><span class="hs">一块奶酪</span></p> -->
          <!-- æ­¤å¤„为附录资源处 -->
          <div class="Options text">
            <span
              class="folder"
              v-for="(segment, index) in segments"
              :key="index"
              @click="showContent(index)"
              ><img src="../../assets/images/icon/folder.svg" alt="" />选段{{
                segment
              }}</span
            >
            <span class="folder" v-for="(segment, index) in segments" :key="index" @click="showContent(index)"><img
                src="../../assets/images/icon/folder.svg" alt="" />选段{{
                  segment
                }}</span>
          </div>
          <div
            v-if="activeIndex !== null"
            class="content-wrapper text"
            v-html="activeContent"
          ></div>
          <div v-if="activeIndex !== null" class="content-wrapper text" v-html="activeContent"></div>
          <p class="center text">
            <img class="img-e" alt="" src="../../assets/images/0024-1.jpg" />
          </p>
        </div>
        <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
        <div class="page-footer">
          <img
            class="page-footer-image"
            src="../../assets/images/ym.jpg"
            alt="Page Image"
          />
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-left">20</div>
        </div>
      </div>
@@ -106,11 +79,7 @@
    <div class="page-box" page="24">
      <div v-if="showPageList.indexOf(24) > -1">
        <h1>
          <img
            src="../../assets/images/unit3-header-img.png"
            alt=""
            style="height: auto; width: 100%"
          />
          <img src="../../assets/images/unit3-header-img.png" alt="" style="height: auto; width: 100%" />
        </h1>
        <div class="bodystyle" style="margin-top: 3%">
          <h2 id="b012" class="problem">第二课 意外发生了!</h2>
@@ -118,8 +87,7 @@
            <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
          </h3>
          <p class="text">
            <span class="hs1">◇</span
            >当上半场比赛失利,中场休息时,你会怎么做?当别人夸赞你的时候,你会怎么做?请你和朋友一起演一演吧。
            <span class="hs1">◇</span>当上半场比赛失利,中场休息时,你会怎么做?当别人夸赞你的时候,你会怎么做?请你和朋友一起演一演吧。
          </p>
          <h3 class="lefth3" id="c024" style="margin-top: 7%">
            <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
@@ -131,22 +99,13 @@
            <span class="hs1">◇</span>请把蚂蚁队长的台词和他的内心独白连起来吧!
          </p>
          <!-- è¿žçº¿é¢˜ -->
          <matching
            :rawData="rawData"
            :question="question"
            class="macthing"
            :primary-color="color"
            :bordercolor="'#fff'"
          >
          <matching :rawData="rawData" :question="question" class="macthing" :primary-color="color"
            :bordercolor="'#fff'">
          </matching>
        </div>
        <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
        <div class="page-footer">
          <img
            class="page-footer-image"
            src="../../assets/images/ym.jpg"
            alt="Page Image"
          />
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-right">21</div>
        </div>
      </div>
@@ -154,11 +113,7 @@
    <div class="page-box" page="25">
      <div v-if="showPageList.indexOf(25) > -1">
        <h1>
          <img
            src="../../assets/images/header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <img class="headerimg" src="../../assets/images/page5.png" alt="" />
        <div class="bodystyle" style="margin-top: 3%">
@@ -167,25 +122,18 @@
            <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
          </h3>
          <p class="text t-l">
            <span class="hs1">◇</span
            >在《一块奶酪》的故事中,蚂蚁队长也起过贪心,但他最终成功克服了贪心,你认为他是怎么做到的呢?
            <textarea
              v-model="questionData.reading.one"
              placeholder="请输入内容"
              rows="6"
              style="margin-left: 40px; width: 92%"
              class="fz-16 fm-son"
              @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'one' }"  @focus="handleFocus('one')"  @blur="handleBlur('one')"
            >
            <span class="hs1">◇</span>在《一块奶酪》的故事中,蚂蚁队长也起过贪心,但他最终成功克服了贪心,你认为他是怎么做到的呢?
            <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'one' }" @focus="handleFocus('one')"
              @blur="handleBlur('one')">
            </textarea>
          </p>
          <h3 class="lefth3" id="c026" style="margin-top: 7%">
            <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
          </h3>
          <p class="text">
            <span class="hs1">◇</span
            >阅读附录中的剧本选段5,为自己的表演设计动作吧!
            <span class="hs1">◇</span>阅读附录中的剧本选段5,为自己的表演设计动作吧!
          </p>
          <p class="center openImgBox">
            <img class="img-e" alt="" src="../../assets/images/3-3.gif" />
@@ -193,11 +141,7 @@
        </div>
        <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
        <div class="page-footer">
          <img
            class="page-footer-image"
            src="../../assets/images/ym.jpg"
            alt="Page Image"
          />
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-left">22</div>
        </div>
      </div>
@@ -205,11 +149,7 @@
    <div class="page-box" page="26">
      <div v-if="showPageList.indexOf(26) > -1">
        <h1>
          <img
            src="../../assets/images/unit3-header-img.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/unit3-header-img.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle" style="margin-top: 3%">
          <h2 id="b014" class="problem">第四课 皆大欢喜</h2>
@@ -217,95 +157,57 @@
            <img class="img-gn1" alt="" src="../../assets/images/rhybx.jpg" />
          </h3>
          <p class="text">
            <span class="hs1">◇</span
            >请按照事件六要素的结构给大家分享一件快乐的事吧!
            <span class="hs1">◇</span>请按照事件六要素的结构给大家分享一件快乐的事吧!
          </p>
          <p class="text2">
            æ—¶é—´ï¼š<input
              v-model="questionData.warnUp.one"
              class="input-bottom-border fz-18"
              @change="setBookQuestion"
              style="width: 70%"
            />
            æ—¶é—´ï¼š<input v-model="questionData.warnUp.one" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 70%" />
          </p>
          <p class="text2">
            åœ°ç‚¹ï¼š<input
              v-model="questionData.warnUp.two"
              class="input-bottom-border fz-18"
              @change="setBookQuestion"
              style="width: 70%"
            />
            åœ°ç‚¹ï¼š<input v-model="questionData.warnUp.two" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 70%" />
          </p>
          <p class="text2">
            äººç‰©ï¼š<input
              v-model="questionData.warnUp.three"
              class="input-bottom-border fz-18"
              @change="setBookQuestion"
              style="width: 70%"
            />
            äººç‰©ï¼š<input v-model="questionData.warnUp.three" class="input-bottom-border fz-18" @change="setBookQuestion"
              style="width: 70%" />
          </p>
          <p class="text2 t-l">
            èµ·å› ï¼š
            <textarea
              v-model="questionData.reading.two"
              placeholder="请输入内容"
              rows="6"
              style="margin-left: 40px; width: 92%"
              class="fz-16 fm-son"
              @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'two' }"  @focus="handleFocus('two')"  @blur="handleBlur('two')"
            >
            <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')"
              @blur="handleBlur('two')">
            </textarea>
          </p>
          <p class="text2 t-l">
            ç»è¿‡ï¼š
            <textarea
              v-model="questionData.reading.three"
              placeholder="请输入内容"
              rows="6"
              style="margin-left: 40px; width: 92%"
              class="fz-16 fm-son"
              @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'three' }"  @focus="handleFocus('three')"  @blur="handleBlur('three')"
            >
            <textarea v-model="questionData.reading.three" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'three' }" @focus="handleFocus('three')"
              @blur="handleBlur('three')">
            </textarea>
          </p>
          <p class="text2 t-l">
            ç»“果:
            <textarea
              v-model="questionData.reading.four"
              placeholder="请输入内容"
              rows="6"
              style="margin-left: 40px; width: 92%"
              class="fz-16 fm-son"
              @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'four' }"  @focus="handleFocus('four')"  @blur="handleBlur('four')"
            >
            <textarea v-model="questionData.reading.four" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'four' }" @focus="handleFocus('four')"
              @blur="handleBlur('four')">
            </textarea>
          </p>
          <p class="text t-l" style="margin-top: 7%">
            <span class="hs1">◇</span
            >你有烦恼吗?说一说是什么,你是怎么处理它的?
            <textarea
              v-model="questionData.reading.five"
              placeholder="请输入内容"
              rows="6"
              style="margin-left: 40px; width: 92%"
              class="fz-16 fm-son"
              @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'five' }"  @focus="handleFocus('five')"  @blur="handleBlur('five')"
            >
            <span class="hs1">◇</span>你有烦恼吗?说一说是什么,你是怎么处理它的?
            <textarea v-model="questionData.reading.five" placeholder="请输入内容" rows="6"
              style="margin-left: 40px; width: 92%" class="fz-16 fm-son" @change="setBookQuestion"
              :class="{ 'textarea-focused': isFocused === 'five' }" @focus="handleFocus('five')"
              @blur="handleBlur('five')">
            </textarea>
          </p>
        </div>
        <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
        <div class="page-footer">
          <img
            class="page-footer-image"
            src="../../assets/images/ym.jpg"
            alt="Page Image"
          />
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-right">23</div>
        </div>
      </div>
@@ -313,11 +215,7 @@
    <div class="page-box" page="27">
      <div v-if="showPageList.indexOf(27) > -1">
        <h1>
          <img
            src="../../assets/images/header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <img class="headerimg" src="../../assets/images/page5.png" alt="" />
        <div class="bodystyle" style="margin-top: 3%">
@@ -325,20 +223,15 @@
            <img class="img-gn1" alt="" src="../../assets/images/czysj.jpg" />
          </h3>
          <p class="text">
            <span class="hs1">◇</span
            >运用重音、内心独白和动作设计等表现方式,将《一块奶酪》的故事表演出来吧!(剧本见附录)
            <span class="hs1">◇</span>运用重音、内心独白和动作设计等表现方式,将《一块奶酪》的故事表演出来吧!(剧本见附录)
          </p>
          <p class="center openImgBox">
            <img class="img-e" alt="" src="../../assets/images/3-3.gif" />
            <img class="img-a" alt="" src="../../assets/images/0028-1.jpg" />
          </p>
        </div>
        <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
        <div class="page-footer">
          <img
            class="page-footer-image"
            src="../../assets/images/ym.jpg"
            alt="Page Image"
          />
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-left">24</div>
        </div>
      </div>
@@ -346,11 +239,7 @@
    <div class="page-box" page="28">
      <div v-if="showPageList.indexOf(28) > -1">
        <h1>
          <img
            src="../../assets/images/unit3-header-img.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/unit3-header-img.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <div class="bodystyle" style="margin-top: 3%">
          <h2 id="b015" class="problem">单元活动任务</h2>
@@ -360,12 +249,7 @@
          <p class="text ends">
            <span><span class="hs1">◇</span>喘气练习</span>
            <span>
              <audio
                :src="audioPathTwo"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
              <audio :src="audioPathTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </span>
          </p>
          <p class="text">
@@ -374,39 +258,24 @@
          <p class="text ends">
            <span><span class="hs1">◇</span>“嘶”声练习</span>
            <span>
              <audio
                :src="audioPathThree"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
              <audio :src="audioPathThree" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </span>
          </p>
          <p class="text">在“喘气练习”的基础上,发出“嘶”音,每组4短1长。</p>
          <p class="text ends">
            <span><span class="hs1">◇</span>“嘟”音练习</span>
            <span>
              <audio
                :src="audioPathFour"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio>
              <audio :src="audioPathFour" controls controlslist="noplaybackrate nodownload" class="audio"></audio>
            </span>
          </p>
          <p class="text">
            å¹³è§†å‰æ–¹ï¼Œè‚©è†€æ”¾æ¾ï¼ŒåŒæ‰‹è‡ªç„¶ä¸‹åž‚,双脚分开,与肩同宽。放松双唇,深吸气,吹出气流带动嘴唇抖动,发出“嘟”的声音,声音越长越好。
          </p>
          <p class="text" style="text-align: left">
            <span><span class="hs1">◇</span>“我们赞美长江”气声练</span>
            <span><span class="hs1">◇</span>“我们赞美长江”气声练习</span>
            <span class="text">
              <audio
                :src="audioPathFive"
                controls
                controlslist="noplaybackrate nodownload"
                class="audio"
              ></audio
            ></span>
              <audio :src="audioPathFive" controls controlslist="noplaybackrate nodownload"
                class="audio"></audio></span>
          </p>
          <p class="text">
            å¹³è§†å‰æ–¹ï¼Œè‚©è†€æ”¾æ¾ï¼ŒåŒæ‰‹è‡ªç„¶ä¸‹åž‚,双脚分开,与肩同宽。以说悄悄话的感觉,说出“我们赞美长江”,并逐步增加气声的力度,找到在舞台上说悄悄话的感觉。
@@ -414,11 +283,7 @@
        </div>
        <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
        <div class="page-footer">
          <img
            class="page-footer-image"
            src="../../assets/images/ym.jpg"
            alt="Page Image"
          />
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-right">25</div>
        </div>
      </div>
@@ -426,11 +291,7 @@
    <div class="page-box" page="29">
      <div v-if="showPageList.indexOf(29) > -1">
        <h1>
          <img
            src="../../assets/images/header-green.png"
            alt=""
            style="width: 100%; height: auto"
          />
          <img src="../../assets/images/header-green.png" alt="" style="width: 100%; height: auto" />
        </h1>
        <img class="headerimg" src="../../assets/images/page5.png" alt="" />
        <div class="bodystyle" style="margin-top: 3%">
@@ -438,52 +299,29 @@
            <img class="img-gn1" alt="" src="../../assets/images/tzyys.jpg" />
          </h3>
          <p class="text">
            <span class="hs1">◇</span
            >劳动最光荣!请为家中长辈做一件力所能及的事情,用实际行动表达你的爱意!体验过程中要记住每一个动作的细节,再尝试以无实物表演的方式进行展示。
            <span class="hs1">◇</span>劳动最光荣!请为家中长辈做一件力所能及的事情,用实际行动表达你的爱意!体验过程中要记住每一个动作的细节,再尝试以无实物表演的方式进行展示。
          </p>
          <p class="center text">
            <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="
            <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="
                margin-top: 40px;
                border-radius: 10px;
                border: 2px solid green;
              "
            ></video>
              "></video>
          </p>
          <p class="center videoname">
            <span>视频:心有多大,舞台就有多大 </span>
            <el-tooltip
              class="item"
              effect="dark"
              :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start"
            >
              <img
                :src="chapterData.isCollectVideo ? collectCheck : collectImg"
                alt=""
                class="collect-btn"
                @click="handleCollect('video')"
              />
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
              placement="top-start">
              <img :src="collectResourceList.findIndex(item => item.id == 'dd44a1e31b4304f50d10b2481a148411') > -1 ? collectCheck : collectImg" alt="" class="collect-btn"
                @click="handleCollect('video')" />
            </el-tooltip>
          </p>
        </div>
        <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
        <div class="page-footer">
          <img
            class="page-footer-image"
            src="../../assets/images/ym.jpg"
            alt="Page Image"
          />
          <img class="page-footer-image" src="../../assets/images/ym.jpg" alt="Page Image" />
          <div class="page-footer-number-left">26</div>
        </div>
      </div>
@@ -494,6 +332,7 @@
<script>
import matching from "@/components/matching/matching.vue";
import { getResourcePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
  name: "chapterThree",
  components: { matching },
@@ -506,7 +345,7 @@
      default: "red",
    },
  },
  mounted() {
  async mounted() {
    this.getVidoePath();
    const bookQuestion = localStorage.getItem(
      "artAndDrama-book-question-three"
@@ -514,6 +353,11 @@
    if (bookQuestion) {
      this.questionData = JSON.parse(bookQuestion);
    }
    const data = localStorage.getItem("artAndDrama-chapter03-Data");
    if (data) {
      this.chapterData = JSON.parse(data);
    }
    this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
  },
  data() {
    return {
@@ -527,6 +371,7 @@
      audioPathFive: "",
      isFocused: null, // ç”¨äºŽè·Ÿè¸ªtextarea的聚焦状态
      segments: [1, 2, 3, 4, 5],
      collectResourceList:[],
      color: "#fff",
      activeIndex: null, // ç”¨äºŽè¿½è¸ªå½“前活动的按钮索引
      contents: [
@@ -645,9 +490,9 @@
        reading: {
          one: "",
          two: "",
          three:"",
          four:"",
          five:"",
          three: "",
          four: "",
          five: "",
        },
        table: {
          one: "",
@@ -687,14 +532,13 @@
        "f56a9d889d3098fa6800125ae7627481"
      );
    },
    handleFocus(id) {
    handleFocus(id) {
      this.isFocused = id; // å½“textarea聚焦时,设置为true  
    },
    handleBlur(id) {
    },
    handleBlur(id) {
      this.isFocused = null; // å½“textarea失去焦点时,设置为false  
    },
    },
    setBookQuestion() {
      console.log("保存");
      localStorage.setItem(
        "artAndDrama-book-question-three",
        JSON.stringify(this.questionData)
@@ -708,16 +552,14 @@
    },
    handleChapterData() {
      localStorage.setItem(
        "math-chapterData",
        "artAndDrama-chapter03-Data",
        JSON.stringify(this.chapterData)
      );
    },
    handleCollect(type) {
      if (type == "img") {
        this.chapterData.isCollectImg = !this.chapterData.isCollectImg;
      } else if (type == "video") {
        this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
      }
      if (type == "video") {
        this.handleCollectResource("dd44a1e31b4304f50d10b2481a148411","dd44a1e31b4304f50d10b2481a148411",'',"视频","bits",'视频:心有多大,舞台就有多大')
      }
      this.handleChapterData();
    },
    showContent(index) {
@@ -731,6 +573,25 @@
        this.activeContent = this.contents[index];
      }
    },
    //资源收藏事件
    handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
      let list = this.collectResourceList
      if (list.findIndex(item => item.id == id) > -1) {
        list = list.filter(item => item.id != id)
      } else {
        list.push({
          id,
          md5,
          resourcePath,
          resourceType,
          source,
          resourceName,
        })
      }
      this.collectResourceList = list
      setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
    }
  },
};
</script>
src/books/artAndDrama/view/components/chapter004.vue
@@ -133,7 +133,7 @@
                    <h3 class="lefth3" id="c038" style="margin-top: 7%;"><img class="img-gn1" alt=""
                            src="../../assets/images/czysj.jpg" /></h3>
                    <p class="text"><span class="hs1">◇</span>邀请同伴共同完成《一块奶酪》的展演吧!</p>
                    <p class="center openImgBox"><img class="img-e" alt="" src="../../assets/images/4-2.gif" /></p>
                    <p class="center openImgBox"><img class="img-e" alt="" src="../../assets/images/0036-2.jpg" /></p>
                </div>
                <!-- æ­¤æ¬¡ä¸ºé¡µè„šéƒ¨åˆ†ï¼ˆéœ€è¦è®¾ç½®é¡µç ï¼‰ -->
                <div class="page-footer">
@@ -212,8 +212,8 @@
                        <span>视频:团结就是力量 </span>
                        <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'"
                            placement="top-start">
                            <img :src="chapterData.isCollectVideo ? collectCheck : collectImg" alt=""
                                class="collect-btn" @click="handleCollect('video')" />
                            <img :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? collectCheck : collectImg"
                                alt="" class="collect-btn" @click="handleCollect('video')" />
                        </el-tooltip>
                    </p>
                </div>
@@ -229,6 +229,7 @@
<script>
import { getResourcePath } from "@/assets/methods/resources";
import graffiti from '@/components/graffiti/index.vue'
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
export default {
    name: "chapterFour",
    props: {
@@ -238,12 +239,18 @@
    },
    components: { graffiti },
    //在这里对调用的方法进行挂载
    mounted() {
    async mounted() {
        this.getVidoePath();
        const bookQuestion = localStorage.getItem("artAndDrama-book-question-four");
        if (bookQuestion) {
            this.questionData = JSON.parse(bookQuestion);
        }
        const data = localStorage.getItem("artAndDrama-chapter04-Data");
        if (data) {
            this.chapterData = JSON.parse(data);
        }
        this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
    },
    data() {
        return {
@@ -256,6 +263,7 @@
            audioPathFour: "",
            audioPathFive: "",
            isFocused: null, // ç”¨äºŽè·Ÿè¸ªtextarea的聚焦状态
            collectResourceList: [],
            chapterData: {
                isCollectImg: false,
                isCollectVideo: false,
@@ -319,7 +327,6 @@
            this.isFocused = null; // å½“textarea失去焦点时,设置为false  
        },
        setBookQuestion() {
            console.log("保存");
            localStorage.setItem(
                "artAndDrama-book-question-four",
                JSON.stringify(this.questionData)
@@ -327,18 +334,34 @@
        },
        handleChapterData() {
            localStorage.setItem(
                "math-chapterData",
                "artAndDrama-chapter04-Data",
                JSON.stringify(this.chapterData)
            );
        },
        handleCollect(type) {
            if (type == "img") {
                this.chapterData.isCollectImg = !this.chapterData.isCollectImg;
            } else if (type == "video") {
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo;
            if (type == "video") {
                this.handleCollectResource("09de7704eeaaf3a210b8c6af0a94d545", "09de7704eeaaf3a210b8c6af0a94d545", '', "视频", "bits", '视频:团结就是力量')
            }
            this.handleChapterData();
        },
        //资源收藏事件
        handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
            let list = this.collectResourceList
            if (list.findIndex(item => item.id == id) > -1) {
                list = list.filter(item => item.id != id)
            } else {
                list.push({
                    id,
                    md5,
                    resourcePath,
                    resourceType,
                    source,
                    resourceName,
                })
            }
            this.collectResourceList = list
            setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
        }
    },
};
</script>
src/books/artAndDrama/view/components/index.vue
@@ -159,8 +159,8 @@
    }, 500);
    // æµ‹è¯•页面跳转
    //  setTimeout(() => {
    //  this.gotoPage(4,26);
      // setTimeout(() => {
      // this.gotoPage(3,24);
    //   setTimeout(() => {
    //     this.renderSign("Highlight", {
    //       id: "2ACA9359",
@@ -188,7 +188,7 @@
    //   txt: " è¿åŠ¨ç³»ç»Ÿæ˜¯ç”±éª¨ã€éª¨è¿žç»“å’Œéª¨éª¼è‚Œä¸‰éƒ¨åˆ†ç»„æˆçš„ã€‚å…¨èº«çš„éª¨é€šè¿‡éª¨è¿žç»“ç»„æˆäººä½“éª¨éª¼ï¼ˆè§å›¾1-1)。骨骼是人体的支架,具有保护内脏器官、供肌肉附着和作为肌肉运动的杠杆等作用。在神经系统的支配下,肌肉收缩牵动所附着的骨绕着关节转动,使身体产生各种动作。所以,运动系统具有运动、支持和保护等功能,幼年时期的骨骼还具有造血功能。 ",
    //   txtIndex: 57
    // });
    // }, 500);
    //  }, 500);
  },
  methods: {
    // setZoom1() {
src/components/dropdown/index.vue
@@ -1,33 +1,18 @@
<template>
  <div class="dropdown">
    <div class="selected-option" >
    <div class="selected-option">
      <div class="selected-values">
        <span
          v-for="(option, index) in selectedOptions"
          :key="index"
          class="selected-value"
        >
        <span v-for="(option, index) in selectedOptions" :key="index" class="selected-value">
          <span class="selected-value-txt">{{ option }}</span>
          <span class="delete" @click="removeOption(option)"> &times; </span>
        </span>
      </div>
      <input
        type="text"
        v-model="searchText"
        placeholder="请选择选项"
        @input="filterOptions"
        v-if="isShowSearch"
      />
      <input type="text" v-model="searchText" placeholder="请选择选项" @input="filterOptions" v-if="isShowSearch" />
      <span class="arrow" @click="toggleDropdown"></span>
    </div>
    <!-- <button class="confirm-button" @click="submitSelection">确认</button> -->
    <ul v-if="showDropdown" class="options-list">
      <li
        v-for="option in filteredOptions"
        :key="option"
        @click="toggleOption(option)"
      >
      <li v-for="option in filteredOptions" :key="option" @click="toggleOption(option)">
        <input type="checkbox" :value="option" :checked="isSelected(option)" />
        <label>{{ option }}</label>
      </li>
@@ -37,13 +22,16 @@
<script>
export default {
  props:{
    options:{
      type:Array
  props: {
    options: {
      type: Array
    },
    isShowSearch:{
      type:Boolean,
      default:false
    value: {
      type: Array
    },
    isShowSearch: {
      type: Boolean,
      default: false
    }
  },
  data() {
@@ -54,6 +42,7 @@
      searchText: "", // è¿‡æ»¤é€‰é¡¹çš„æœç´¢æ–‡æœ¬
      // ...
      showConfirmButton: false,
      selected: this.value
    };
  },
  computed: {
@@ -62,14 +51,22 @@
        option.toLowerCase().includes(this.searchText.toLowerCase())
      );
    },
  },
  watch:{
    selectedOptions:{
  watch: {
    value: {
      deep: true, // æ·±åº¦ç›‘视(针对复杂类型)
      immediate: true, // æ˜¯å¦ç«‹åˆ»æ‰§è¡Œä¸€æ¬¡handler
      handler(newValue) {
        console.log('选中项变化',newValue);
        this.$emit('changeDropdownData',newValue)
        this.selectedOptions = newValue
      }
    },deep:true
    },
    selectedOptions: {
      handler(newValue) {
        this.$emit('changeDropdownData', newValue)
      }
    }, deep: true
  },
  methods: {
    toggleDropdown() {
@@ -91,8 +88,6 @@
      }
    },
    submitSelection() {
      // åœ¨è¿™é‡Œå¤„理提交选项的逻辑
      console.log("已选择的选项:", this.selectedOptions);
      // é‡ç½®é€‰é¡¹å¹¶éšè—ç¡®è®¤æŒ‰é’®
      this.selectedOptions = [];
      this.showConfirmButton = false;
@@ -102,6 +97,15 @@
    },
    filterOptions() {
      this.showDropdown = true;
    },
    //暴露
    changeSelectData(value) {
      this.selectedOptions = value
    },
    handleChange(event) {
      // å½“选中项变化时触发
      // é€šçŸ¥çˆ¶ç»„件新的选中值
      this.$emit('changeDropdownData', event.target.value);
    },
  },
};
@@ -121,6 +125,7 @@
  right: -31%;
  top: -21%;
}
.dropdown {
  min-width: 200px;
  position: relative;
@@ -157,14 +162,16 @@
  margin-right: 4px;
  margin-bottom: 4px;
}
.selected-value .selected-value-txt {
  height: 24px;
    display: inline-block;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80px;
}
.selected-value .delete {
  margin-left: 4px;
  cursor: pointer;
src/components/paint/index.vue
New file
@@ -0,0 +1,377 @@
<template>
  <div class="paint">
    <canvas width="400" height="600" id="canvas"></canvas>
    <!-- æ“ä½œæŒ‰é’® -->
    <ul class="paint-btn">
      <li class="btn-box">
        <button @click="changeDrawMode">
          {{ isDraw ? "框选模式" : "绘图模式" }}
        </button>
        <button @click="clearCanvas">清除</button>
        <button @click="setModelEraser">
          {{ isEraser ? "画笔" : "橡皮擦" }}
        </button>
        <button @click="saveImgData">保存</button>
      </li>
      <li>
      </li>
      <li>
        <label>画笔:</label>
        <select name="" id="" @change="changeBrush" v-model="brush">
          <option
            v-for="(item, index) in modelList"
            :value="item.value"
            ::key="index"
          >
            {{ item.name }}
          </option>
        </select>
      </li>
      <li>
        <label>线色:</label>
        <input type="color" v-model="lineColor" @input="changeLineColor" />
      </li>
      <li>
        <label>线宽:</label>
        <input type="range" v-model="lineWidth" @input="changeLineWidth" />
      </li>
      <li>
        <label>阴影色:</label>
        <input type="color" v-model="showColor" @input="changeShowColor" />
      </li>
      <li>
        <label>阴影宽度:</label>
        <input type="range" v-model="showWidth" @input="changeShowWidth" />
      </li>
      <li>
        <label>阴影偏移量:</label>
        <input type="range" v-model="showOffset" @input="changeShowOffset" />
      </li>
    </ul>
  </div>
</template>
<script>
import { fabric } from "fabric-with-erasing";
export default {
  data() {
    return {
      backgroundImgUrl: "", // èƒŒæ™¯
      isDraw: true, // ç»˜ç”»ã€æ¡†é€‰æ¨¡å¼
      brush: "Pencil", // ç”»ç¬”类型
      lineColor: "#000",
      lineWidth: 1,
      isEraser: false,
      showColor: "#000", // é˜´å½±è‰²
      showWidth: 0, // é˜´å½±å®½åº¦
      showOffset: 0,
      modelList: [
        {
          name: "Pencil",
          value: "Pencil",
        },
        {
          name: "Circle",
          value: "Circle",
        },
        {
          name: "Spray",
          value: "Spray",
        },
        {
          name: "Pattern",
          value: "Pattern",
        },
        {
          name: "hline",
          value: "hline",
        },
        {
          name: "vline",
          value: "vline",
        },
        {
          name: "square",
          value: "square",
        },
        {
          name: "diamond",
          value: "diamond",
        },
        {
          name: "texture",
          value: "texture",
        },
      ],
      // ç”»ç¬”模式
      vLinePatternBrush: null,
      hLinePatternBrush: null,
      squarePatternBrush: null,
      diamondPatternBrush: null,
      texturePatternBrush: null,
    };
  },
  props: {
    imgUrl: {
      type: String,
      default:
        "https://cdn.learnku.com/uploads/images/202206/29/97252/aArKOJpl2A.png!large",
    },
    page: {
      type: Number,
      default: 1,
    },
  },
  mounted() {
    this.init();
  },
  methods: {
    // åˆå§‹åŒ–画布
    init() {
      this.canvas = new fabric.Canvas("canvas", {
        isDrawingMode: true,
      });
      // è®¾ç½®èƒŒæ™¯
      this.setBackgroundImage()
      //
      fabric.Object.prototype.transparentCorners = false;
      this.setBrush()
    },
    // åˆ›å»ºå„种笔刷
    setBrush() {
      if (fabric.PatternBrush) {
        // ç”»ç¬”样式
        this.vLinePatternBrush = new fabric.PatternBrush(this.canvas);
        this.vLinePatternBrush.getPatternSrc = () => {
          let patternCanvas = fabric.document.createElement("canvas");
          patternCanvas.width = patternCanvas.height = 10;
          let ctx = patternCanvas.getContext("2d");
          ctx.strokeStyle = this.lineColor;
          ctx.lineWidth = 5;
          ctx.beginPath();
          ctx.moveTo(0, 5);
          ctx.lineTo(10, 5);
          ctx.closePath();
          ctx.stroke();
          return patternCanvas;
        };
        this.hLinePatternBrush = new fabric.PatternBrush(this.canvas);
        this.hLinePatternBrush.getPatternSrc = function () {
          let patternCanvas = fabric.document.createElement("canvas");
          patternCanvas.width = patternCanvas.height = 10;
          let ctx = patternCanvas.getContext("2d");
          ctx.strokeStyle = this.lineColor;
          ctx.lineWidth = 5;
          ctx.beginPath();
          ctx.moveTo(5, 0);
          ctx.lineTo(5, 10);
          ctx.closePath();
          ctx.stroke();
          return patternCanvas;
        };
        this.squarePatternBrush = new fabric.PatternBrush(this.canvas);
        this.squarePatternBrush.getPatternSrc = function () {
          const squareWidth = 10;
          const squareDistance = 2;
          const patternCanvas = fabric.document.createElement("canvas");
          patternCanvas.width = patternCanvas.height =
            squareWidth + squareDistance;
          const ctx = patternCanvas.getContext("2d");
          ctx.fillStyle = this.color;
          ctx.fillRect(0, 0, squareWidth, squareWidth);
          return patternCanvas;
        };
        this.diamondPatternBrush = new fabric.PatternBrush(this.canvas);
        this.diamondPatternBrush.getPatternSrc = function () {
          const squareWidth = 10;
          const squareDistance = 5;
          const patternCanvas = fabric.document.createElement("canvas");
          const rect = new fabric.Rect({
            width: squareWidth,
            height: squareWidth,
            angle: 45,
            fill: this.color,
          });
          var canvasWidth = rect.getBoundingRect().width;
          patternCanvas.width = patternCanvas.height =
            canvasWidth + squareDistance;
          rect.set({ left: canvasWidth / 2, top: canvasWidth / 2 });
          var ctx = patternCanvas.getContext("2d");
          rect.render(ctx);
          return patternCanvas;
        };
        const img = new Image();
        // img.src = "../assets/images/drop.jpg";
        this.texturePatternBrush = new fabric.PatternBrush(this.canvas);
        this.texturePatternBrush.source = img;
      }
    },
    // è®¾ç½®èƒŒæ™¯å›¾æ–¹æ³•
    setBackgroundImage() {
      // ä½¿ç”¨fabric的Image.fromURL方法来加载图像
      const oldData = localStorage.getItem(
        this.config.activeBook.name + "-paint-" + this.page
      );
      this.backgroundImgUrl = oldData || this.imgUrl;
      fabric.Image.fromURL(
        this.backgroundImgUrl,
        (img) => {
          // å›¾åƒåŠ è½½å®ŒæˆåŽï¼Œå°†å…¶è®¾ç½®ä¸ºç”»å¸ƒçš„èƒŒæ™¯
          img
            .scale(
              this.canvas.width / img.width,
              this.canvas.height / img.height
            )
            .set({
              left: 0,
              top: 0,
              originX: "left",
              originY: "top",
            });
          // å°†å›¾åƒæ·»åŠ åˆ°ç”»å¸ƒä¸­ï¼Œå¹¶å°†å…¶æ”¾åœ¨æœ€åº•å±‚
          this.canvas.setBackgroundImage(
            img,
            this.canvas.renderAll.bind(this.canvas),
            {
              // å¯ä»¥è®¾ç½®å›¾åƒçš„æ ·å¼ï¼Œæ¯”如不透明度
              opacity: 0.5,
            }
          );
          // æ¸²æŸ“画布
          this.canvas.renderAll();
        },
        {
          crossOrigin: "Anonymous", // å¦‚果图像在不同域上,需要设置crossOrigin
        }
      );
    },
    // ç»˜å›¾ æ¡†é€‰ æ¨¡å¼åˆ‡æ¢
    changeDrawMode() {
      this.isDraw = !this.isDraw;
      this.canvas.isDrawingMode = !this.canvas.isDrawingMode;
    },
    // æ¸…空画布
    clearCanvas() {
      this.canvas.clear();
      this.setBackgroundImage()
    },
    // ä¿®æ”¹ç”»ç¬”颜色
    changeLineColor(e) {
      let brush = this.canvas.freeDrawingBrush;
      brush.color = e.srcElement.value;
      if (brush.getPatternSrc) {
        brush.source = brush.getPatternSrc.call(brush);
      }
      console.log(e.srcElement.value);
    },
    // ä¿®æ”¹ç”»ç¬”粗细
    changeLineWidth(e) {
      console.log(e);
      this.canvas.freeDrawingBrush.width =
        parseInt(e.srcElement.value, 10) || 1;
    },
    // ç”»ç¬”样式切换
    changeBrush() {
      if (this.brush == "hline") {
        this.canvas.freeDrawingBrush = this.vLinePatternBrush;
      } else if (this.brush == "vline") {
        this.canvas.freeDrawingBrush = this.hLinePatternBrush;
      } else if (this.brush == "square") {
        this.canvas.freeDrawingBrush = this.squarePatternBrush;
      } else if (this.brush == "diamond") {
        this.canvas.freeDrawingBrush = this.diamondPatternBrush;
      } else if (this.brush == "texture") {
        this.canvas.freeDrawingBrush = this.texturePatternBrush;
      } else {
        this.canvas.freeDrawingBrush = new fabric[this.brush + "Brush"](
          this.canvas
        );
      }
      if (this.canvas.freeDrawingBrush) {
        var brush = this.canvas.freeDrawingBrush;
        brush.color = this.lineColor;
        if (brush.getPatternSrc) {
          brush.source = brush.getPatternSrc.call(brush);
        }
        brush.width = parseInt(this.lineWidth, 10) || 1;
        brush.shadow = new fabric.Shadow({
          blur: parseInt(this.showWidth, 10) || 0,
          offsetX: 0,
          offsetY: 0,
          affectStroke: true,
          color: this.showColor,
        });
      }
    },
    // æ©¡ç𮿓¦
    setModelEraser() {
      this.isEraser = !this.isEraser;
      if (this.isEraser) {
        this.canvas.freeDrawingBrush = new fabric.EraserBrush(this.canvas); // ä½¿ç”¨æ©¡ç𮿓¦ç”»ç¬”
        this.canvas.freeDrawingBrush.width = this.lineWidth;
      } else {
        this.changeBrush();
        // this.canvas.freeDrawingBrush = new fabric.PencilBrush(this.canvas); // ä½¿ç”¨æ©¡ç𮿓¦ç”»ç¬”
        // this.canvas.freeDrawingBrush.width = this.lineWidth; // è®¾ç½®ç”»ç¬”粗细
      }
    },
    // ä¿®æ”¹é˜´å½±è‰²
    changeShowColor(e) {
      this.canvas.contextContainer.shadowColor = e.srcElement.value;
    },
    // é˜´å½±å®½åº¦
    changeShowWidth(e) {
      console.log(this.canvas);
      this.canvas.contextContainer.shadowBlur =
        parseInt(e.srcElement.value, 10) || 0;
    },
    // é˜´å½±åç§»é‡
    changeShowOffset(e) {
      this.canvas.contextContainer.shadowOffsetX =
        parseInt(e.srcElement.value, 10) || 0;
      this.canvas.contextContainer.shadowOffsetY =
        parseInt(e.srcElement.value, 10) || 0;
    },
    // ä¿å­˜å›¾ä¹¦
    saveImgData() {
      const imgData = this.canvas.toDataURL({
        format: "png", // æŒ‡å®šè¾“出格式,通常是'png'或'jpeg'
        quality: 0.8, // ä»…在输出格式为'jpeg'时有效
        multiplier: 1, // æé«˜åˆ†è¾¨çŽ‡ï¼Œå¯é€‰å‚æ•°ï¼Œé»˜è®¤ä¸º1
        left: 0, // è£å‰ªåŒºåŸŸçš„左边界(可选)
        top: 0, // è£å‰ªåŒºåŸŸçš„上边界(可选)
        width: canvas.width, // è£å‰ªåŒºåŸŸçš„宽度(可选,默认为画布的宽度)
        height: canvas.height, // è£å‰ªåŒºåŸŸçš„高度(可选,默认为画布的高度)
      });
      localStorage.setItem(
        this.config.activeBook.name + "-paint-" + this.page,
        imgData
      );
      console.log("本地图", imgData);
    },
  },
};
</script>
<style lang="less" scoped>
#canvas {
  border: 1px solid #ccc;
}
.paint-btn {
  margin-top:40px;
  padding:20px;
  border:1px solid #ededed;
  width:max-content;
  li {
    margin-bottom:6px;
  }
}
.btn-box {
  display:flex;
  justify-content:space-between;
}
</style>
yarn.lock
Diff too large