Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | | } |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | ], |
|---|
| | | "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", |
|---|
| | |
|---|
| | | }, |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "@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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | }, |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | }, |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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" |
|---|
| | | } |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | | } |
|---|
| | |
|---|
| | | "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" |
|---|
| | | }, |
|---|
| | |
|---|
| | | "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 |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | | } |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | | } |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | | } |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | | } |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | | } |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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" |
|---|
| | |
|---|
| | | "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": { |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | "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", |
|---|
| | |
|---|
| | | 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; |
|---|
| | |
|---|
| | | .w80x { |
|---|
| | | width: 80px !important; |
|---|
| | | } |
|---|
| | | .w70 { |
|---|
| | | width: 70%; |
|---|
| | | } |
|---|
| | | .w50 { |
|---|
| | | width: 50%; |
|---|
| | | } |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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 |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | |
|---|
| | | </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 |
|---|
| | |
|---|
| | | </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 |
|---|
| | |
|---|
| | | <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. |
|---|
| | |
|---|
| | | </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 |
|---|
| | |
|---|
| | | </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, |
|---|
| | |
|---|
| | | 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 |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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 |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | </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"> |
|---|
| | |
|---|
| | | </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"> |
|---|
| | |
|---|
| | | </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"> |
|---|
| | |
|---|
| | | </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"> |
|---|
| | |
|---|
| | | </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"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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=" |
|---|
| | |
|---|
| | | </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 2.Date & time 3.Address,Organizer |
|---|
| | | </p> |
|---|
| | | <div class="w100 fl ju-cn"> |
|---|
| | | <ul class="fl ju-ar w80"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | 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); |
|---|
| | | } |
|---|
| | |
|---|
| | | 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(); |
|---|
| | | }, |
|---|
| | |
|---|
| | | three:"", |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | this.showQuestionAnswer = false |
|---|
| | | }, |
|---|
| | | changeTestOneData() { |
|---|
| | | localStorage.removeItem("english-lessonTwo") |
|---|
| | |
|---|
| | | }, |
|---|
| | | setBookQuestion() { |
|---|
| | | localStorage.setItem( |
|---|
| | | "english-book-question-one", |
|---|
| | | "english-book-chapter01-question-one", |
|---|
| | | JSON.stringify(this.questionData) |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | <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="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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | |
|---|
| | | </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> |
|---|
| | | or a country,a period of 14 years is long enough to become calm,confident and |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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 |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | | <!-- çæ¡ --> |
|---|
| | |
|---|
| | | </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" |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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 & |
|---|
| | | Painting Demonstration |
|---|
| | | <span> |
|---|
| | |
|---|
| | | </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 && |
|---|
| | |
|---|
| | | </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 && |
|---|
| | |
|---|
| | | </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 && |
|---|
| | |
|---|
| | | </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 && |
|---|
| | |
|---|
| | | </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 && |
|---|
| | |
|---|
| | | </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 && |
|---|
| | |
|---|
| | | </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 && |
|---|
| | |
|---|
| | | Chinese in the brackets.</b></p> |
|---|
| | | <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" /> |
|---|
| | | <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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | <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" /> |
|---|
| | | <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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <p class="table-p">(ä¸å½ä¹¦æ³ç»ç»è¡)</p> |
|---|
| | | <p class="table-p">(Chinese Snacks Provided)</p> |
|---|
| | | </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" /> |
|---|
| | | <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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <p class="table-p">(5æ16æ¥ææäº)</p> |
|---|
| | | <p class="table-p">9:30a.m.-1l:30a.m.</p> |
|---|
| | | </td> |
|---|
| | |
|---|
| | | </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" /> |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | </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" /> |
|---|
| | | <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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | | </span>(è¶é) |
|---|
| | | </p> |
|---|
| | | <p class="table-p">Tai Chi</p> |
|---|
| | | <p class="table-p">Traditional Chinese CmAs</p> |
|---|
| | | </td> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | </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" /> |
|---|
| | | <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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | | </span>Buy souvenirs |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | Panda Base 5. |
|---|
| | | <input :disabled="tableBlanksDataOne.isComplete" type="text" class="input-bottom-border input-bc-t" |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | | 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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | }, |
|---|
| | | 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, |
|---|
| | |
|---|
| | | value: [], |
|---|
| | | }, |
|---|
| | | testData: { |
|---|
| | | check: [], |
|---|
| | | tx: { |
|---|
| | | one: "", |
|---|
| | | two: "", |
|---|
| | |
|---|
| | | six: "", |
|---|
| | | 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() { |
|---|
| | |
|---|
| | | 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(); |
|---|
| | | }, |
|---|
| | |
|---|
| | | this.showAnswerTwelve = false |
|---|
| | | }, |
|---|
| | | setBookQuestion() { |
|---|
| | | console.log("ä¿å"); |
|---|
| | | localStorage.setItem( |
|---|
| | | "english-book-question-one", |
|---|
| | | "english-book-chapter02-question-one", |
|---|
| | | JSON.stringify(this.questionData) |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | |
|---|
| | | } |
|---|
| | | 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> |
|---|
| | |
|---|
| | | 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"> |
|---|
| | |
|---|
| | | </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 }} |
|---|
| | |
|---|
| | | <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 }} |
|---|
| | |
|---|
| | | <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 }} |
|---|
| | |
|---|
| | | <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 }} |
|---|
| | |
|---|
| | | </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" |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="event-header-text-bc pd-5" v-if="listenOne[0].isShowAnswer"> |
|---|
| | |
|---|
| | | </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" |
|---|
| | |
|---|
| | | </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" |
|---|
| | |
|---|
| | | <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> |
|---|
| | | ,motivation,and |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | ã |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | </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"> |
|---|
| | |
|---|
| | | <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" |
|---|
| | |
|---|
| | | 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" |
|---|
| | |
|---|
| | | </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" |
|---|
| | |
|---|
| | | 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" |
|---|
| | |
|---|
| | | 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" |
|---|
| | |
|---|
| | | 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 |
|---|
| | |
|---|
| | | {{ 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%" |
|---|
| | |
|---|
| | | </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 |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | </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 |
|---|
| | |
|---|
| | | </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%" |
|---|
| | |
|---|
| | | <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" |
|---|
| | |
|---|
| | | <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" |
|---|
| | |
|---|
| | | </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" |
|---|
| | |
|---|
| | | <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" |
|---|
| | |
|---|
| | | <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" |
|---|
| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | <p class="dl-box"> |
|---|
| | | <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">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">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">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> |
|---|
| | | </p> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | <!-- å
容 --> |
|---|
| | | <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"> |
|---|
| | | <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"> |
|---|
| | | <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"> |
|---|
| | | <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"> |
|---|
| | | <P v-for="(item, index) in noSubmitData[3].value[1].answer" :key="index"> |
|---|
| | | {{index + 1}}.{{item}} |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | }, |
|---|
| | | 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, |
|---|
| | |
|---|
| | | ] |
|---|
| | | }, |
|---|
| | | ], |
|---|
| | | 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() { |
|---|
| | |
|---|
| | | 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(); |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | item.isComplete = true |
|---|
| | | item.isShowAnswer = true |
|---|
| | | } |
|---|
| | | console.log('æä»·', this.listenOne) |
|---|
| | | this.saveListenOneData() |
|---|
| | | }, |
|---|
| | | // ä¿å |
|---|
| | |
|---|
| | | item.value = '' |
|---|
| | | item.isRight = null |
|---|
| | | item.isComplete = false |
|---|
| | | item.isShowAnswer = false |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | // åªéè¦ä¿åçé¢ç®æ°æ® |
|---|
| | |
|---|
| | | viewwordsOne() { |
|---|
| | | for (let index = 0; index < this.wordsOne.length; index++) { |
|---|
| | | const item = this.wordsOne[index]; |
|---|
| | | item.isShowAnswer = true |
|---|
| | | item.isShowAnswer = !item.isShowAnswer |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | handelwordsOne() { |
|---|
| | |
|---|
| | | citem.isRight = citem.userAnswer == citem.answer |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.savewordsOne(); |
|---|
| | | }, |
|---|
| | | saveminiTable() { |
|---|
| | | console.log(1); |
|---|
| | |
|---|
| | | 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 |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | |
|---|
| | | <li> |
|---|
| | | <p class="center"><img class="w80" alt="" src="../../assets/images/0069-1.jpg" /></p> |
|---|
| | | <p class="center">1. |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[0].userAnswer" @change="savewarmUp" |
|---|
| | | :disabled="warmUp[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[0].userAnswer" |
|---|
| | | @change="savewarmUp" :disabled="warmUp[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | <li> |
|---|
| | | <p class="center"><img class="w80" alt="" src="../../assets/images/0069-2.jpg" /></p> |
|---|
| | | <p class="center">2. |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[1].userAnswer" @change="savewarmUp" |
|---|
| | | :disabled="warmUp[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[1].userAnswer" |
|---|
| | | @change="savewarmUp" :disabled="warmUp[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | <li> |
|---|
| | | <p class="center"><img class="w80" alt="" src="../../assets/images/0069-3.jpg" /></p> |
|---|
| | | <p class="center">3. |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[2].userAnswer" @change="savewarmUp" |
|---|
| | | :disabled="warmUp[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[2].userAnswer" |
|---|
| | | @change="savewarmUp" :disabled="warmUp[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | <li> |
|---|
| | | <p class="center"><img class="w80" alt="" src="../../assets/images/0069-4.jpg" /></p> |
|---|
| | | <p class="center">4. |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[3].userAnswer" @change="savewarmUp" |
|---|
| | | :disabled="warmUp[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[3].userAnswer" |
|---|
| | | @change="savewarmUp" :disabled="warmUp[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | <li> |
|---|
| | | <p class="center"><img class="w80" alt="" src="../../assets/images/0069-5.jpg" /></p> |
|---|
| | | <p class="center">5. |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[4].userAnswer" @change="savewarmUp" |
|---|
| | | :disabled="warmUp[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[4].userAnswer" |
|---|
| | | @change="savewarmUp" :disabled="warmUp[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | <li> |
|---|
| | | <p class="center"><img class="w80" alt="" src="../../assets/images/0069-6.jpg" /></p> |
|---|
| | | <p class="center">6. |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[5].userAnswer" @change="savewarmUp" |
|---|
| | | :disabled="warmUp[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="warmUp[0].value[5].userAnswer" |
|---|
| | | @change="savewarmUp" :disabled="warmUp[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in warmUp[0].options" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="warmUp[0].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="warmUp[0].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in warmUp[0].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | <tr> |
|---|
| | | <td>1. It takes pictures of the world from the sky.</td> |
|---|
| | | <td> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" |
|---|
| | | v-model="warmUp[1].value[0].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savewarmUp" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="warmUp[1].isComplete"> |
|---|
| | | <img :src="warmUp[1].value[0].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | |
|---|
| | | <tr> |
|---|
| | | <td>2. It allows us to open the door with fingertips.</td> |
|---|
| | | <td> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" |
|---|
| | | v-model="warmUp[1].value[1].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savewarmUp" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="warmUp[1].isComplete"> |
|---|
| | | <img :src="warmUp[1].value[1].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | |
|---|
| | | <tr> |
|---|
| | | <td>3. It cleans the foor of your room.</td> |
|---|
| | | <td> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" |
|---|
| | | v-model="warmUp[1].value[2].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savewarmUp" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="warmUp[1].isComplete"> |
|---|
| | | <img :src="warmUp[1].value[2].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>4. It allows you to experience amazing places of the world without leaving home.</td> |
|---|
| | | <td>4. It allows you to experience amazing places of the world without leaving home. |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" |
|---|
| | | v-model="warmUp[1].value[3].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savewarmUp" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="warmUp[1].isComplete"> |
|---|
| | | <img :src="warmUp[1].value[3].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr> |
|---|
| | | <td>5. It works as your personal transporter, and takes you from one place to another.</td> |
|---|
| | | <td>5. It works as your personal transporter, and takes you from one place to another. |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" |
|---|
| | | v-model="warmUp[1].value[4].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savewarmUp" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="warmUp[1].isComplete"> |
|---|
| | | <img :src="warmUp[1].value[4].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | |
|---|
| | | <tr> |
|---|
| | | <td>6. It can not only tell time but also keep track of your ftness.</td> |
|---|
| | | <td> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" v-model="warmUp[1].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savewarmUp" style="width:80px"> |
|---|
| | | <input type="text" :disabled="warmUp[1].isComplete" |
|---|
| | | v-model="warmUp[1].value[5].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savewarmUp" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="warmUp[1].isComplete"> |
|---|
| | | <svg v-if="warmUp[1].value[5].isRight" 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"> |
|---|
| | | 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="warmUp[1].value[5].isRight == 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"> |
|---|
| | | <svg v-if="warmUp[1].value[5].isRight == 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> |
|---|
| | |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="warmUp[1].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="warmUp[1].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in warmUp[1].value" :key="index" class="mr-20"> |
|---|
| | | {{ item.answer }} |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <matching :rawData="rawData" :question="question"></matching> |
|---|
| | | <h3 id="c030"><span class="bjh3">Reading</span></h3> |
|---|
| | | <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio" |
|---|
| | | ></audio> |
|---|
| | | <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" |
|---|
| | | class="audio"></audio> |
|---|
| | | <p> |
|---|
| | | 1.Technology is all around us.What images spring to your mind when you hear the word ârobotâ? |
|---|
| | | 1.Technology is all around us.What images spring to your mind when you hear the word |
|---|
| | | ârobotâ? |
|---|
| | | <span class="btn-box" @click="showNoSubmitAnswer(0,0)"> |
|---|
| | | <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> |
|---|
| | | <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" class="w100" v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" class="w100" |
|---|
| | | v-model="noSubmitData[0].value[0].userAnswer" @input="saveNoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[0].isShowAnswer"> |
|---|
| | | <span>çæ¡:</span> |
|---|
| | | <p v-for="(item,index) in noSubmitData[0].value[0].answer" :key="index"> |
|---|
| | |
|---|
| | | <p> |
|---|
| | | 2.How can robots help humans today in daily life and work? |
|---|
| | | <span class="btn-box" @click="showNoSubmitAnswer(0,1)"> |
|---|
| | | <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> |
|---|
| | | <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" class="w100" v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" class="w100" |
|---|
| | | v-model="noSubmitData[0].value[1].userAnswer" @input="saveNoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[0].value[1].isShowAnswer"> |
|---|
| | | <span>çæ¡:</span> |
|---|
| | | <p v-for="(item,index) in noSubmitData[0].value[1].answer" :key="index"> |
|---|
| | |
|---|
| | | <p>Robots are on the rise! Today they can be found working in hotels and stores.Machines will |
|---|
| | | soon be used to study sea |
|---|
| | | |
|---|
| | | <span class="word-bc" >creatures</span> |
|---|
| | | <span class="word-bc" word="creature">creatures</span> |
|---|
| | | up close.These robots can |
|---|
| | | <span class="word-bc" >blend</span> |
|---|
| | | blend right in with underwater |
|---|
| | | <span class="word-bc" >habitats</span> |
|---|
| | | <span class="word-bc" word="habitat">habitats</span> |
|---|
| | | .Robots take on tasks to make our life easier and safer.Scientists keep coming up |
|---|
| | | with jobs that machines can do.Sometimes,the machines can do a better job than humans.Take a |
|---|
| | | look at the latest robots. |
|---|
| | |
|---|
| | | by slowly opening its soft |
|---|
| | | <span class="word-bc" >rubber</span> |
|---|
| | | arms and then |
|---|
| | | <span class="word-bc" > snapping</span> |
|---|
| | | <span class="word-bc" word="snap"> snapping</span> |
|---|
| | | them shut.During tests,fish swam |
|---|
| | | alongside the Octobot.Researchers can use the robot to study sea creatures. |
|---|
| | | </p> |
|---|
| | |
|---|
| | | <span class="word-bc" >rescue</span> |
|---|
| | | <span class="word-bc" >missions</span> |
|---|
| | | and to carry heavy |
|---|
| | | <span class="word-bc" >facilities</span> |
|---|
| | | <span class="word-bc" word="facility">facilities</span> |
|---|
| | | . |
|---|
| | | </p> |
|---|
| | | <p class="center"><img class="img-f" alt="" src="../../assets/images/0071-3.jpg" /></p> |
|---|
| | |
|---|
| | | <span class="line-border-box"></span> |
|---|
| | | </p> |
|---|
| | | <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" |
|---|
| | | class="audio" |
|---|
| | | ></audio> |
|---|
| | | class="audio"></audio> |
|---|
| | | <p>creature /ËkriËtÊÉ(r)/ <i>n.</i> çç©ï¼ï¼å°¤æï¼ å¨ç©</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p><i>a living thing that can move around,such as an animal</i></p> |
|---|
| | |
|---|
| | | <p>A.Read the passage and complete the summary.</p> |
|---|
| | | <p>Nowadays,there has been a rapid increase in the use of robots in different areas.They make |
|---|
| | | peopleâs lives 1. |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" |
|---|
| | | v-model="readingOne[0].value[0].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="readingOne[0].isComplete"> |
|---|
| | | <img :src="readingOne[0].value[0].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | | .Sometimes,machines can perform better than humans.There are four |
|---|
| | | examples of the latest robots.Octobot is designed to study 2. |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" |
|---|
| | | v-model="readingOne[0].value[1].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="readingOne[0].isComplete"> |
|---|
| | | <img :src="readingOne[0].value[1].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | | ,which can blend in |
|---|
| | | with its underwater surroundings.Spot is a mechanical dog which may</p> |
|---|
| | | with its underwater surroundings.Spot is a mechanical dog which may |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="preface-bottom"> |
|---|
| | |
|---|
| | | <div class="padding-93"> |
|---|
| | | <div class="bodystyle"> |
|---|
| | | <p> be used for 3. |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" |
|---|
| | | v-model="readingOne[0].value[2].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="readingOne[0].isComplete"> |
|---|
| | | <img :src="readingOne[0].value[2].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | | missions.Mingo could be found in hotels making 4. |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" |
|---|
| | | v-model="readingOne[0].value[3].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="readingOne[0].isComplete"> |
|---|
| | | <img :src="readingOne[0].value[3].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | | .A humanoid |
|---|
| | | robot Pepper has been created to communicate with humans and react to 5. |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" v-model="readingOne[0].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingOne[0].isComplete" |
|---|
| | | v-model="readingOne[0].value[4].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <span class="icon-box" v-if="readingOne[0].isComplete"> |
|---|
| | | <img :src="readingOne[0].value[4].isRight ? correctIcon : errorIcon" alt=""> |
|---|
| | | </span> |
|---|
| | | .</p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingOne[0].isShowAnswer"> |
|---|
| | | . |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[0].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingOne[0].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | </li> --> |
|---|
| | | <li> |
|---|
| | | <span>Pepper</span> |
|---|
| | | <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne"></dropdown> |
|---|
| | | <img :src="readingOne[1].value[0].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> |
|---|
| | | <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataOne" |
|---|
| | | ref="choiceDropdownOne" :value ="readingOne[1].value[0].userAnswer"></dropdown> |
|---|
| | | <img :src="readingOne[1].value[0].isRight ? correctIcon : errorIcon" alt="" |
|---|
| | | v-if="readingOne[1].isComplete"> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <span>Spot</span> |
|---|
| | | <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo"></dropdown> |
|---|
| | | <img :src="readingOne[1].value[1].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> |
|---|
| | | <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataTwo" |
|---|
| | | ref="choiceDropdownTwo" :value ="readingOne[1].value[1].userAnswer"></dropdown> |
|---|
| | | <img :src="readingOne[1].value[1].isRight ? correctIcon : errorIcon" alt="" |
|---|
| | | v-if="readingOne[1].isComplete"> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <span>Mingo</span> |
|---|
| | | <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataThree" ref="choiceDropdownThree"></dropdown> |
|---|
| | | <img :src="readingOne[1].value[2].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> |
|---|
| | | <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataThree" |
|---|
| | | ref="choiceDropdownThree" :value ="readingOne[1].value[2].userAnswer"></dropdown> |
|---|
| | | <img :src="readingOne[1].value[2].isRight ? correctIcon : errorIcon" alt="" |
|---|
| | | v-if="readingOne[1].isComplete"> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <span>Octobot</span> |
|---|
| | | <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataFour" ref="choiceDropdownFour"></dropdown> |
|---|
| | | <img :src="readingOne[1].value[3].isRight ? correctIcon : errorIcon" alt="" v-if="readingOne[1].isComplete"> |
|---|
| | | <dropdown :options="readingOne[1].option" @changeDropdownData="changeDropdownDataFour" |
|---|
| | | ref="choiceDropdownFour" :value ="readingOne[1].value[3].userAnswer"></dropdown> |
|---|
| | | <img :src="readingOne[1].value[3].isRight ? correctIcon : errorIcon" alt="" |
|---|
| | | v-if="readingOne[1].isComplete"> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingOne[1].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[1].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingOne[1].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ arrayToString(item.answer) }} |
|---|
| | |
|---|
| | | <p>facilityãmissionãmechanicalãhabitatãcreatureãreact</p> |
|---|
| | | </div> |
|---|
| | | <p>1.This jellyfish looks like a |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> |
|---|
| | | from outer space.</p> |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" |
|---|
| | | v-model="readingOne[2].value[0].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[2].isComplete"> |
|---|
| | | from outer space. |
|---|
| | | </p> |
|---|
| | | <p>2.The giant panda |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> |
|---|
| | | is commonly known as a bamboo forest.</p> |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" |
|---|
| | | v-model="readingOne[2].value[1].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[2].isComplete"> |
|---|
| | | is commonly known as a bamboo forest. |
|---|
| | | </p> |
|---|
| | | <p>3.China launched its first manned space |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> |
|---|
| | | in 2003.</p> |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" |
|---|
| | | v-model="readingOne[2].value[2].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[2].isComplete"> |
|---|
| | | in 2003. |
|---|
| | | </p> |
|---|
| | | <p>4.E-Theatre is equipped with state-of-the-art audio and video |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> |
|---|
| | | .</p> |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" |
|---|
| | | v-model="readingOne[2].value[3].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[2].isComplete"> |
|---|
| | | . |
|---|
| | | </p> |
|---|
| | | <p>5.Research shows that video games can help us think and |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> |
|---|
| | | faster.</p> |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" |
|---|
| | | v-model="readingOne[2].value[4].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[2].isComplete"> |
|---|
| | | faster. |
|---|
| | | </p> |
|---|
| | | <p>6.Our company has over 10 years of experience in the field of |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" v-model="readingOne[2].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> |
|---|
| | | engineering.</p> |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" |
|---|
| | | v-model="readingOne[2].value[5].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[2].value[5].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[2].isComplete"> |
|---|
| | | engineering. |
|---|
| | | </p> |
|---|
| | | <p>B.Choose the correct preposition or adverb.</p> |
|---|
| | | <p>1.I have not yet seen the machines |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> |
|---|
| | | (<i>in / into</i>) action.</p> |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" |
|---|
| | | v-model="readingOne[3].value[0].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[3].isComplete"> |
|---|
| | | (<i>in / into</i>) action. |
|---|
| | | </p> |
|---|
| | | <p>2.Technology is |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> |
|---|
| | | (<i>off / on</i>) the rise more than ever before.</p> |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" |
|---|
| | | v-model="readingOne[3].value[1].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[3].isComplete"> |
|---|
| | | (<i>off / on</i>) the rise more than ever before. |
|---|
| | | </p> |
|---|
| | | <p>3.The secretary is not willing to take |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" |
|---|
| | | v-model="readingOne[3].value[2].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[3].isComplete"> |
|---|
| | | (<i>up / on</i>) any extra work. |
|---|
| | | </p> |
|---|
| | | <p>4.Employees are not allowed to smoke while |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> |
|---|
| | | (<i>on / in</i>) the job.</p> |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" |
|---|
| | | v-model="readingOne[3].value[3].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[3].isComplete"> |
|---|
| | | (<i>on / in</i>) the job. |
|---|
| | | </p> |
|---|
| | | <p>5.I donât know how to cheer him |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" v-model="readingOne[3].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" |
|---|
| | | v-model="readingOne[3].value[4].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:80px"> |
|---|
| | | <img :src="readingOne[3].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[3].isComplete"> |
|---|
| | | (<i>up / on</i>) when he found the |
|---|
| | | project was a total failure. |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingOne[3].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <p>C.Translate the following sentences into Chinese.</p> |
|---|
| | | <p>1.While riding your scooter,you should keep your body in balance. |
|---|
| | | <img :src="readingOne[4].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> |
|---|
| | | <img :src="readingOne[4].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[4].isComplete"> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" |
|---|
| | | v-model="readingOne[4].value[0].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne"> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div class="bodystyle"> |
|---|
| | | <p>2.The task of the robot is to serve the technicians on the site by fetching supplies from a |
|---|
| | | central store. |
|---|
| | | <img :src="readingOne[4].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> |
|---|
| | | <img :src="readingOne[4].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[4].isComplete"> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" |
|---|
| | | v-model="readingOne[4].value[1].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne"> |
|---|
| | | </p> |
|---|
| | | <p>3.Not only does our team have professional equipment,but they also have a great amount of |
|---|
| | | rescue experience. |
|---|
| | | <img :src="readingOne[4].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> |
|---|
| | | <img :src="readingOne[4].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[4].isComplete"> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" |
|---|
| | | v-model="readingOne[4].value[2].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne"> |
|---|
| | | </p> |
|---|
| | | <p>4.Food processors are great tools for blending vegetables and fruits. |
|---|
| | | <img :src="readingOne[4].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[4].isComplete"> |
|---|
| | | <img :src="readingOne[4].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[4].isComplete"> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" v-model="readingOne[4].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" |
|---|
| | | v-model="readingOne[4].value[3].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne"> |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingOne[4].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[4].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingOne[4].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | <img class="w100" :src="imgThirteen" /> |
|---|
| | | </div> |
|---|
| | | <p>A.Write the comparative form for each word below.</p> |
|---|
| | | <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff;margin:0 auto" class="fz-14"> |
|---|
| | | <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff;margin:0 auto" |
|---|
| | | class="fz-14"> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-lf" style="width: 33%;"> |
|---|
| | | l. often â |
|---|
| | | <input :disabled="readingOne[5].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <input :disabled="readingOne[5].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingOne[5].value[0].userAnswer" @change="saveReadingOne" /> |
|---|
| | | <img :src="readingOne[5].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> |
|---|
| | | <img :src="readingOne[5].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[5].isComplete"> |
|---|
| | | </td> |
|---|
| | | <td class="tl-lf" style="width: 33%;">2. go0d â<input :disabled="readingOne[5].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <td class="tl-lf" style="width: 33%;">2. go0d â<input |
|---|
| | | :disabled="readingOne[5].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingOne[5].value[1].userAnswer" @change="saveReadingOne" /> |
|---|
| | | <img :src="readingOne[5].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> |
|---|
| | | <img :src="readingOne[5].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[5].isComplete"> |
|---|
| | | </td> |
|---|
| | | <td class="tl-lf" style="width: 33%;">3. bad â<input :disabled="readingOne[5].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <td class="tl-lf" style="width: 33%;">3. bad â<input |
|---|
| | | :disabled="readingOne[5].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingOne[5].value[2].userAnswer" @change="saveReadingOne" /> |
|---|
| | | <img :src="readingOne[5].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> |
|---|
| | | <img :src="readingOne[5].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[5].isComplete"> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc "> |
|---|
| | | <td class="tl-lf">4. early â<input :disabled="readingOne[5].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingOne[5].value[3].userAnswer" @change="saveReadingOne" /> |
|---|
| | | <img :src="readingOne[5].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> |
|---|
| | | <img :src="readingOne[5].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[5].isComplete"> |
|---|
| | | </td> |
|---|
| | | <td class="tl-lf">5. heavy â<input :disabled="readingOne[5].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingOne[5].value[4].userAnswer" @change="saveReadingOne" /> |
|---|
| | | <img :src="readingOne[5].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> |
|---|
| | | <img :src="readingOne[5].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[5].isComplete"> |
|---|
| | | </td> |
|---|
| | | <td class="tl-lf">6. late â<input :disabled="readingOne[5].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingOne[5].value[5].userAnswer" @change="saveReadingOne" /> |
|---|
| | | <img :src="readingOne[5].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> |
|---|
| | | <img :src="readingOne[5].value[5].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[5].isComplete"> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-lf">7. dangerous â<input :disabled="readingOne[5].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingOne[5].value[6].userAnswer" @change="saveReadingOne" /> |
|---|
| | | <img :src="readingOne[5].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> |
|---|
| | | <img :src="readingOne[5].value[6].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[5].isComplete"> |
|---|
| | | </td> |
|---|
| | | <td class="tl-lf">8. thin â<input :disabled="readingOne[5].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingOne[5].value[7].userAnswer" @change="saveReadingOne" /> |
|---|
| | | <img :src="readingOne[5].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> |
|---|
| | | <img :src="readingOne[5].value[7].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[5].isComplete"> |
|---|
| | | </td> |
|---|
| | | <td class="tl-lf">9. far â<input :disabled="readingOne[5].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingOne[5].value[8].userAnswer" @change="saveReadingOne" /> |
|---|
| | | <img :src="readingOne[5].value[8].isRight ? correctIcon : errorIcon" v-if="readingOne[5].isComplete"> |
|---|
| | | <img :src="readingOne[5].value[8].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[5].isComplete"> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingOne[5].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ arrayToString(item.answer) }} |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <p>B.Fill in the blanks with the correct comparatives from the above.</p> |
|---|
| | | <p>1.The new car model may be launched |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[0].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> |
|---|
| | | than expected.</p> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" |
|---|
| | | v-model="readingOne[6].value[0].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[6].isComplete"> |
|---|
| | | than expected. |
|---|
| | | </p> |
|---|
| | | <p>2.The higher we go above the earth,the |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[1].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> |
|---|
| | | the air is.</p> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" |
|---|
| | | v-model="readingOne[6].value[1].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[6].isComplete"> |
|---|
| | | the air is. |
|---|
| | | </p> |
|---|
| | | <p>3.What you plant now,you will harvest |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[2].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> |
|---|
| | | .</p> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" |
|---|
| | | v-model="readingOne[6].value[2].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[6].isComplete"> |
|---|
| | | . |
|---|
| | | </p> |
|---|
| | | <p>4.People come online |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[3].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> |
|---|
| | | with smartphones than with any other device.</p> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" |
|---|
| | | v-model="readingOne[6].value[3].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[6].isComplete"> |
|---|
| | | with smartphones than with any other device. |
|---|
| | | </p> |
|---|
| | | <p>5.The big ball is |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[4].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> |
|---|
| | | than the small ball.</p> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" |
|---|
| | | v-model="readingOne[6].value[4].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[6].isComplete"> |
|---|
| | | than the small ball. |
|---|
| | | </p> |
|---|
| | | <p>6.In fact,the summer heat is |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[5].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> |
|---|
| | | than lightning.</p> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" |
|---|
| | | v-model="readingOne[6].value[5].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[5].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[6].isComplete"> |
|---|
| | | than lightning. |
|---|
| | | </p> |
|---|
| | | <p>7.Our mission is to create a/an |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[6].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[6].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> |
|---|
| | | everyday life for the many people.</p> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" |
|---|
| | | v-model="readingOne[6].value[6].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[6].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[6].isComplete"> |
|---|
| | | everyday life for the many people. |
|---|
| | | </p> |
|---|
| | | <p>8.I wanted to discuss it |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="readingOne[6].value[7].userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[7].isRight ? correctIcon : errorIcon" v-if="readingOne[6].isComplete"> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" |
|---|
| | | v-model="readingOne[6].value[7].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="saveReadingOne" style="width:86px"> |
|---|
| | | <img :src="readingOne[6].value[7].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingOne[6].isComplete"> |
|---|
| | | ,but we didnât have time. |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingOne[6].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[6].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingOne[6].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | <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" |
|---|
| | | >physical</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">physical</span> |
|---|
| | | <span class="word-bc mr-20 dl-span" >complex</span> |
|---|
| | | <span class="word-bc mr-20 dl-span" >social</span> |
|---|
| | | <span class="word-bc mr-20 dl-span" |
|---|
| | | >relationship</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">relationship</span> |
|---|
| | | <span class="word-bc mr-20 dl-span" >feeling</span> |
|---|
| | | <span class="word-bc mr-20 dl-span" >emotion</span> |
|---|
| | | <span class="word-bc mr-20 dl-span" >empathy</span> |
|---|
| | | <span class="word-bc mr-20 dl-span" >thought</span> |
|---|
| | | <span class="word-bc mr-20 dl-span" |
|---|
| | | >tireless</span> |
|---|
| | | <span class="word-bc mr-20 dl-span" |
|---|
| | | >creative</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">tireless</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">creative</span> |
|---|
| | | </p> |
|---|
| | | <p>ããããããããã |
|---|
| | | </p> |
|---|
| | |
|---|
| | | <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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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/4-1ãMODULE 4ï¼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" /> |
|---|
| | | </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/4-1ãMODULE 4ï¼lesson oneï¼_23.jpg" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <li v-for="(item,index) in noSubmitData[2].value.slice(0,2)" :key="index"> |
|---|
| | | <p> |
|---|
| | | {{index + 1}}.{{item.stem}} |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="noSubmitData[2].isComplete"> |
|---|
| | | </p> |
|---|
| | | |
|---|
| | | <p v-for="(citem,cindex) in item.option" :key="cindex"> |
|---|
| | | <input type="checkbox" |
|---|
| | | :value="citem" |
|---|
| | | :name="item.stem" |
|---|
| | | v-model="item.userAnswer" |
|---|
| | | :disabled="noSubmitData[2].isComplete" |
|---|
| | | @change="saveNoSubmitData" |
|---|
| | | > |
|---|
| | | <input type="checkbox" :value="citem" :name="item.stem" |
|---|
| | | v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" |
|---|
| | | @change="saveNoSubmitData"> |
|---|
| | | {{citem}} |
|---|
| | | </p> |
|---|
| | | </li> |
|---|
| | |
|---|
| | | <li v-for="(item,index) in noSubmitData[2].value.slice(2,5)" :key="index"> |
|---|
| | | <p> |
|---|
| | | {{index + 3}}.{{item.stem}} |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="noSubmitData[2].isComplete"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="noSubmitData[2].isComplete"> |
|---|
| | | </p> |
|---|
| | | |
|---|
| | | <p v-for="(citem,cindex) in item.option" :key="cindex"> |
|---|
| | | <input type="checkbox" :value="citem" :name="item.stem" v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" @change="saveNoSubmitData"> |
|---|
| | | <input type="checkbox" :value="citem" :name="item.stem" |
|---|
| | | v-model="item.userAnswer" :disabled="noSubmitData[2].isComplete" |
|---|
| | | @change="saveNoSubmitData"> |
|---|
| | | {{citem}} |
|---|
| | | </p> |
|---|
| | | </li> |
|---|
| | |
|---|
| | | <p><i>Most students seem</i>â¦</p> |
|---|
| | | <p><i>It appears that most students</i>â¦</p> |
|---|
| | | <p><i>What surprised me is that</i>â¦</p> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" class="w100" v-model="noSubmitData[3].value[0].userAnswer" @change="saveNoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" class="w100" |
|---|
| | | v-model="noSubmitData[3].value[0].userAnswer" @change="saveNoSubmitData"></textarea> |
|---|
| | | <h3 id="c033"><span class="bjh3">Reading</span></h3> |
|---|
| | | <p>1.Are you amazed by the stars in the night sky,wondering what brought life into existence? |
|---|
| | | <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"> |
|---|
| | | <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" class="w100" v-model="noSubmitData[3].value[1].userAnswer" @change="saveNoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" class="w100" |
|---|
| | | v-model="noSubmitData[3].value[1].userAnswer" @change="saveNoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[1].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼{{noSubmitData[3].value[1].answer}}</span> |
|---|
| | | </div> |
|---|
| | | <p>2.What is your dream about space exploration? |
|---|
| | | <span class="btn-box" @click="showNoSubmitAnswer(3,2)"> |
|---|
| | | <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> |
|---|
| | | <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" class="w100" v-model="noSubmitData[3].value[2].userAnswer" @change="saveNoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" class="w100" |
|---|
| | | v-model="noSubmitData[3].value[2].userAnswer" @change="saveNoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[3].value[2].isShowAnswer"> |
|---|
| | | <span>çæ¡:</span> |
|---|
| | | <p v-for="(item,index) in noSubmitData[3].value[2].answer" :key="index"> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <p class="center"><b>Fresh Face of Science</b></p> |
|---|
| | | <p class="center"> |
|---|
| | | <audio :src="resource.readingThree" controls |
|---|
| | | controlslist="noplaybackrate nodownload" class="audio" ></audio></p> |
|---|
| | | <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" |
|---|
| | | class="audio"></audio> |
|---|
| | | </p> |
|---|
| | | <p class="center"><img class="img-e" alt="" src="../../assets/images/0076-2.jpg" /></p> |
|---|
| | | <p>According to Zhao Hongzhou,founder of Chinaâs |
|---|
| | | <span class="word-bc" >scientometrics</span> |
|---|
| | |
|---|
| | | <div class="padding-93"> |
|---|
| | | <div class="bodystyle"> |
|---|
| | | <p>quite helpful in the discovery of around 340 |
|---|
| | | <span class="word-bc" >pulsars</span> |
|---|
| | | <span class="word-bc" word="pulsar">pulsars</span> |
|---|
| | | ,since becoming operational in September |
|---|
| | | 2016.It has also contributed to helping human beings better understand the |
|---|
| | | <span class="word-bc">origin</span> |
|---|
| | | of fast radio |
|---|
| | | <span class="word-bc" >bursts</span> |
|---|
| | | <span class="word-bc" word="burst">bursts</span> |
|---|
| | | ,extremely brief but powerful flashes in the |
|---|
| | | <span class="word-bc" >universe</span> |
|---|
| | | .FAST was listed by the journals |
|---|
| | |
|---|
| | | spent 15 years on FAST,and,in return,FAST helped him to grow,increased his knowledge,and |
|---|
| | | <span class="word-bc" word = "reward">rewarded</span> |
|---|
| | | him with confidence as he |
|---|
| | | <span class="word-bc" >overcame</span> |
|---|
| | | <span class="word-bc" word="overcome">overcame</span> |
|---|
| | | many difficulties and setbacks. |
|---|
| | | </p> |
|---|
| | | <p>The âSky Eyeâ is open to the world and offers more |
|---|
| | |
|---|
| | | <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> |
|---|
| | | <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>scientometrics /ËsaɪÉntÉÊËmetrɪks/ <i>n.</i> ç§å¦è®¡éå¦</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p><i>the science of measuring and analyzing science</i></p> |
|---|
| | |
|---|
| | | <td style="width: 65%;"> |
|---|
| | | <p class="table-p"> |
|---|
| | | The engineering and operation team has an average age of 1. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <input :disabled="readingTwo[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo" /> |
|---|
| | | <img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> |
|---|
| | | <img :src="readingTwo[0].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingTwo[0].isComplete"> |
|---|
| | | while the on-site team has an average age of 2. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <input :disabled="readingTwo[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingTwo[0].value[1].userAnswer" @change="saveReadingTwo" /> |
|---|
| | | <img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> |
|---|
| | | <img :src="readingTwo[0].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingTwo[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn table-th-bc">Achievements</td> |
|---|
| | | <td style="width: 65%;"> |
|---|
| | | <p class="table-p">The team built the worldâs largest radio telescope, which has been quite helpful in the discovery of around 3. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <p class="table-p">The team built the worldâs largest radio telescope, which has |
|---|
| | | been quite helpful in the discovery of around 3. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingTwo[0].value[2].userAnswer" @change="saveReadingTwo" /> |
|---|
| | | <img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> |
|---|
| | | <img :src="readingTwo[0].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingTwo[0].isComplete"> |
|---|
| | | pulsars, since becoming operational in September 4. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <input :disabled="readingTwo[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingTwo[0].value[3].userAnswer" @change="saveReadingTwo" /> |
|---|
| | | <img :src="readingTwo[0].value[3].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> |
|---|
| | | <img :src="readingTwo[0].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingTwo[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn table-th-bc">Contributions ofTeam Members</td> |
|---|
| | | <td style="width: 65%;"> |
|---|
| | | <p class="table-p">A researcher behind FASTâs feed cabin, was responsible for creating the âpupilâ of the âSky Eyeâ. She joined the team at the age of 5. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <p class="table-p">A researcher behind FASTâs feed cabin, was responsible for |
|---|
| | | creating the âpupilâ of the âSky Eyeâ. She joined the team at the age of 5. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingTwo[0].value[4].userAnswer" @change="saveReadingTwo" /> |
|---|
| | | <img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> |
|---|
| | | <img :src="readingTwo[0].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingTwo[0].isComplete"> |
|---|
| | | Sun Jinghai A 6. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <input :disabled="readingTwo[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingTwo[0].value[5].userAnswer" @change="saveReadingTwo" /> |
|---|
| | | <img :src="readingTwo[0].value[5].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> |
|---|
| | | ________-year-old researcher of FAST, was involved in perfecting and protecting the giant machine. He spent 7. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | <img :src="readingTwo[0].value[5].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingTwo[0].isComplete"> |
|---|
| | | ________-year-old researcher of FAST, was involved in perfecting and protecting |
|---|
| | | the giant machine. He spent 7. |
|---|
| | | <input :disabled="readingTwo[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 5em" |
|---|
| | | v-model="readingTwo[0].value[6].userAnswer" @change="saveReadingTwo" /> |
|---|
| | | <img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon" v-if="readingTwo[0].isComplete"> |
|---|
| | | <img :src="readingTwo[0].value[6].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="readingTwo[0].isComplete"> |
|---|
| | | years on FAST. |
|---|
| | | </p> |
|---|
| | | </td> |
|---|
| | |
|---|
| | | <p v-for="(item,index) in readingTwo[1].value" :key="index"> |
|---|
| | | ( |
|---|
| | | <select v-model="item.userAnswer" class="select-border" @change="saveReadingTwo"> |
|---|
| | | <option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex" |
|---|
| | | :value="citem"> |
|---|
| | | <option v-for="(citem, cindex) in readingTwo[1].option" :key="cindex" :value="citem"> |
|---|
| | | {{ citem }} |
|---|
| | | </option> |
|---|
| | | </select> |
|---|
| | |
|---|
| | | <p><b>â
¡.Language focus.</b></p> |
|---|
| | | <p v-for="(item,index) in readingTwo[2].value" :key="index"> |
|---|
| | | {{index + 1}}.{{item.stemOne}} |
|---|
| | | <input :disabled="readingTwo[2].isComplete" type="text" |
|---|
| | | class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" |
|---|
| | | /> |
|---|
| | | <input :disabled="readingTwo[2].isComplete" type="text" class="input-bottom-border" |
|---|
| | | style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> |
|---|
| | | {{item.stemTwo}} |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete"> |
|---|
| | | </p> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <p v-for="(item,index) in readingTwo[3].value" :key="'list' + index"> |
|---|
| | | {{index + 1}}.{{item.stemOne}} |
|---|
| | | <input :disabled="readingTwo[3].isComplete" type="text" |
|---|
| | | class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" |
|---|
| | | /> |
|---|
| | | <input :disabled="readingTwo[3].isComplete" type="text" class="input-bottom-border" |
|---|
| | | style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> |
|---|
| | | {{item.stemTwo}} |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete"> |
|---|
| | | </p> |
|---|
| | |
|---|
| | | <p>Complete the sentences with the superlative form of the words in the brackets.</p> |
|---|
| | | <p v-for="(item,index) in readingTwo[4].value" :key="'hold' + index"> |
|---|
| | | {{index + 1}}.{{item.stemOne}} |
|---|
| | | <input :disabled="readingTwo[4].isComplete" type="text" |
|---|
| | | class="input-bottom-border" style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" |
|---|
| | | /> |
|---|
| | | <input :disabled="readingTwo[4].isComplete" type="text" class="input-bottom-border" |
|---|
| | | style="width: 60px" v-model="item.userAnswer" @input="saveReadingTwo" /> |
|---|
| | | {{item.stemTwo}} |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> |
|---|
| | | </p> |
|---|
| | |
|---|
| | | <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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼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/4-2ãMODULE 4ï¼lesson twoï¼_18.jpg" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" |
|---|
| | | class="audio"></audio> |
|---|
| | | <p> |
|---|
| | | <input type="checkbox" value="What it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
|---|
| | | <input type="checkbox" value="What it is" name="what" |
|---|
| | | v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> |
|---|
| | | 1.What it is |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[0],0) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[0], 0) ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <input type="checkbox" value="Where Nadia got it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
|---|
| | | <input type="checkbox" value="Where Nadia got it" name="what" |
|---|
| | | v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> |
|---|
| | | 2.Where Nadia got it |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[1],1) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[1], 1) ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <input type="checkbox" value="How much it is" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
|---|
| | | <input type="checkbox" value="How much it is" name="what" |
|---|
| | | v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> |
|---|
| | | 3.How much it is |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[2],2) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[2], 2) ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <input type="checkbox" value="What Nadia uses it for" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
|---|
| | | <input type="checkbox" value="What Nadia uses it for" name="what" |
|---|
| | | v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> |
|---|
| | | 4.What Nadia uses it for |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[3],3) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[3], 3) ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div class="padding-93"> |
|---|
| | | <div class="bodystyle"> |
|---|
| | | <p> |
|---|
| | | <input type="checkbox" value="When Nadia owned it" name="what" v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete"> |
|---|
| | | <input type="checkbox" value="When Nadia owned it" name="what" |
|---|
| | | v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> |
|---|
| | | 5.When Nadia owned it |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[4],4) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[4], 4) ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <input |
|---|
| | | type="checkbox" |
|---|
| | | value="Why it is important to Nadia" |
|---|
| | | name="what" |
|---|
| | | v-model="listenTwo[0].value[0].userAnswer" |
|---|
| | | :disabled="listenTwo[0].isComplete" |
|---|
| | | > |
|---|
| | | <input type="checkbox" value="Why it is important to Nadia" name="what" |
|---|
| | | v-model="listenTwo[0].value[0].userAnswer" :disabled="listenTwo[0].isComplete" @change="savelistenTwo"> |
|---|
| | | 6.Why it is important to Nadia |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer,listenTwo[0].value[0].userAnswer[5],5) ? correctIcon : errorIcon" v-if="listenTwo[0].isComplete"> |
|---|
| | | <img :src="isTextRight(listenTwo[0].value[0].answer, listenTwo[0].value[0].userAnswer[5], 5) ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTwo[0].isShowAnswer"> |
|---|
| | | <span>çæ¡:</span> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p class="table-p"> |
|---|
| | | It wakes me up 1. |
|---|
| | | <input :disabled="listenTwo[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="listenTwo[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="listenTwo[1].value[0].userAnswer" @change="savelistenTwo" /> |
|---|
| | | <img :src="listenTwo[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> |
|---|
| | | <img :src="listenTwo[1].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[1].isComplete"> |
|---|
| | | in the morning. |
|---|
| | | </p> |
|---|
| | | <p class="table-p"> |
|---|
| | | It plays my 2. |
|---|
| | | <input :disabled="listenTwo[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="listenTwo[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="listenTwo[1].value[1].userAnswer" @change="savelistenTwo" /> |
|---|
| | | <img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> |
|---|
| | | <img :src="listenTwo[1].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[1].isComplete"> |
|---|
| | | music. |
|---|
| | | </p> |
|---|
| | | <p class="table-p"> |
|---|
| | |
|---|
| | | <td class="tl-lf"> |
|---|
| | | <p class="table-p"> |
|---|
| | | It 3. |
|---|
| | | <input :disabled="listenTwo[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="listenTwo[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="listenTwo[1].value[2].userAnswer" @change="savelistenTwo" /> |
|---|
| | | <img :src="listenTwo[1].value[2].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> |
|---|
| | | <img :src="listenTwo[1].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[1].isComplete"> |
|---|
| | | suggests things that I |
|---|
| | | want. |
|---|
| | | </p> |
|---|
| | | <p class="table-p"> |
|---|
| | | It makes shopping a 4. |
|---|
| | | <input :disabled="listenTwo[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="listenTwo[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="listenTwo[1].value[3].userAnswer" @change="savelistenTwo" /> |
|---|
| | | <img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> |
|---|
| | | <img :src="listenTwo[1].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[1].isComplete"> |
|---|
| | | experience. |
|---|
| | | </p> |
|---|
| | | </td> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p class="table-p"> |
|---|
| | | They're so 5. |
|---|
| | | <input :disabled="listenTwo[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="listenTwo[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="listenTwo[1].value[4].userAnswer" @change="savelistenTwo" /> |
|---|
| | | <img :src="listenTwo[1].value[4].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> |
|---|
| | | <img :src="listenTwo[1].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[1].isComplete"> |
|---|
| | | for foreign language |
|---|
| | | learning. |
|---|
| | | </p> |
|---|
| | | <p class="table-p"> |
|---|
| | | I can figure out words or the meaning of words 6. |
|---|
| | | <input :disabled="listenTwo[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="listenTwo[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="listenTwo[1].value[5].userAnswer" @change="savelistenTwo" /> |
|---|
| | | <img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon" v-if="listenTwo[1].isComplete"> |
|---|
| | | <img :src="listenTwo[1].value[5].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTwo[1].isComplete"> |
|---|
| | | </p> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | |
|---|
| | | <p>Work with your partner to discuss the following questions.</p> |
|---|
| | | <p>1.What is a sales letter like? |
|---|
| | | <span class="btn-box" @click="showNoSubmitAnswer(5,0)"> |
|---|
| | | <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> |
|---|
| | | <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[5].value[0].userAnswer" |
|---|
| | | class="w100" @input="saveNoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[0].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼{{noSubmitData[5].value[0].answer}}</span> |
|---|
| | | </div> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> |
|---|
| | | <p>2.What are the purposes of a sales letter? |
|---|
| | | <span class="btn-box" @click="showNoSubmitAnswer(5,1)"> |
|---|
| | | <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> |
|---|
| | | <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[5].value[1].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[5].value[1].userAnswer" |
|---|
| | | class="w100" @input="saveNoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[5].value[1].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼{{noSubmitData[5].value[1].answer}}</span> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <p class="left">Gardening can be back-breaking work when you are not using the right tools. |
|---|
| | | Almost 90% of homeowners injure their backs just by simply raking (è) the leaves in |
|---|
| | | their back yards. If you are like them and 1. |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="practicalWriting[0].value[0].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> |
|---|
| | | <img :src="practicalWriting[0].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[0].isComplete"> |
|---|
| | | a sore back after gardening, then |
|---|
| | | you need to use our new easy rake leaf blower.</p> |
|---|
| | | you need to use our new easy rake leaf blower. |
|---|
| | | </p> |
|---|
| | | <p class="left">What is the 2. |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="practicalWriting[0].value[1].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[0].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> |
|---|
| | | raking and blowing leaves:</p> |
|---|
| | | <img :src="practicalWriting[0].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[0].isComplete"> |
|---|
| | | raking and blowing leaves: |
|---|
| | | </p> |
|---|
| | | <p class="left">ããâNo bending over, so less back pain</p> |
|---|
| | | <p class="left">ããâ3. |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="practicalWriting[0].value[2].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[0].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> |
|---|
| | | and your arms do not ache</p> |
|---|
| | | <img :src="practicalWriting[0].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[0].isComplete"> |
|---|
| | | and your arms do not ache |
|---|
| | | </p> |
|---|
| | | <p class="left">ããâPowerful motor blows leaves right where you want them</p> |
|---|
| | | <p class="left">ããâDurable and easy to store in your garage</p> |
|---|
| | | <p class="left">ããâ4. |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="practicalWriting[0].value[3].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[0].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> |
|---|
| | | 20% discount with every purchase</p> |
|---|
| | | <img :src="practicalWriting[0].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[0].isComplete"> |
|---|
| | | 20% discount with every purchase |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div class="bodystyle"> |
|---|
| | | <div class="fieldset-3"> |
|---|
| | | <p class="left">To 5. |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | <input :disabled="practicalWriting[0].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" style="width: 60px" |
|---|
| | | v-model="practicalWriting[0].value[4].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[0].isComplete"> |
|---|
| | | <img :src="practicalWriting[0].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[0].isComplete"> |
|---|
| | | this offer, just come into our store on the corner of Main and |
|---|
| | | Front Streets between 8 a.m. and 5 p.m. and see what this leaf blower can do for you. |
|---|
| | | </p> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <p><b>â
¢.Translate the Chinese in the brackets into English to complete the sentences.</b></p> |
|---|
| | | <p class="tl-left">1.Are you having trouble cleaning your house? |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" |
|---|
| | | v-model="practicalWriting[1].value[0].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[0].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> |
|---|
| | | (æ们æ解å³æ¹æ¡).</p> |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[0].userAnswer" |
|---|
| | | @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[1].isComplete"> |
|---|
| | | (æ们æ解å³æ¹æ¡). |
|---|
| | | </p> |
|---|
| | | <p class="tl-left">2. |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" |
|---|
| | | v-model="practicalWriting[1].value[1].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[1].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> |
|---|
| | | (æ们ååæ¨åºä¸æ¬¾æ°äº§å) âmodern sweeper XSweep.</p> |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[1].userAnswer" |
|---|
| | | @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[1].isComplete"> |
|---|
| | | (æ们ååæ¨åºä¸æ¬¾æ°äº§å) âmodern sweeper XSweep. |
|---|
| | | </p> |
|---|
| | | <p class="tl-left">3.With XSweep,you can do it straight from the ground and |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" |
|---|
| | | v-model="practicalWriting[1].value[2].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[2].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> |
|---|
| | | (å®çé¿åº¦å¯è¾¾4è±å°º).</p> |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[2].userAnswer" |
|---|
| | | @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[1].isComplete"> |
|---|
| | | (å®çé¿åº¦å¯è¾¾4è±å°º). |
|---|
| | | </p> |
|---|
| | | <p class="tl-left">4.How much will this cost you? |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" |
|---|
| | | v-model="practicalWriting[1].value[3].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[3].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> |
|---|
| | | (å«è¿è´¹åªè¦19.99ç¾å
).</p> |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[3].userAnswer" |
|---|
| | | @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[1].isComplete"> |
|---|
| | | (å«è¿è´¹åªè¦19.99ç¾å
). |
|---|
| | | </p> |
|---|
| | | <p class="tl-left">5. |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" |
|---|
| | | v-model="practicalWriting[1].value[4].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[4].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> |
|---|
| | | (å¦ææ¨æå
´è¶£ææ³äºè§£æ´å¤ä¿¡æ¯),you can call us directly at 493-201-2018.</p> |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[4].userAnswer" |
|---|
| | | @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[1].isComplete"> |
|---|
| | | (å¦ææ¨æå
´è¶£ææ³äºè§£æ´å¤ä¿¡æ¯),you can call us directly at 493-201-2018. |
|---|
| | | </p> |
|---|
| | | <p class="tl-left">6. |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" |
|---|
| | | type="text" class="input-bottom-border input-bc-t" |
|---|
| | | v-model="practicalWriting[1].value[5].userAnswer" @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[5].isRight ? correctIcon : errorIcon" v-if="practicalWriting[1].isComplete"> |
|---|
| | | <input :disabled="practicalWriting[1].isComplete" type="text" |
|---|
| | | class="input-bottom-border input-bc-t" v-model="practicalWriting[1].value[5].userAnswer" |
|---|
| | | @input="savePracticalWriting" /> |
|---|
| | | <img :src="practicalWriting[1].value[5].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="practicalWriting[1].isComplete"> |
|---|
| | | (欢è¿æ¨æ¥è¯ç¨æ们çæ°äº§å) and we assure you that you will love it. |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="practicalWriting[1].isShowAnswer"> |
|---|
| | |
|---|
| | | <p class="left"><br /></p> |
|---|
| | | <p class="left">Dear Mr. Wang,</p> |
|---|
| | | <p class="left"> |
|---|
| | | <textarea name="" id="" cols="30" rows="20" v-model="practicalWriting[2].value[0].userAnswer" class="w100" @input="savePracticalWriting"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="20" |
|---|
| | | v-model="practicalWriting[2].value[0].userAnswer" class="w100" |
|---|
| | | @input="savePracticalWriting"></textarea> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <p><br /></p> |
|---|
| | | <p class="left">Dear Mr. Allen,</p> |
|---|
| | | <p class="left"> |
|---|
| | | <textarea name="" id="" cols="30" rows="20" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="saveNoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="20" |
|---|
| | | v-model="noSubmitData[6].value[0].userAnswer" class="w100" |
|---|
| | | @input="saveNoSubmitData"></textarea> |
|---|
| | | </p> |
|---|
| | | <p class="left">Sincerely,</p> |
|---|
| | | <p class="left">Lin Yi</p> |
|---|
| | |
|---|
| | | <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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼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/4-3ãMODULE 4ï¼lesson threeï¼_17.jpg" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | { |
|---|
| | | stem:'According to Zhao Hongzhouâs analysis,scientists usually make their greatest achievements before the age of 45.', |
|---|
| | | answer:'F', |
|---|
| | | userAnswer:'' |
|---|
| | | userAnswer: '', |
|---|
| | | isRight: null |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stem:'FAST helps scientists better understand the origin of the universe and find potential life on other planets.', |
|---|
| | | answer:'F', |
|---|
| | | userAnswer:'' |
|---|
| | | userAnswer: '', |
|---|
| | | isRight: null |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stem:'Yao Rui is lucky to associate her personal interests with the development of the country.', |
|---|
| | | answer:'T', |
|---|
| | | userAnswer:'' |
|---|
| | | userAnswer: '', |
|---|
| | | isRight: null |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stem:'Sun Jinghai encountered many difficulties in the construction of FAST and lost confidence in himself.', |
|---|
| | | answer:'F', |
|---|
| | | userAnswer:'' |
|---|
| | | userAnswer: '', |
|---|
| | | isRight: null |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stem:'Young Chinese scientists contribute their wisdom to building a community of a shared future.', |
|---|
| | | answer:'T', |
|---|
| | | userAnswer:'' |
|---|
| | | userAnswer: '', |
|---|
| | | isRight: null |
|---|
| | | }, |
|---|
| | | ] |
|---|
| | | }, |
|---|
| | |
|---|
| | | stemOne:'The o', |
|---|
| | | stemTwo:'of life is one of the great mysteries in the universe.', |
|---|
| | | answer:'rigin', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'The most c', |
|---|
| | | stemTwo:'science is biology followed by chemistry and next is physics.', |
|---|
| | | answer:'omplex', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'Years of doing scientific research had made her very p', |
|---|
| | | stemTwo:'in her working methods.', |
|---|
| | | answer:'recise', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'The competition is designed to inspire and r', |
|---|
| | | stemTwo:'the next generation of scientific leaders.', |
|---|
| | | answer:'eward', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'Learning how to o', |
|---|
| | | stemTwo:'challenges is a necessary life skill on the road to success.', |
|---|
| | | answer:'vercome', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | ] |
|---|
| | |
|---|
| | | stemOne:'If we are nice to others,we expect that they will be nice to us', |
|---|
| | | stemTwo:'.', |
|---|
| | | answer:'in return', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'We will always remember Yuan Longping who', |
|---|
| | | stemTwo:'Chinaâs food security.', |
|---|
| | | answer:'contributes to', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'The service of food delivery robot is still not satisfactory,but the company say theyâre', |
|---|
| | | stemTwo:'it.', |
|---|
| | | answer:'working on', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'All drivers', |
|---|
| | | stemTwo:'their vehiclesâeven when itâs a self-driving car accident.', |
|---|
| | | answer:'responsible for', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'Studies show how customers can', |
|---|
| | | stemTwo:'innovation development by giving feedback.', |
|---|
| | | answer:'be involved in', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | ] |
|---|
| | |
|---|
| | | stemOne:'He is probably the ', |
|---|
| | | stemTwo:'(creative) designer in our company.', |
|---|
| | | answer:'most creative', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'This automated store offers the', |
|---|
| | | stemTwo:'(wide) variety of products.', |
|---|
| | | answer:'widest', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'His ankles hurt badly,but his knees hurt', |
|---|
| | | stemTwo:'(badly).', |
|---|
| | | answer:'worst', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'Penicillin is one of the', |
|---|
| | | stemTwo:'(big) scientific discoveries of all time.', |
|---|
| | | answer:'biggest', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'You can contact me', |
|---|
| | | stemTwo:'(easily) by email.Hereâs my address.', |
|---|
| | | answer:'most easily', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'The light bulb is one of the', |
|---|
| | | stemTwo:'(helpful) inventions.', |
|---|
| | | answer:'most helpful', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'In our office,Zhang Ming works by far the', |
|---|
| | | stemTwo:'(hard).', |
|---|
| | | answer:'hardest', |
|---|
| | | isRight: null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | stemOne:'As I live', |
|---|
| | | stemTwo:'(near) to the station,Iâll go and buy the train tickets for us.', |
|---|
| | | answer:'nearest', |
|---|
| | | isRight:null, |
|---|
| | | userAnswer:'' |
|---|
| | | }, |
|---|
| | | ] |
|---|
| | |
|---|
| | | if(readingOne) this.readingOne = JSON.parse(readingOne) |
|---|
| | | const readingTwo = localStorage.getItem('english-chapter04-readingTwo') |
|---|
| | | if(readingTwo) this.readingTwo = JSON.parse(readingTwo) |
|---|
| | | |
|---|
| | | const practicalWriting = localStorage.getItem('english-chapter04-practicalWriting') |
|---|
| | | if(practicalWriting) this.practicalWriting = JSON.parse(practicalWriting) |
|---|
| | | this.getPath(); |
|---|
| | | |
|---|
| | | const listenTwo = localStorage.getItem('english-chapter04-listenTwo') |
|---|
| | | if (listenTwo) this.listenTwo = JSON.parse(listenTwo) |
|---|
| | | this.getPath(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | |
|---|
| | | item.isComplete = true |
|---|
| | | item.isShowAnswer = true |
|---|
| | | for (let cindex = 0; cindex < item.value.length; cindex++) { |
|---|
| | | const citem = item.value[index]; |
|---|
| | | const citem = item.value[cindex]; |
|---|
| | | citem.isRight = citem.answer == citem.userAnswer |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.saveReadingTwo() |
|---|
| | | console.log(this.readingTwo); |
|---|
| | | }, |
|---|
| | | recastReadingTwo() { |
|---|
| | | localStorage.removeItem('english-chapter04-readingTwo') |
|---|
| | | for (let index = 0; index < this.readingTwo.length; index++) { |
|---|
| | | const item = this.readingTwo[index]; |
|---|
| | | item.isComplete = false |
|---|
| | | item.isShowAnswer = false |
|---|
| | | for (let cindex = 0; cindex < item.value.length; cindex++) { |
|---|
| | | const citem = item.value[index]; |
|---|
| | | citem.isRight = null |
|---|
| | | const citem = item.value[cindex]; |
|---|
| | | citem.isRight = null, |
|---|
| | | citem.userAnswer = '' |
|---|
| | | } |
|---|
| | | } |
|---|
| | | localStorage.removeItem('english-chapter04-readingTwo') |
|---|
| | | |
|---|
| | | }, |
|---|
| | | viewReadingTwo() { |
|---|
| | | for (let index = 0; index < this.readingTwo.length; index++) { |
|---|
| | | const item = this.readingTwo[index]; |
|---|
| | | item.isShowAnswer = true |
|---|
| | | item.isShowAnswer = !item.isShowAnswer |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | savelistenTwo() { |
|---|
| | |
|---|
| | | citem.isRight = null |
|---|
| | | citem.userAnswer = '' |
|---|
| | | } |
|---|
| | | } else { |
|---|
| | | for (let cindex = 0; cindex < item.value.length; cindex++) { |
|---|
| | | const ditem = item.value[cindex]; |
|---|
| | | ditem.userAnswer = [] |
|---|
| | | } |
|---|
| | | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | localStorage.removeItem('english-chapter04-listenTwo') |
|---|
| | | }, |
|---|
| | |
|---|
| | | viewPracticalWriting() { |
|---|
| | | for (let index = 0; index < this.practicalWriting.length; index++) { |
|---|
| | | const item = this.practicalWriting[index]; |
|---|
| | | item.isShowAnswer = false |
|---|
| | | item.isShowAnswer = !item.isShowAnswer |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | |
|---|
| | | right: 0; |
|---|
| | | background-color: red; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dropdown-box-one { |
|---|
| | | |
|---|
| | | li { |
|---|
| | |
|---|
| | | justify-content: flex-end; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .choice-select { |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | justify-content: space-between; |
|---|
| | | |
|---|
| | | li { |
|---|
| | | display: flex; |
|---|
| | | margin-top: 5px; |
|---|
| | | |
|---|
| | | span { |
|---|
| | | margin-right: 4px; |
|---|
| | | } |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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 |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | </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 |
|---|
| | | 2.Eating much meat |
|---|
| | | 3.Eating imported fruits |
|---|
| | | |
|---|
| | | </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%"> |
|---|
| | |
|---|
| | | 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 2.T 3.F 4.F 5.T |
|---|
| | | </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 |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" |
|---|
| | | v-if="showAnswerReadingOne"> |
|---|
| | | çæ¡ï¼ 1.crisp 2.survive 3.eliminate 4.Emission 5.figured |
|---|
| | | </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> |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <p class="event-header-text-bc pd-5" style="margin-left: 40px; width: 93%" |
|---|
| | | v-if="showAnswerReadingOne"> |
|---|
| | | çæ¡ï¼ 1.reflect on 2.big time 3.reached for 4.carbon footprint 5.turns out |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="preface-bottom"> |
|---|
| | |
|---|
| | | <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. 2.Iâm sorry to send the urgent email to a wrong person. |
|---|
| | | 3.I was shocked to hear the news that temperatures at North Pole were more than 50°F warmer than average. |
|---|
| | | 4.It was warm-hearted of the 70-year-old grandma to clean 52 beaches in one year. |
|---|
| | | 5.It was environmentally conscious of Miss Li to switch off all the lights after each class. |
|---|
| | | </p> |
|---|
| | | <div class="w100 fl ju-cn"> |
|---|
| | | <ul class="fl ju-ar w80"> |
|---|
| | | <li> |
|---|
| | |
|---|
| | | </button> |
|---|
| | | </li> |
|---|
| | | <li> |
|---|
| | | <button class="parimary-btn"> |
|---|
| | | <button @click="showAnswerReadingOne = !showAnswerReadingOne" class="parimary-btn"> |
|---|
| | | æ¥ççæ¡ |
|---|
| | | </button> |
|---|
| | | </li> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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 && |
|---|
| | |
|---|
| | | </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 && |
|---|
| | |
|---|
| | | 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 && |
|---|
| | |
|---|
| | | </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 && |
|---|
| | |
|---|
| | | 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 && |
|---|
| | |
|---|
| | | <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 }} |
|---|
| | |
|---|
| | | <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 }} |
|---|
| | |
|---|
| | | <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 }} |
|---|
| | |
|---|
| | | <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 }} |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="preface-bottom"> |
|---|
| | | <div class="preface-bottom" style="margin-top: 60%"> |
|---|
| | | <span class="contet-num-box">96</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | showAnswerEleven: false, |
|---|
| | | showAnswerTwelve: false, |
|---|
| | | showAnswerReading: false, |
|---|
| | | showAnswerReadingOne: false, |
|---|
| | | showImg: false, |
|---|
| | | showImgOne: false, |
|---|
| | | showQuestionAnswer: false, |
|---|
| | |
|---|
| | | 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); |
|---|
| | | } |
|---|
| | |
|---|
| | | this.questionDataFour = JSON.parse(questionDataFour); |
|---|
| | | } |
|---|
| | | |
|---|
| | | const choiceData = localStorage.getItem('english-chapter05-choiceData') |
|---|
| | | if (choiceData) { |
|---|
| | | this.choiceData = JSON.parse(choiceData); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.getPath(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | |
|---|
| | | 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) |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | |
|---|
| | | }, |
|---|
| | | 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") { |
|---|
| | |
|---|
| | | this.questionDataTwo = savaDataTwos; |
|---|
| | | this.$set(this.questionDataTwo, "isComplete", true); |
|---|
| | | this.setQuestionDataTwo(); |
|---|
| | | this.showAnswerReadingOne = true; |
|---|
| | | }, |
|---|
| | | changeQuestionDataTwo() { |
|---|
| | | localStorage.removeItem("english-chapter05-questionDataTwo"); |
|---|
| | |
|---|
| | | 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++) { |
|---|
| | |
|---|
| | | item.userScore += data.score |
|---|
| | | } |
|---|
| | | } |
|---|
| | | this.saveChoiceData(); |
|---|
| | | }, |
|---|
| | | changeChoiceData() { |
|---|
| | | for (let index = 0; index < this.choiceData.length; index++) { |
|---|
| | |
|---|
| | | citem.userAnswer = ""; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | localStorage.removeItem('english-chapter05-choiceData') |
|---|
| | | }, |
|---|
| | | saveChoiceData(){ |
|---|
| | | localStorage.setItem('english-chapter05-choiceData', JSON.stringify(this.choiceData)) |
|---|
| | | }, |
|---|
| | | handleQuestionDataThree() { |
|---|
| | | const questionDataThrees = this.questionDataThree; |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(104) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | </h2> |
|---|
| | | <h3 id="c046"><span class="bjh3">Warm-up</span></h3> |
|---|
| | | <p> |
|---|
| | | <b |
|---|
| | | >â
.Put the expressions in the box below on the corresponding |
|---|
| | | answer line under each picture.</b |
|---|
| | | > |
|---|
| | | <b>â
.Put the expressions in the box below on the corresponding |
|---|
| | | answer line under each picture.</b> |
|---|
| | | </p> |
|---|
| | | <div class="bk-wh"> |
|---|
| | | <p>open plan officeãcubiclesãprivate officeãSOHO</p> |
|---|
| | |
|---|
| | | {{ item}} |
|---|
| | | </option> |
|---|
| | | </select> |
|---|
| | | <img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> |
|---|
| | | <img :src="dropDownOne[0].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="dropDownOne[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | </li> |
|---|
| | | <li class="w50"> |
|---|
| | |
|---|
| | | {{ item}} |
|---|
| | | </option> |
|---|
| | | </select> |
|---|
| | | <img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> |
|---|
| | | <img :src="dropDownOne[0].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="dropDownOne[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | </li> |
|---|
| | | <li class="w50"> |
|---|
| | |
|---|
| | | {{ item}} |
|---|
| | | </option> |
|---|
| | | </select> |
|---|
| | | <img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> |
|---|
| | | <img :src="dropDownOne[0].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="dropDownOne[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | </li> |
|---|
| | | <li class="w50"> |
|---|
| | |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | | </select> |
|---|
| | | <img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon" v-if="dropDownOne[0].isComplete"> |
|---|
| | | <img :src="dropDownOne[0].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="dropDownOne[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="dropDownOne[0].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownOne[0].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in dropDownOne[0].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | | <p> |
|---|
| | | <b |
|---|
| | | >â
¡.Pick up the words in the box below to describe the work |
|---|
| | | environment you love and explain your reasons.</b |
|---|
| | | > |
|---|
| | | <b>â
¡.Pick up the words in the box below to describe the work |
|---|
| | | environment you love and explain your reasons.</b> |
|---|
| | | </p> |
|---|
| | | <div class="bk-wh"> |
|---|
| | | <p>caring, supportive, privacy, friendly, freedom, flexible</p> |
|---|
| | | </div> |
|---|
| | | <ul> |
|---|
| | | <li v-for="(item,index) in noSubmitData[0].value" :key="index" class="fl al-cn" style="margin-bottom:10px"> |
|---|
| | | <li v-for="(item, index) in noSubmitData[0].value" :key="index" class="fl al-cn" |
|---|
| | | style="margin-bottom:10px"> |
|---|
| | | <span class="tl-right" style="width:20%">{{item.stem}}</span> |
|---|
| | | <textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100" @input="savenoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="6" v-model="item.userAnswer" class="w100" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit5">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | |
|---|
| | | <h3 id="c047" class="fl al-cn"> |
|---|
| | | <span class="bjh3">Listening</span> |
|---|
| | | <!--controlslist="noplaybackrate nodownload"åé¢çé³é¢æ¡å å
¥è¿ä¸ª--> |
|---|
| | | <audio |
|---|
| | | :src="resource.listenOne" |
|---|
| | | controls |
|---|
| | | controlslist="noplaybackrate nodownload" |
|---|
| | | class="audio" |
|---|
| | | ></audio> |
|---|
| | | <audio :src="resource.listenOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio> |
|---|
| | | </h3> |
|---|
| | | <p> |
|---|
| | | <b |
|---|
| | | >Four interns are talking about the work environment they |
|---|
| | | <b>Four interns are talking about the work environment they |
|---|
| | | like.Listen to the recording and fill in the blanks with what |
|---|
| | | you hear.</b |
|---|
| | | > |
|---|
| | | you hear.</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-tr-bc"> |
|---|
| | | <td class="tl-lf table-th-bc wh-no">Chen Meiling</td> |
|---|
| | | <td> |
|---|
| | | I would prefer working in an interesting and professional |
|---|
| | | environment where everybody works hard and helps each other to |
|---|
| | | succeed as a l. |
|---|
| | | <input |
|---|
| | | :disabled="listenTable[0].isComplete" |
|---|
| | | type="text" |
|---|
| | | class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" |
|---|
| | | v-model="listenTable[0].value[0].userAnswer" |
|---|
| | | @input="savelistenTable" |
|---|
| | | /> |
|---|
| | | <img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> |
|---|
| | | <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" v-model="listenTable[0].value[0].userAnswer" @input="savelistenTable" /> |
|---|
| | | <img :src="listenTable[0].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTable[0].isComplete"> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | |
|---|
| | | <td> |
|---|
| | | For me, I prefer the workplace that gives me enough space to |
|---|
| | | grow, There should be good 2. |
|---|
| | | <input |
|---|
| | | :disabled="listenTable[0].isComplete" |
|---|
| | | type="text" |
|---|
| | | class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" |
|---|
| | | v-model="listenTable[0].value[1].userAnswer" |
|---|
| | | @input="savelistenTable" |
|---|
| | | /> |
|---|
| | | <img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> |
|---|
| | | <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" v-model="listenTable[0].value[1].userAnswer" @input="savelistenTable" /> |
|---|
| | | <img :src="listenTable[0].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTable[0].isComplete"> |
|---|
| | | and mutual 3. |
|---|
| | | <input |
|---|
| | | :disabled="listenTable[0].isComplete" |
|---|
| | | type="text" |
|---|
| | | class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" |
|---|
| | | v-model="listenTable[0].value[2].userAnswer" |
|---|
| | | @input="savelistenTable" |
|---|
| | | /> |
|---|
| | | <img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> |
|---|
| | | <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" v-model="listenTable[0].value[2].userAnswer" @input="savelistenTable" /> |
|---|
| | | <img :src="listenTable[0].value[2].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTable[0].isComplete"> |
|---|
| | | between each team member. |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | |
|---|
| | | <td> |
|---|
| | | I'd like to work in an environment that gives me learning |
|---|
| | | opportunities as well as spacefor personal 4. |
|---|
| | | <input |
|---|
| | | :disabled="listenTable[0].isComplete" |
|---|
| | | type="text" |
|---|
| | | class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" |
|---|
| | | v-model="listenTable[0].value[3].userAnswer" |
|---|
| | | @input="savelistenTable" |
|---|
| | | /> |
|---|
| | | <img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> |
|---|
| | | <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" v-model="listenTable[0].value[3].userAnswer" @input="savelistenTable" /> |
|---|
| | | <img :src="listenTable[0].value[3].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTable[0].isComplete"> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn table-th-bc">Li Tao</td> |
|---|
| | | <td> |
|---|
| | | I hope it's a workplace where there is 5. |
|---|
| | | <input |
|---|
| | | :disabled="listenTable[0].isComplete" |
|---|
| | | type="text" |
|---|
| | | class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" |
|---|
| | | v-model="listenTable[0].value[4].userAnswer" |
|---|
| | | @input="savelistenTable" |
|---|
| | | /> |
|---|
| | | <img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon" v-if="listenTable[0].isComplete"> |
|---|
| | | <input :disabled="listenTable[0].isComplete" type="text" class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" v-model="listenTable[0].value[4].userAnswer" @input="savelistenTable" /> |
|---|
| | | <img :src="listenTable[0].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenTable[0].isComplete"> |
|---|
| | | for people's ideas as well as appreciationfor good work and |
|---|
| | | elfort. |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="listenTable[0].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenTable[0].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in listenTable[0].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100" @input="savenoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[0].userAnswer" class="w100" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[0].isShowAnswer"> |
|---|
| | | çæ¡ï¼{{noSubmitData[1].value[0].answer}} |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100" @input="savenoSubmitData"></textarea> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[1].value[1].userAnswer" class="w100" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[1].value[1].isShowAnswer"> |
|---|
| | | çæ¡ï¼{{noSubmitData[1].value[1].answer}} |
|---|
| | | </div> |
|---|
| | | <p class="center"><b>A Positive Work Environment</b></p> |
|---|
| | | <p class="center"> |
|---|
| | | <audio |
|---|
| | | :src="resource.readingOne" |
|---|
| | | controls |
|---|
| | | controlslist="noplaybackrate nodownload" |
|---|
| | | style="margin-left: 10px" |
|---|
| | | class="audio" |
|---|
| | | |
|---|
| | | ></audio> |
|---|
| | | <audio :src="resource.readingOne" controls controlslist="noplaybackrate nodownload" |
|---|
| | | style="margin-left: 10px" class="audio"></audio> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | How do we exactly define a positive work environment? When asked |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | Gone are those times when |
|---|
| | | <span class="word-bc" word="candidate" |
|---|
| | | >candidates</span |
|---|
| | | > |
|---|
| | | <span class="word-bc" word="candidate">candidates</span> |
|---|
| | | only considered the salary at the time of joining a |
|---|
| | | company.Nowadays,apart from the job |
|---|
| | | <span class="word-bc" |
|---|
| | | >prospect</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">prospect</span> |
|---|
| | | itself,one factor that is greatly influencing how employees feel |
|---|
| | | about work is the environment being provided by the employer.The |
|---|
| | | work environment here includes everything,such as the relationship |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | An effective way to |
|---|
| | | <span class="word-bc" |
|---|
| | | >ensure</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">ensure</span> |
|---|
| | | a positive work environment is to motivate employees for a correct |
|---|
| | | <span class="word-bc" |
|---|
| | | >behavioral</span |
|---|
| | | > |
|---|
| | | <span class="word-bc" |
|---|
| | | >approach</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">behavioral</span> |
|---|
| | | <span class="word-bc">approach</span> |
|---|
| | | .Good behavior also |
|---|
| | | <span class="word-bc" |
|---|
| | | >determines</span |
|---|
| | | > |
|---|
| | | <span class="word-bc" word="determine">determines</span> |
|---|
| | | good and peaceful environment.Another way is to ensure healthy |
|---|
| | | relationships among the staff; that is why communication is quite |
|---|
| | | necessary.Keeping an eye on staff |
|---|
| | | <span class="word-bc" |
|---|
| | | >interaction</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">interaction</span> |
|---|
| | | doesnât cost much time for the management team.They only |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(106) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | the message from the behavior of the management team,so the |
|---|
| | | management team should also be aware of the power of their |
|---|
| | | behavior and always |
|---|
| | | <span class="word-bc" |
|---|
| | | >maintain</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">maintain</span> |
|---|
| | | |
|---|
| | | <span class="word-bc" |
|---|
| | | >dignity</span |
|---|
| | | >. |
|---|
| | | <span class="word-bc">dignity</span>. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | Another important way to make a great work environment for a |
|---|
| | | company is to show |
|---|
| | | <span class="word-bc" |
|---|
| | | >appreciation</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">appreciation</span> |
|---|
| | | of |
|---|
| | | <span class="word-bc" |
|---|
| | | >outstanding</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">outstanding</span> |
|---|
| | | employees.Workers are more likely to stay in the company,work hard |
|---|
| | | and provide years of excellent service when knowing that they have |
|---|
| | | a clear opportunity for |
|---|
| | | <span class="word-bc" > |
|---|
| | | advancement</span |
|---|
| | | > |
|---|
| | | advancement</span> |
|---|
| | | .When employees know they are valued,they tend to return the favor |
|---|
| | | by being the best at their job.A positive work environment is a |
|---|
| | | place that promises to advance |
|---|
| | | <span class="word-bc" |
|---|
| | | >gifted</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">gifted</span> |
|---|
| | | employees and keep that promise. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | The work environment can greatly influence how the employees feel |
|---|
| | | about their jobs.Because of this,itâs important to find an |
|---|
| | | employer that |
|---|
| | | <span class="word-bc" |
|---|
| | | >fosters</span |
|---|
| | | > |
|---|
| | | <span class="word-bc" word="foster">fosters</span> |
|---|
| | | a positive atmosphere and encourages employees |
|---|
| | | <span class="word-bc" |
|---|
| | | >consistently</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">consistently</span> |
|---|
| | | .A positive work environment can improve employeesâ |
|---|
| | | happiness,increase the |
|---|
| | | <span class="word-bc" |
|---|
| | | >productivity</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">productivity</span> |
|---|
| | | and motivate those around them. |
|---|
| | | </p> |
|---|
| | | <p class="fl al-cn mt-40"> |
|---|
| | | <span class="zt-cs" style="font-size: 20px" |
|---|
| | | >Words & Expressions</span |
|---|
| | | > |
|---|
| | | <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> |
|---|
| | | <span class="line-border-box"></span> |
|---|
| | | </p> |
|---|
| | | <audio |
|---|
| | | :src="resource.readingTwo" |
|---|
| | | controls |
|---|
| | | controlslist="noplaybackrate nodownload" |
|---|
| | | style="margin-left: 10px" |
|---|
| | | class="audio" |
|---|
| | | |
|---|
| | | ></audio> |
|---|
| | | <audio :src="resource.readingTwo" controls controlslist="noplaybackrate nodownload" |
|---|
| | | style="margin-left: 10px" class="audio"></audio> |
|---|
| | | <p>candidate /ËkændɪdÉt/ <i>n.</i> åºèè
</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p><i>a person who is applying for a job</i></p> |
|---|
| | |
|---|
| | | <p>approach /ÉËprÉÊtÊ/ <i>n.</i> æ¹æ³ï¼è·¯å¾</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >a way of doing or thinking about sth.such as a problem or a |
|---|
| | | task</i |
|---|
| | | > |
|---|
| | | <i>a way of doing or thinking about sth.such as a problem or a |
|---|
| | | task</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >to make sth.happen in a particular way or be of a particular |
|---|
| | | type</i |
|---|
| | | > |
|---|
| | | <i>to make sth.happen in a particular way or be of a particular |
|---|
| | | type</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>interaction /ɪntÉrËækÊn/ <i>n.</i> 交æµï¼æ²éï¼åä½</p> |
|---|
| | |
|---|
| | | <p>clue /kluË/ <i>n.</i> 线索ï¼ç«¯åª</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >a fact or a piece of evidence that helps to solve a problem |
|---|
| | | or reveal the truth in an investigation</i |
|---|
| | | > |
|---|
| | | <i>a fact or a piece of evidence that helps to solve a problem |
|---|
| | | or reveal the truth in an investigation</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>maintain /meɪnâteɪn/ <i>v.</i> ä¿æï¼ç»´æ</p> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | |
|---|
| | | <p>consistently /kÉnËsɪstÉntli/ <i>adv.</i> å§ç»ï¼ä¸è´¯å°</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >in a way that does not change and continues for a period of |
|---|
| | | time</i |
|---|
| | | > |
|---|
| | | <i>in a way that does not change and continues for a period of |
|---|
| | | time</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>productivity /ËprÉdÊkËtɪvÉti/ <i>n.</i> ç产çï¼ç产è½å</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >the rate at which a worker,a company or a country produces |
|---|
| | | <i>the rate at which a worker,a company or a country produces |
|---|
| | | goods,and the amount produced,compared with how much time,work |
|---|
| | | and money is needed to produce them</i |
|---|
| | | > |
|---|
| | | and money is needed to produce them</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <ul class="fl fw-wr"> |
|---|
| | |
|---|
| | | the passage. |
|---|
| | | </p> |
|---|
| | | <p v-for="(item,index) in readingOne[0].option" :key="index"> |
|---|
| | | <input type="checkbox" |
|---|
| | | :value="item" |
|---|
| | | name="change" |
|---|
| | | v-model="readingOne[0].value[0].userAnswer" |
|---|
| | | :disabled="readingOne[0].isComplete" |
|---|
| | | @input="saveReadingOne" |
|---|
| | | > |
|---|
| | | <input type="checkbox" :value="item" name="change" v-model="readingOne[0].value[0].userAnswer" |
|---|
| | | :disabled="readingOne[0].isComplete" @input="saveReadingOne"> |
|---|
| | | {{item}} |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(108) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | <p>2.What does positive work environment refer to?</p> |
|---|
| | | <p>3.How do employers maintain a positive work environment?</p> |
|---|
| | | </div> |
|---|
| | | <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">Paragraphs</td> |
|---|
| | | <td class="wh-no tl-cn">Related Questions</td> |
|---|
| | |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn">Para. 1-2</td> |
|---|
| | | <td class="wh-no tl-cn"> |
|---|
| | | <input |
|---|
| | | :disabled="readingOne[1].isComplete" |
|---|
| | | type="text" |
|---|
| | | class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" |
|---|
| | | v-model="readingOne[1].value[0].userAnswerOne" |
|---|
| | | @input="saveReadingOne" |
|---|
| | | /> |
|---|
| | | <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" v-model="readingOne[1].value[0].userAnswerOne" @input="saveReadingOne" /> |
|---|
| | | </td> |
|---|
| | | <td style="width: 80%"> |
|---|
| | | <textarea |
|---|
| | | v-model="readingOne[1].value[0].userAnswerTwo" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="saveReadingOne" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="readingOne[1].value[0].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="saveReadingOne"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn">Para. 3-4</td> |
|---|
| | | <td class="tl-cn"> |
|---|
| | | <input |
|---|
| | | :disabled="readingOne[1].isComplete" |
|---|
| | | type="text" |
|---|
| | | class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" |
|---|
| | | v-model="readingOne[1].value[1].userAnswerOne" |
|---|
| | | @input="saveReadingOne" |
|---|
| | | /> |
|---|
| | | <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" v-model="readingOne[1].value[1].userAnswerOne" @input="saveReadingOne" /> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="readingOne[1].value[1].userAnswerTwo" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="saveReadingOne" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="readingOne[1].value[1].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="saveReadingOne"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn">Para. 5</td> |
|---|
| | | <td class="tl-cn"> |
|---|
| | | <input |
|---|
| | | :disabled="readingOne[1].isComplete" |
|---|
| | | type="text" |
|---|
| | | class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" |
|---|
| | | v-model="readingOne[1].value[2].userAnswerOne" |
|---|
| | | @input="saveReadingOne" |
|---|
| | | /> |
|---|
| | | <input :disabled="readingOne[1].isComplete" type="text" class="input-bottom-border input-bc-t" |
|---|
| | | style="width: 70px" v-model="readingOne[1].value[2].userAnswerOne" @input="saveReadingOne" /> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="readingOne[1].value[2].userAnswerTwo" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="saveReadingOne" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="readingOne[1].value[2].userAnswerTwo" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="saveReadingOne"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | |
|---|
| | | <p v-for="(item,index) in readingOne[2].value" :key=" 'passage' + index"> |
|---|
| | | {{index + 1}}. |
|---|
| | | {{item.stemFirst}} |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne" > |
|---|
| | | <input type="text" :disabled="readingOne[2].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[2].isComplete"> |
|---|
| | | {{item.stemLast}} |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingOne[2].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[2].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingOne[2].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | <p v-for="(item,index) in readingOne[3].value.slice(0,3)" :key="index"> |
|---|
| | | {{index + 1}}. |
|---|
| | | <span v-html="item.stem"></span> |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | |
|---|
| | | <p v-for="(item,index) in readingOne[3].value.slice(3,5)" :key="index"> |
|---|
| | | {{index + 3}}. |
|---|
| | | <span v-html="item.stem"></span> |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> |
|---|
| | | <input type="text" :disabled="readingOne[3].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t w80x" @input="saveReadingOne"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingOne[3].isComplete"> |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingOne[3].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[3].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingOne[3].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | <p> |
|---|
| | | {{index + 1}}. {{item.stem}} |
|---|
| | | </p> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> |
|---|
| | | <input type="text" :disabled="readingOne[4].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t" @input="saveReadingOne"> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <p> |
|---|
| | | <b>â
¢.Grammar focus:Inverted sentences.</b> |
|---|
| | | <span class="btn-box" > |
|---|
| | | <svg |
|---|
| | | t="1717037443722" |
|---|
| | | class="icon" |
|---|
| | | viewBox="0 0 1024 1024" |
|---|
| | | version="1.1" |
|---|
| | | xmlns="http://www.w3.org/2000/svg" |
|---|
| | | p-id="30864" |
|---|
| | | xmlns:xlink="http://www.w3.org/1999/xlink" |
|---|
| | | width="20" |
|---|
| | | height="20" |
|---|
| | | > |
|---|
| | | <span class="btn-box" @click="showAnswer('showImg')"> |
|---|
| | | <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" |
|---|
| | | xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" |
|---|
| | | height="20"> |
|---|
| | | <path |
|---|
| | | d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z" |
|---|
| | | p-id="30865" |
|---|
| | | ></path> |
|---|
| | | p-id="30865"></path> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | |
|---|
| | | {{index + 1}}.{{item.stem}} |
|---|
| | | </p> |
|---|
| | | <p v-for="(citem,cindex) in item.option" :key="'option' + cindex"> |
|---|
| | | <input type="radio" :name="item.stem" :value="citem.value" @change="saveReadingOne">{{citem.value}}.{{citem.label}} |
|---|
| | | <input type="radio" :name="item.stem" :value="citem.value" v-model="item.userAnswer" |
|---|
| | | @change="saveReadingOne">{{ citem.value }}.{{ citem.label }} |
|---|
| | | </p> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingOne[5].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingOne[5].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingOne[5].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(110) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | <ul> |
|---|
| | | <li v-for="(item,index) in readingOne[6].value" :key="index"> |
|---|
| | | <p>{{index + 1}}.{{item.stem}}</p> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingOne"> |
|---|
| | | <input type="text" :disabled="readingOne[6].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t" @input="saveReadingOne"> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <div class="w100 fl ju-cn"> |
|---|
| | |
|---|
| | | work environment and explain the reasons for your choice. |
|---|
| | | </p> |
|---|
| | | <p class="left"> |
|---|
| | | <img |
|---|
| | | class="img-gn" |
|---|
| | | alt="" |
|---|
| | | src="../../assets/images/dy1-worksheet.jpg" |
|---|
| | | /> |
|---|
| | | <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /> |
|---|
| | | </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">Elements</td> |
|---|
| | | <td class="tl-cn">Reasons for the Choice</td> |
|---|
| | |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[0].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[0].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[1].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[2].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[2].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[3].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[4].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[4].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[5].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[6].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[6].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[7].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[8].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[8].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[2].value[9].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[2].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | | <div class="padding-93"> |
|---|
| | | <div class="bodystyle"> |
|---|
| | | <p class="left"> |
|---|
| | | <img |
|---|
| | | class="img-gn" |
|---|
| | | alt="" |
|---|
| | | src="../../assets/images/dy1-wordbank.jpg" |
|---|
| | | /> |
|---|
| | | <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" |
|---|
| | | >relationship</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >communication</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >productivity</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >respect</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >pleasure</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >professional</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >team spirit</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >job satisfaction</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >personal development</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >job prospect</span |
|---|
| | | > |
|---|
| | | <span |
|---|
| | | class="word-bc mr-20 dl-span" |
|---|
| | | >modern decor</span |
|---|
| | | > |
|---|
| | | <span class="word-bc mr-20 dl-span">relationship</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">communication</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">productivity</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">respect</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">pleasure</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">professional</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">team spirit</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">job satisfaction</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">personal development</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">job prospect</span> |
|---|
| | | <span class="word-bc mr-20 dl-span">modern decor</span> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <div |
|---|
| | | class="resource-primary-border" |
|---|
| | | style="padding: 8px; margin: 5% 0%" |
|---|
| | | > |
|---|
| | | <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> |
|---|
| | | <div class="banshi openImgBox"> |
|---|
| | | <div class="swiper-container swiper_ppt"> |
|---|
| | | <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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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/6-1ãMODULE 6ï¼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" /> |
|---|
| | | </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/6-1ãMODULE 6ï¼lesson oneï¼_23.jpg" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </h2> |
|---|
| | | <h3 id="c050"><span class="bjh3">Warm-up</span></h3> |
|---|
| | | <p> |
|---|
| | | <b |
|---|
| | | >â
.Put the following statements into the corresponding box to |
|---|
| | | make a code of conduct for a school.</b |
|---|
| | | > |
|---|
| | | <b>â
.Put the following statements into the corresponding box to |
|---|
| | | make a code of conduct for a school.</b> |
|---|
| | | <span class="btn-box" @click="showdropdownTwo"> |
|---|
| | | <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> |
|---|
| | | <path class="a" |
|---|
| | |
|---|
| | | <p>e.Mobile phones must be on silent mode during the class.</p> |
|---|
| | | </div> |
|---|
| | | <p class="fl ju-cn"> |
|---|
| | | <table |
|---|
| | | border="1" |
|---|
| | | cellpadding="4" |
|---|
| | | cellspacing="" |
|---|
| | | style="border-color:#eace8d " |
|---|
| | | class="fz-14 " |
|---|
| | | > |
|---|
| | | <table border="1" cellpadding="4" cellspacing="" style="border-color:#eace8d " class="fz-14 "> |
|---|
| | | <tr class="tc"> |
|---|
| | | <td class="tl-cn" colspan="2">The School Code of Conduct</td> |
|---|
| | | </tr> |
|---|
| | |
|---|
| | | <img src="../../assets/images/table/t1.jpg" alt=""> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[0].userAnswer" @change="handledropDownTwo(0)" |
|---|
| | | :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[0].userAnswer" |
|---|
| | | @change="handledropDownTwo(0)" :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | <img src="../../assets/images/table/t2.jpg" alt=""> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[1].userAnswer" @change="handledropDownTwo(1)" |
|---|
| | | :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[1].userAnswer" |
|---|
| | | @change="handledropDownTwo(1)" :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | <img src="../../assets/images/table/t3.jpg" alt=""> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[2].userAnswer" @change="handledropDownTwo(2)" |
|---|
| | | :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[2].userAnswer" |
|---|
| | | @change="handledropDownTwo(2)" :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | <img src="../../assets/images/table/t4.jpg" alt=""> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[3].userAnswer" @change="handledropDownTwo(3)" |
|---|
| | | :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[3].userAnswer" |
|---|
| | | @change="handledropDownTwo(3)" :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | <img src="../../assets/images/table/t5.jpg" alt=""> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[4].userAnswer" @change="handledropDownTwo(4)" |
|---|
| | | :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="dropDownTwo[0].value[4].userAnswer" |
|---|
| | | @change="handledropDownTwo(4)" :disabled="dropDownTwo[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in dropDownTwo[0].option" :key="index" :value="item"> |
|---|
| | | {{ item }} |
|---|
| | | </option> |
|---|
| | | </select> |
|---|
| | | <img :src="dropDownTwo[0].value[4].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="dropDownTwo[0].value[4].isRight == true || dropDownTwo[0].value[4].isRight == false"> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="dropDownTwo[0].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="dropDownTwo[0].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <p v-for="(item,index) in dropDownTwo[0].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(112) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" class="w100" v-model="item.userAnswer" @change="savenoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="item.isShowAnswer"> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" class="w100" v-model="item.userAnswer" |
|---|
| | | @change="savenoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer"> |
|---|
| | | çæ¡ï¼{{item.answer}} |
|---|
| | | |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </ul> |
|---|
| | | <p class="center"><b>Code of Conduct in the Workplace</b></p> |
|---|
| | | <p class="center"> |
|---|
| | | <audio |
|---|
| | | :src="resource.readingThree" |
|---|
| | | controls |
|---|
| | | controlslist="noplaybackrate nodownload" |
|---|
| | | style="margin-left: 10px" |
|---|
| | | class="audio" |
|---|
| | | |
|---|
| | | ></audio> |
|---|
| | | <audio :src="resource.readingThree" controls controlslist="noplaybackrate nodownload" |
|---|
| | | style="margin-left: 10px" class="audio"></audio> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | A company code of conduct is a set of rules and standards all |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | Often,a company uses its |
|---|
| | | <span class="word-bc" |
|---|
| | | >core</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">core</span> |
|---|
| | | values,including its mission,to guide the creation of these |
|---|
| | | codes.These guidelines |
|---|
| | | <span class="word-bc" |
|---|
| | | >outline</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">outline</span> |
|---|
| | | how the organization operates,how employees |
|---|
| | | <span class="word-bc" |
|---|
| | | >conduct</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">conduct</span> |
|---|
| | | themselves daily,and how they work with others on behalf of the |
|---|
| | | organization. |
|---|
| | | </p> |
|---|
| | |
|---|
| | | You can usually find a companyâs code of conduct in an employee |
|---|
| | | handbook.Each company has different rules in its code of |
|---|
| | | conduct,and each company has its own policies for |
|---|
| | | <span class="word-bc" |
|---|
| | | >enforcing</span |
|---|
| | | > |
|---|
| | | <span class="word-bc" word="enforce">enforcing</span> |
|---|
| | | this code. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | |
|---|
| | | <p class="center"><b>THE COMPANY CODE OF CONDUCT</b></p> |
|---|
| | | <p> |
|---|
| | | <b>A.</b> |
|---|
| | | <select class="select-border" v-model="dropDownThree[0].value[0].userAnswer" @change="handleDropdownThree(0)" |
|---|
| | | :disabled="dropDownThree[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="dropDownThree[0].value[0].userAnswer" |
|---|
| | | @change="handleDropdownThree(0)" :disabled="dropDownThree[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item"> |
|---|
| | | {{ item}} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 1.Honesty and |
|---|
| | | <span class="word-bc" |
|---|
| | | >integrity</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">integrity</span> |
|---|
| | | .Above all,treat clients fairly. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 2.Maintain the good |
|---|
| | | <span class="word-bc" |
|---|
| | | >reputation</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">reputation</span> |
|---|
| | | of the company. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 3. |
|---|
| | | <span class="word-bc" |
|---|
| | | >Conflicts</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">Conflicts</span> |
|---|
| | | and interest.Manage conflicts of interest fairly and do not act |
|---|
| | | in a manner |
|---|
| | | <span class="word-bc" |
|---|
| | | >inconsistent</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">inconsistent</span> |
|---|
| | | with the company mission and values. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 5.Advertising.Products should not be |
|---|
| | | <span class="word-bc" |
|---|
| | | >advertised</span |
|---|
| | | > |
|---|
| | | <span class="word-bc" word="advertise">advertised</span> |
|---|
| | | in a |
|---|
| | | <span class="word-bc" |
|---|
| | | >misleading</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">misleading</span> |
|---|
| | | way. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <b>B.</b> |
|---|
| | | <select class="select-border" v-model="dropDownThree[0].value[1].userAnswer" @change="handleDropdownThree(1)" |
|---|
| | | :disabled="dropDownThree[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="dropDownThree[0].value[1].userAnswer" |
|---|
| | | @change="handleDropdownThree(1)" :disabled="dropDownThree[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item"> |
|---|
| | | {{ item}} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 6. |
|---|
| | | <span class="word-bc" |
|---|
| | | >Competence</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">Competence</span> |
|---|
| | | .Advise clients only on matters in which they are |
|---|
| | | <span class="word-bc" |
|---|
| | | >competent</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">competent</span> |
|---|
| | | . |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 9. |
|---|
| | | <span class="word-bc" |
|---|
| | | >Suitability</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">Suitability</span> |
|---|
| | | of advice.Advice should be suitable for the clientsâ needs. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 10.Activities.Do not engage in activities that will bring direct |
|---|
| | | or indirect profit to a |
|---|
| | | <span class="word-bc" |
|---|
| | | >competitor</span |
|---|
| | | >. |
|---|
| | | <span class="word-bc">competitor</span>. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <b>C.</b> |
|---|
| | | <select class="select-border" v-model="dropDownThree[0].value[2].userAnswer" @change="handleDropdownThree(2)" |
|---|
| | | :disabled="dropDownThree[0].isComplete"> |
|---|
| | | <select class="select-border" v-model="dropDownThree[0].value[2].userAnswer" |
|---|
| | | @change="handleDropdownThree(2)" :disabled="dropDownThree[0].isComplete"> |
|---|
| | | <option v-for="(item, index) in dropDownThree[0].option" :key="'change' + index" :value="item"> |
|---|
| | | {{ item}} |
|---|
| | | </option> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 12.Professional |
|---|
| | | <span class="word-bc" |
|---|
| | | >discipline</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">discipline</span> |
|---|
| | | .Organize business in a responsible and effective way. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 13.Company guidance.Be familiar and seek to |
|---|
| | | <span class="word-bc" |
|---|
| | | >observe</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">observe</span> |
|---|
| | | the company |
|---|
| | | <span class="word-bc" |
|---|
| | | >guidance</span |
|---|
| | | > |
|---|
| | | <span class="word-bc">guidance</span> |
|---|
| | | . |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 14. |
|---|
| | | <span class="word-bc" |
|---|
| | | >Complaints</span |
|---|
| | | > |
|---|
| | | <span class="word-bc" word="complaint">Complaints</span> |
|---|
| | | .Handle the complaints fairly and quickly. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p class="fl al-cn mt-40"> |
|---|
| | | <span class="zt-cs" style="font-size: 20px" |
|---|
| | | >Words & Expressions</span |
|---|
| | | > |
|---|
| | | <span class="zt-cs" style="font-size: 20px">Words & Expressions</span> |
|---|
| | | <span class="line-border-box"></span> |
|---|
| | | </p> |
|---|
| | | <audio |
|---|
| | | :src="resource.readingFour" |
|---|
| | | controls |
|---|
| | | controlslist="noplaybackrate nodownload" |
|---|
| | | style="margin-left: 10px" |
|---|
| | | class="audio" |
|---|
| | | |
|---|
| | | ></audio> |
|---|
| | | <audio :src="resource.readingFour" controls controlslist="noplaybackrate nodownload" |
|---|
| | | style="margin-left: 10px" class="audio"></audio> |
|---|
| | | <p>core /kÉË(r)/ <i>adj</i>.æ ¸å¿ç</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p><i>the most important or central part of sth.</i></p> |
|---|
| | |
|---|
| | | <p>outline /ËaÊtlaɪn/ <i>v</i>.æ¦è¿°</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >to give a description of the main facts or points involved in |
|---|
| | | sth.</i |
|---|
| | | > |
|---|
| | | <i>to give a description of the main facts or points involved in |
|---|
| | | sth.</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>conduct /kÉnËdÊkt/ <i>v</i>.举æ¢ï¼è¡¨ç°</p> |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(114) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | <p>integrity /ɪnËteÉ¡rÉti/ <i>n</i>.è¯å®æ£ç´</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >the quality of being honest and having strong moral |
|---|
| | | principles</i |
|---|
| | | > |
|---|
| | | <i>the quality of being honest and having strong moral |
|---|
| | | principles</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>client /ËklaɪÉnt/ <i>n</i>.客æ·</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >a person who uses the services or advice of a professional |
|---|
| | | person or organization</i |
|---|
| | | > |
|---|
| | | <i>a person who uses the services or advice of a professional |
|---|
| | | person or organization</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>reputation /ËrepjuËteɪÊn/ <i>n</i>.åèªï¼å声</p> |
|---|
| | |
|---|
| | | <p>conflict /ËkÉnflɪkt/ <i>n</i>.å²çªï¼äºè®º</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >a situation in which people,groups or countries are involved |
|---|
| | | in a serious disagreement or argument</i |
|---|
| | | > |
|---|
| | | <i>a situation in which people,groups or countries are involved |
|---|
| | | in a serious disagreement or argument</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p> |
|---|
| | |
|---|
| | | <p>confidentiality /ËkÉnfɪËdenÊiËælÉti/ <i>n</i>.ä¿å¯ï¼æºå¯</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >a situation in which you expect sb.to keep information |
|---|
| | | secret</i |
|---|
| | | > |
|---|
| | | <i>a situation in which you expect sb.to keep information |
|---|
| | | secret</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>advertise /ËædvÉtaɪz/ <i>v</i>.å广åï¼åå®£ä¼ </p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >to tell the public about a product or a service in order to |
|---|
| | | encourage people to buy or to use it</i |
|---|
| | | > |
|---|
| | | <i>to tell the public about a product or a service in order to |
|---|
| | | encourage people to buy or to use it</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>misleading /ËmɪsËliËdɪÅ/ <i>adj</i>.误导çï¼å¼å
¥æ§éç</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >giving the wrong idea or impression and making you believe |
|---|
| | | sth.that is not true</i |
|---|
| | | > |
|---|
| | | <i>giving the wrong idea or impression and making you believe |
|---|
| | | sth.that is not true</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>competence /ËkÉmpɪtÉns/ <i>n</i>.è½åï¼èä»»</p> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >a person or an organization that compete against |
|---|
| | | others,esp.in business</i |
|---|
| | | > |
|---|
| | | <i>a person or an organization that compete against |
|---|
| | | others,esp.in business</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p>discipline /ËdɪsÉplɪn/ <i>n</i>.èªå¶å</p> |
|---|
| | | <div class="bkbj"> |
|---|
| | | <p> |
|---|
| | | <i |
|---|
| | | >the ability to control your behavior or the way you |
|---|
| | | live,work,etc.</i |
|---|
| | | > |
|---|
| | | <i>the ability to control your behavior or the way you |
|---|
| | | live,work,etc.</i> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <div class="bk-11"> |
|---|
| | | <p v-for="(item,index) in readingTwo[0].option" :key="index"> |
|---|
| | | <input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer" @change="saveReadingTwo"> |
|---|
| | | <input type="checkbox" name="bk-11" id="" :value="item" v-model="readingTwo[0].value[0].userAnswer" |
|---|
| | | @change="saveReadingTwo"> |
|---|
| | | {{index + 1}}.{{item}} |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(116) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p v-for="(item,index) in readingTwo[1].value" :key="index"> |
|---|
| | | {{index + 1}}.{{item.stem}} |
|---|
| | | <input type="text" :disabled="readingTwo[1].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingTwo[1].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[1].isComplete"> |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingTwo[1].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[1].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingTwo[1].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <p v-for="(item,index) in readingTwo[2].value" :key="'engage' + index"> |
|---|
| | | {{index + 1}}.{{item.stemOne}} |
|---|
| | | <input type="text" :disabled="readingTwo[2].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingTwo[2].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[2].isComplete"> |
|---|
| | | {{item.stemTwo}} |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingTwo[2].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[2].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingTwo[2].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <p> |
|---|
| | | <b>â
¢.Grammar focus:Modal verbs (can,could,may,might).</b> |
|---|
| | | <span class="btn-box" > |
|---|
| | | <svg |
|---|
| | | t="1717037443722" |
|---|
| | | class="icon" |
|---|
| | | viewBox="0 0 1024 1024" |
|---|
| | | version="1.1" |
|---|
| | | xmlns="http://www.w3.org/2000/svg" |
|---|
| | | p-id="30864" |
|---|
| | | xmlns:xlink="http://www.w3.org/1999/xlink" |
|---|
| | | width="20" |
|---|
| | | height="20" |
|---|
| | | > |
|---|
| | | <span class="btn-box" @click="showAnswer('showImgOne')"> |
|---|
| | | <svg t="1717037443722" class="icon" viewBox="0 0 1024 1024" version="1.1" |
|---|
| | | xmlns="http://www.w3.org/2000/svg" p-id="30864" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" |
|---|
| | | height="20"> |
|---|
| | | <path |
|---|
| | | d="M387.2 471.152l-154.768 258.72v103.488h515.792V626.384l-149.12 103.488z m283.712-51.744a77.632 77.632 0 1 0 77.392 77.616 77.504 77.504 0 0 0-77.472-77.616zM640 0H160.72A96.736 96.736 0 0 0 64 96.72V927.36a96.736 96.736 0 0 0 96.72 96.64h702.56A96.704 96.704 0 0 0 960 927.36V298.016z m7.808 94.736l226.544 211.008h-146.544a80.08 80.08 0 0 1-80-80zM896 927.36a32.688 32.688 0 0 1-32.72 32.64h-702.56A32.704 32.704 0 0 1 128 927.36V96.72A32.752 32.752 0 0 1 160.72 64l423.088 0.384v161.44a144.176 144.176 0 0 0 144 143.92H896z" |
|---|
| | | p-id="30865" |
|---|
| | | ></path> |
|---|
| | | p-id="30865"></path> |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | |
|---|
| | | <p>A.Choose the correct modal verbs in the brackets.</p> |
|---|
| | | <p v-for="(item,index) in readingTwo[3].value" :key="'brackets' + index"> |
|---|
| | | {{index + 1}}.{{item.stemOne}} |
|---|
| | | <input type="text" :disabled="readingTwo[3].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingTwo[3].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[3].isComplete"> |
|---|
| | | {{item.stemTwo}} |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingTwo[3].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[3].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingTwo[3].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | <p v-for="(item,index) in readingTwo[4].value.slice(0,3)" :key="'sentences' + index"> |
|---|
| | | {{index + 1}}. |
|---|
| | | <span v-html="item.stem"></span> |
|---|
| | | <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | |
|---|
| | | <p v-for="(item,index) in readingTwo[4].value.slice(3,5)" :key="'sentences' + index"> |
|---|
| | | {{index + 4}}. |
|---|
| | | <span v-html="item.stem"></span> |
|---|
| | | <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <input type="text" :disabled="readingTwo[4].isComplete" v-model="item.userAnswer" |
|---|
| | | class="input-bottom-border input-bc-t" @input="saveReadingTwo" style="width:80px"> |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="readingTwo[4].isComplete"> |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="readingTwo[4].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="readingTwo[4].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in readingTwo[4].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | conduct.Share your opinions with the class. |
|---|
| | | </p> |
|---|
| | | <p class="left"> |
|---|
| | | <img |
|---|
| | | class="img-gn" |
|---|
| | | alt="" |
|---|
| | | src="../../assets/images/dy1-worksheet.jpg" |
|---|
| | | /> |
|---|
| | | <img class="img-gn" alt="" src="../../assets/images/dy1-worksheet.jpg" /> |
|---|
| | | </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">Improper Behavior</td> |
|---|
| | | <td class="tl-cn">Talking Loudly</td> |
|---|
| | |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[0].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[0].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[1].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[2].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[2].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[3].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[4].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[4].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[5].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[6].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[6].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[7].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[8].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[8].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea textarea-box" @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[4].value[9].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[4].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | |
|---|
| | | <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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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/6-2ãMODULE 6ï¼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" /> |
|---|
| | | </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/6-2ãMODULE 6ï¼lesson twoï¼_23.jpg" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <!--controlslist="noplaybackrate nodownload"åé¢çé³é¢æ¡å å
¥è¿ä¸ª--> |
|---|
| | | </h3> |
|---|
| | | <p> |
|---|
| | | <b |
|---|
| | | >â
.Listen to the monologue about the perfect workplace and |
|---|
| | | <b>â
.Listen to the monologue about the perfect workplace and |
|---|
| | | decide whether the following statements are true (T) or false |
|---|
| | | (F).</b |
|---|
| | | > |
|---|
| | | (F).</b> |
|---|
| | | </p> |
|---|
| | | <audio |
|---|
| | | :src="resource.listenTwo" |
|---|
| | | controls |
|---|
| | | controlslist="noplaybackrate nodownload" |
|---|
| | | class="audio" |
|---|
| | | ></audio> |
|---|
| | | <audio :src="resource.listenTwo" controls controlslist="noplaybackrate nodownload" class="audio"></audio> |
|---|
| | | <p v-for="(item,index) in listenThree[0].value" :key="index"> |
|---|
| | | ( |
|---|
| | | <select class="select-border" v-model="item.userAnswer" @change="saveListenThree" |
|---|
| | |
|---|
| | | {{index + 1}}.{{item.stem}} |
|---|
| | | <img :src="item.isRight ? correctIcon : errorIcon" v-if="listenThree[0].isComplete"> |
|---|
| | | </p> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="listenThree[0].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[0].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in listenThree[0].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ item.answer }} |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(118) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | <div class="padding-93"> |
|---|
| | | <div class="bodystyle"> |
|---|
| | | <p> |
|---|
| | | <b |
|---|
| | | >â
¡.Listen to the conversation about the dress code between Sally |
|---|
| | | <b>â
¡.Listen to the conversation about the dress code between Sally |
|---|
| | | and Ross and match the following information with the |
|---|
| | | corresponding speaker.</b |
|---|
| | | > |
|---|
| | | corresponding speaker.</b> |
|---|
| | | </p> |
|---|
| | | <audio |
|---|
| | | :src="resource.listenThree" |
|---|
| | | controls |
|---|
| | | controlslist="noplaybackrate nodownload" |
|---|
| | | class="audio" |
|---|
| | | ></audio> |
|---|
| | | <table |
|---|
| | | border="1" |
|---|
| | | cellpadding="4" |
|---|
| | | cellspacing="0" |
|---|
| | | style="border-color: #fff" |
|---|
| | | class="fz-14" |
|---|
| | | > |
|---|
| | | <audio :src="resource.listenThree" controls controlslist="noplaybackrate nodownload" class="audio"> |
|---|
| | | </audio> |
|---|
| | | <table border="1" cellpadding="4" cellspacing="0" style="border-color: #fff" class="fz-14"> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn wh-no table-th-bc">Sally</td> |
|---|
| | | <td class="fl de-cl al-cn ju-cn"> |
|---|
| | | <img src="../../assets/images/table/c2.jpg" alt=""> |
|---|
| | | <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne" ref="choiceDropdownOne" /> |
|---|
| | | <img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete"> |
|---|
| | | <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataOne" |
|---|
| | | ref="choiceDropdownOne" :value="listenThree[1].value[0].userAnswer" /> |
|---|
| | | <img :src="listenThree[1].value[0].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenThree[1].isComplete"> |
|---|
| | | </td> |
|---|
| | | <td rowspan="2"> |
|---|
| | | <p class="table-p"> |
|---|
| | |
|---|
| | | <td class="table-th-bc tl-cn">Ross</td> |
|---|
| | | <td class="fl de-cl al-cn ju-cn"> |
|---|
| | | <img src="../../assets/images/table/c1.jpg" alt=""> |
|---|
| | | <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataTwo" ref="choiceDropdownTwo" /> |
|---|
| | | <img :src="listenThree[1].value[1].isRight ? correctIcon : errorIcon" v-if="listenThree[1].isComplete"> |
|---|
| | | <dropdown :options="listenThree[1].option" @changeDropdownData="changeDropdownDataTwo" |
|---|
| | | ref="choiceDropdownTwo" :value="listenThree[1].value[1].userAnswer" /> |
|---|
| | | <img :src="listenThree[1].value[1].isRight ? correctIcon : errorIcon" |
|---|
| | | v-if="listenThree[1].isComplete"> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="listenThree[1].isShowAnswer"> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="listenThree[1].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(item,index) in listenThree[1].value" :key="index" class="mr-20"> |
|---|
| | | {{index + 1}}.{{ arrayToString(item.answer) }} |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100" @input="savenoSubmitData" ></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="item.isShowAnswer"> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="item.userAnswer" class="w100" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="item.isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(citem,cindex) in item.answer" :key="'list' + cindex" class="mr-20"> |
|---|
| | | {{cindex + 1}}.{{ citem }} |
|---|
| | |
|---|
| | | <p>âWho attended the meeting and who was absent</p> |
|---|
| | | <p>âWhat happened at the meeting in detail</p> |
|---|
| | | <p class="center"> |
|---|
| | | <img |
|---|
| | | class="img-b" |
|---|
| | | alt="" |
|---|
| | | src="../../assets/images/0122-2.jpg" |
|---|
| | | /> |
|---|
| | | <img class="img-b" alt="" src="../../assets/images/0122-2.jpg" /> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[0].userAnswer" class="w100" @input="savenoSubmitData" ></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="noSubmitData[6].value[0].isShowAnswer"> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[0].userAnswer" class="w100" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[0].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(citem,cindex) in noSubmitData[6].value[0].answer" :key="'list' + cindex" class="mr-20"> |
|---|
| | | {{cindex + 1}}.{{ citem }} |
|---|
| | | </span> |
|---|
| | | </div> |
|---|
| | | <p> |
|---|
| | | 2.<img |
|---|
| | | class="inline1" |
|---|
| | | alt="" |
|---|
| | | src="../../assets/images/0123-1.jpg" |
|---|
| | | /> |
|---|
| | | 2.<img class="inline1" alt="" src="../../assets/images/0123-1.jpg" /> |
|---|
| | | the attendees. |
|---|
| | | <span class="btn-box" @click="showNoSubmitAnswer(6,1)"> |
|---|
| | | <svg xmlns="http://www.w3.org/2000/svg" width="20.501" height="20.501" viewBox="0 0 20.501 20.501"> |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[1].userAnswer" class="w100" @input="savenoSubmitData" ></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="noSubmitData[6].value[1].isShowAnswer"> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[1].userAnswer" class="w100" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[1].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(citem,cindex) in noSubmitData[6].value[1].answer" :key="'list' + cindex" class="mr-20"> |
|---|
| | | {{cindex + 1}}.{{ citem }} |
|---|
| | |
|---|
| | | </svg> |
|---|
| | | </span> |
|---|
| | | </p> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[2].userAnswer" class="w100" @input="savenoSubmitData" ></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" |
|---|
| | | v-if="noSubmitData[6].value[2].isShowAnswer"> |
|---|
| | | <textarea name="" id="" cols="30" rows="10" v-model="noSubmitData[6].value[2].userAnswer" class="w100" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | <div class="event-header-text-bc pd-5 w100 mt-20" v-if="noSubmitData[6].value[2].isShowAnswer"> |
|---|
| | | <span>çæ¡ï¼</span> |
|---|
| | | <span v-for="(citem,cindex) in noSubmitData[6].value[2].answer" :key="'list' + cindex" class="mr-20"> |
|---|
| | | {{cindex + 1}}.{{ citem }} |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(120) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | <img class="img-a" alt="" src="../../assets/images/0123-3.jpg" /> |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | <b |
|---|
| | | >â
¢.Match the following sentences with the correct |
|---|
| | | translation.</b |
|---|
| | | > |
|---|
| | | <b>â
¢.Match the following sentences with the correct |
|---|
| | | translation.</b> |
|---|
| | | </p> |
|---|
| | | <matching :rawData="rawData" :question="question" /> |
|---|
| | | <p> |
|---|
| | | â
£<b |
|---|
| | | >.The HR department has been assigned the task to prepare the |
|---|
| | | â
£<b>.The HR department has been assigned the task to prepare the |
|---|
| | | in-service training for the newly recruited employees.Complete |
|---|
| | | the following minutes based on the information provided.</b |
|---|
| | | > |
|---|
| | | the following minutes based on the information provided.</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" style="width: 86%">Interviewees</td> |
|---|
| | | <td class="tl-cn">Presented By</td> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | Samuel Birch called the meeting to 1. |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[0].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[0].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savenoSubmitData" style="width:80px"> |
|---|
| | | at 3 p.m. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | All attendees were given an agenda 2. |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[1].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:120px"> |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[1].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savenoSubmitData" style="width:120px"> |
|---|
| | | via email. The agenda was |
|---|
| | | unanimously approved by all attendees at 3:20 p.m. |
|---|
| | | </p> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | Tim Shaw discussed about the 3. |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[2].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:180px"> |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[2].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savenoSubmitData" style="width:180px"> |
|---|
| | | .A vote was |
|---|
| | | taken to approve the budget plan of the training. |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | 4. |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[3].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[3].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savenoSubmitData" style="width:80px"> |
|---|
| | | discussed about the reservation of the lecture hall and mentioned that the |
|---|
| | | projector wasn't 5. |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[4].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[4].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savenoSubmitData" style="width:80px"> |
|---|
| | | He suggested renting one |
|---|
| | | </p> |
|---|
| | | <p class="weekly-p"> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p> |
|---|
| | | The meeting 6. |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[5].userAnswer" class="input-bottom-border input-bc-t" @input="savenoSubmitData" style="width:80px"> |
|---|
| | | <input type="text" v-model="noSubmitData[7].value[5].userAnswer" class="input-bottom-border input-bc-t" |
|---|
| | | @input="savenoSubmitData" style="width:80px"> |
|---|
| | | at 5 p.m.. |
|---|
| | | </p> |
|---|
| | | <p class="fl fw-wr ju-bt" > |
|---|
| | |
|---|
| | | <div v-if="showPageList.indexOf(122) > -1"> |
|---|
| | | <!-- å¤´é¨ --> |
|---|
| | | <div class="w100 mb-20" style="padding-right: 20px"> |
|---|
| | | <div |
|---|
| | | class="event-header-bc-unit6 fl al-end" |
|---|
| | | style="height: 100px; padding-left: 40px" |
|---|
| | | > |
|---|
| | | <div class="event-header-bc-unit6 fl al-end" style="height: 100px; padding-left: 40px"> |
|---|
| | | <div class="preface-header-box event-header-text-bc-unit6"> |
|---|
| | | <span class="l-text">æ°æ åéç¨èåºè±è¯</span> |
|---|
| | | <span class="g-text event-text-color-unit6">åºç¡æ¨¡åä¸</span> |
|---|
| | |
|---|
| | | </p> |
|---|
| | | <p class="img">Picture 3</p> |
|---|
| | | <p class="left"> |
|---|
| | | <img |
|---|
| | | class="img-gn" |
|---|
| | | alt="" |
|---|
| | | src="../../assets/images/dyworksheet1.jpg" |
|---|
| | | /> |
|---|
| | | <img class="img-gn" alt="" src="../../assets/images/dyworksheet1.jpg" /> |
|---|
| | | </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">Pictures</td> |
|---|
| | | <td class="tl-cn">Problems</td> |
|---|
| | |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn">2</td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[8].value[0].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[8].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[8].value[1].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[8].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[8].value[2].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[8].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn">3</td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[8].value[3].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[8].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[8].value[4].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[8].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[8].value[5].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[8].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | |
|---|
| | | <li class=""></li> |
|---|
| | | <li class="fz-18"> |
|---|
| | | <span class="chapter-left-bc-unit6">MODULE 6</span> |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6" |
|---|
| | | >A GLIMPSE OF THE WORK ENVIRONMENT</span |
|---|
| | | > |
|---|
| | | <span class="chapter-right-bc-unit6 fw-bl chapter-right-cl-unit6">A GLIMPSE OF THE WORK ENVIRONMENT</span> |
|---|
| | | </li> |
|---|
| | | </ul> |
|---|
| | | <!-- å
容 --> |
|---|
| | |
|---|
| | | know,and then work with your partner to finish Worksheet 2. |
|---|
| | | </p> |
|---|
| | | <p class="left"> |
|---|
| | | <img |
|---|
| | | class="img-gn" |
|---|
| | | alt="" |
|---|
| | | src="../../assets/images/dyworksheet2.jpg" |
|---|
| | | /> |
|---|
| | | <img class="img-gn" alt="" src="../../assets/images/dyworksheet2.jpg" /> |
|---|
| | | </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">Respondents</td> |
|---|
| | | <td class="tl-cn">Problems</td> |
|---|
| | |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn"> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[0].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[0].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td class="tl-lf"> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[1].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[1].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td class="tl-lf"> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[2].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[2].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td class="tl-lf"> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[3].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[3].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn"> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[4].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[4].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[5].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[5].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[6].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[6].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[7].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[7].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | <tr class="table-tr-bc"> |
|---|
| | | <td class="tl-cn"> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[8].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[8].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[9].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[9].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[10].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[10].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | <td> |
|---|
| | | <textarea |
|---|
| | | v-model="noSubmitData[9].value[11].userAnswer" |
|---|
| | | class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData" |
|---|
| | | ></textarea> |
|---|
| | | <textarea v-model="noSubmitData[9].value[11].userAnswer" class="w100 table-tr-bc b0 table-textarea" |
|---|
| | | @input="savenoSubmitData"></textarea> |
|---|
| | | </td> |
|---|
| | | </tr> |
|---|
| | | </table> |
|---|
| | |
|---|
| | | <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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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/6-3ãMODULE 6ï¼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" /> |
|---|
| | | </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/6-3ãMODULE 6ï¼lesson threeï¼_18.jpg" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | type: Array, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | watch: { |
|---|
| | | showPageList: { |
|---|
| | | handler(newVal) { |
|---|
| | | |
|---|
| | | |
|---|
| | | }, |
|---|
| | | immediate: true |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | | imgThirteen: require("../../assets/images/grammar6-1.png"), |
|---|
| | |
|---|
| | | errorIcon:require('@/assets/images/error.svg'), |
|---|
| | | showImg: false, |
|---|
| | | showImgOne: false, |
|---|
| | | selectedValue: null, // ç¨äºåå¨å½åéä¸çå¼ |
|---|
| | | rawData: { |
|---|
| | | left: [ |
|---|
| | | { |
|---|
| | |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | this.getPath(); |
|---|
| | | const dropDownOne = localStorage.getItem('english-chapter04-dropDownOne') |
|---|
| | | const dropDownOne = localStorage.getItem('english-chapter06-dropDownOne') |
|---|
| | | if(dropDownOne) this.dropDownOne = JSON.parse(dropDownOne) |
|---|
| | | const listenTable = localStorage.getItem('english-chapter06-listenTable') |
|---|
| | | if(listenTable) this.listenTable = JSON.parse(listenTable) |
|---|
| | | const noSubmitData = localStorage.getItem('english-chapter06-noSubmitData') |
|---|
| | | if(noSubmitData) this.noSubmitData = JSON.parse(noSubmitData) |
|---|
| | | |
|---|
| | | const readingOne = localStorage.getItem('english-chapter06-readingOne') |
|---|
| | | if(readingOne) this.readingOne = JSON.parse(readingOne) |
|---|
| | | |
|---|
| | | const dropdownTwo = localStorage.getItem('english-chapter06-dropdownTwo') |
|---|
| | | if(dropdownTwo) this.dropDownTwo = JSON.parse(dropdownTwo) |
|---|
| | | |
|---|
| | | const dropdownThree = localStorage.getItem('english-chapter06-dropdownThree') |
|---|
| | | if(dropdownThree) this.dropdownThree = JSON.parse(dropdownThree) |
|---|
| | | if (dropdownThree) this.dropDownThree = JSON.parse(dropdownThree) |
|---|
| | | |
|---|
| | | const readingTwo = localStorage.getItem('english-chapter06-readingTwo') |
|---|
| | | if(readingTwo) this.readingTwo = JSON.parse(readingTwo) |
|---|
| | | |
|---|
| | | const listenThree = localStorage.getItem('english-chapter06-listenThree') |
|---|
| | | if(listenThree) this.listenThree = JSON.parse(listenThree) |
|---|
| | | if (listenThree) { |
|---|
| | | this.listenThree = JSON.parse(listenThree) |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | | arrayToString(data) { |
|---|
| | |
|---|
| | | "625FDB71EC5BD35CF489AA4DE6730373" |
|---|
| | | ); |
|---|
| | | |
|---|
| | | }, |
|---|
| | | showAnswer(type) { |
|---|
| | | if (type == "showImg") { |
|---|
| | | this.showImg = !this.showImg; |
|---|
| | | } else if (type == "showImgOne") { |
|---|
| | | this.showImgOne = !this.showImgOne; |
|---|
| | | } |
|---|
| | | setTimeout(() => { this.$emit("initViewer", "") }, 500) |
|---|
| | | }, |
|---|
| | | saveDropdoenOne() { |
|---|
| | | localStorage.setItem('english-chapter06-dropDownOne',JSON.stringify(this.dropDownOne)) |
|---|
| | |
|---|
| | | item.isComplete = true |
|---|
| | | if(item.type !== 'checkbox' && item.type !== 'table' && item.type !== 'translate' && item.type !== 'montage') { |
|---|
| | | for (let cindex = 0; cindex < item.value.length; cindex++) { |
|---|
| | | const citem = array[cindex]; |
|---|
| | | const citem = item.value[cindex]; |
|---|
| | | citem.isRight = citem.answer == citem.userAnswer |
|---|
| | | } |
|---|
| | | } |
|---|
| | |
|---|
| | | item.isShowAnswer = false |
|---|
| | | item.isComplete = false |
|---|
| | | for (let cindex = 0; cindex < item.value.length; cindex++) { |
|---|
| | | const citem = array[cindex]; |
|---|
| | | citem.isRight = null |
|---|
| | | const citem = item.value[cindex]; |
|---|
| | | if(item.type == 'checkbox') { |
|---|
| | | citem.userAnswer = [] |
|---|
| | | } else if(item.type == 'table') { |
|---|
| | | citem.userAnswerOne = '', |
|---|
| | | citem.userAnswerTwo = '' |
|---|
| | | } else if (item.type == 'fill') { |
|---|
| | | citem.isRight = null |
|---|
| | | citem.userAnswer = '' |
|---|
| | | } else { |
|---|
| | | citem.userAnswer = '' |
|---|
| | | } |
|---|
| | |
|---|
| | | localStorage.setItem('english-chapter06-listenThree',JSON.stringify(this.listenThree)) |
|---|
| | | }, |
|---|
| | | changeDropdownDataOne(data) { |
|---|
| | | this.$set(this.listenThree[1].value[0],'userAnswer',data) |
|---|
| | | this.saveListenThree() |
|---|
| | | // å设dataæ¯æ°çuserAnswerå¼ |
|---|
| | | if (this.listenThree.length > 1 && this.listenThree[1].value && this.listenThree[1].value.length > 0) { |
|---|
| | | this.$set(this.listenThree[1].value[0], 'userAnswer', data); |
|---|
| | | this.selectedValue = data; // æ´æ°selectedValue以åæ å½åéä¸çå¼ |
|---|
| | | this.saveListenThree(); // ä¿åæ´æ¹å°localStorage |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | changeDropdownDataTwo(data) { |
|---|
| | | this.$set(this.listenThree[1].value[1],'userAnswer',data) |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | localStorage.removeItem('english-chapter06-listenThree') |
|---|
| | | this.$emit('empty'); |
|---|
| | | }, |
|---|
| | | viewListenThree() { |
|---|
| | | for (let index = 0; index < this.listenThree.length; index++) { |
|---|
| | | const item = this.listenThree[index]; |
|---|
| | | item.isShowAnswer = !item.isShowAnswer |
|---|
| | | } |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | |
|---|
| | | outline: none; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .weekly { |
|---|
| | | border: 2px dotted #935987; |
|---|
| | | border-radius: 6px; |
|---|
| | | width: 100%; |
|---|
| | | |
|---|
| | | .weekly-p { |
|---|
| | | background-color: #d2d2d2; |
|---|
| | | } |
|---|
| | |
|---|
| | | 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"> |
|---|
| | |
|---|
| | | </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> |
|---|
| | | power lines is considered by many as a high-risk job.But for some |
|---|
| | |
|---|
| | | <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 |
|---|
| | |
|---|
| | | <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">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> |
|---|
| | | <span class="word-bc mr-20 dl-span">enthusiastic</span> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <div class="resource-primary-border" style="padding: 8px; margin: 5% 0%"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | | 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 |
|---|
| | |
|---|
| | | <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> |
|---|
| | | 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>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> |
|---|
| | | 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"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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" |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | 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> |
|---|
| | | 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"> |
|---|
| | | <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"> |
|---|
| | | <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" > |
|---|
| | | <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 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> |
|---|
| | |
|---|
| | | |
|---|
| | | |
|---|
| | | }, |
|---|
| | | 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", |
|---|
| | |
|---|
| | | ] |
|---|
| | | } |
|---|
| | | ], |
|---|
| | | |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | |
|---|
| | | if (questionDataThree) { |
|---|
| | | this.questionDataThree = JSON.parse(questionDataThree); |
|---|
| | | } |
|---|
| | | |
|---|
| | | const readingOne = localStorage.getItem("english-chapter07-readingOne"); |
|---|
| | | if (readingOne) { |
|---|
| | | this.readingOne = JSON.parse(readingOne); |
|---|
| | | } |
|---|
| | | |
|---|
| | | this.getPath(); |
|---|
| | | }, |
|---|
| | | methods: { |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | console.log(this.questionDataThree, 111); |
|---|
| | | }, |
|---|
| | | setQuestionDataThree() { |
|---|
| | | localStorage.setItem( |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | <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. |
|---|
| | |
|---|
| | | <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. |
|---|
| | |
|---|
| | | <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. |
|---|
| | |
|---|
| | | <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. |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | 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 |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | 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" |
|---|
| | |
|---|
| | | </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> --> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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 |
|---|
| | |
|---|
| | | {{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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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" |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="preface-bottom"> |
|---|
| | | <!-- 页è --> |
|---|
| | | <div class="preface-bottom" style="margin-top: 10%"> |
|---|
| | | <span class="contet-num-box">154</span> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | dropTwo:[ |
|---|
| | | { |
|---|
| | | type:'dropdown', |
|---|
| | | isComplete:false, |
|---|
| | | isShowAnswer:false, |
|---|
| | | option:[ |
|---|
| | | 'identify passion','go to school' |
|---|
| | |
|---|
| | | { |
|---|
| | | type:'dropdown', |
|---|
| | | isComplete:false, |
|---|
| | | isShowAnswer:false, |
|---|
| | | option:[ |
|---|
| | | 'change your mind', |
|---|
| | | 'get another job', |
|---|
| | |
|---|
| | | 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) |
|---|
| | | }, |
|---|
| | |
|---|
| | | 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)) |
|---|
| | | }, |
|---|
| | |
|---|
| | | |
|---|
| | | // æµè¯é¡µé¢è·³è½¬ |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.gotoPage(6,73); |
|---|
| | | // this.gotoPage(5,69); |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.renderSign("Highlight", { |
|---|
| | | // id: "2ACA9359", |
|---|
| | |
|---|
| | | </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: { |
|---|
| | |
|---|
| | | type: Array, |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | components:{giffiti} |
|---|
| | | components:{paint} |
|---|
| | | }; |
|---|
| | | </script> |
|---|
| | | |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | | <!-- æ¤æ¬¡ä¸ºé¡µèé¨åï¼éè¦è®¾ç½®é¡µç ï¼ --> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | 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: { |
|---|
| | |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | //å¨è¿é对è°ç¨çæ¹æ³è¿è¡æè½½ |
|---|
| | | 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 { |
|---|
| | |
|---|
| | | accentColor: "", |
|---|
| | | color: "#fff", |
|---|
| | | isFocused: null, // ç¨äºè·è¸ªtextareaçèç¦ç¶æ |
|---|
| | | collectResourceList:[], |
|---|
| | | chapterData: { |
|---|
| | | isCollectImg: false, |
|---|
| | | isCollectVideo: false, |
|---|
| | |
|---|
| | | this.isFocused = null; // å½textarea失å»ç¦ç¹æ¶ï¼è®¾ç½®ä¸ºfalse |
|---|
| | | }, |
|---|
| | | setBookQuestion() { |
|---|
| | | console.log("ä¿å"); |
|---|
| | | localStorage.setItem( |
|---|
| | | "artAndDrama-book-question-one", |
|---|
| | | JSON.stringify(this.questionData) |
|---|
| | |
|---|
| | | }, |
|---|
| | | 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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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 }, |
|---|
| | |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | //å¨è¿é对è°ç¨çæ¹æ³è¿è¡æè½½ |
|---|
| | | 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 { |
|---|
| | |
|---|
| | | auidoPathFour: "", |
|---|
| | | auidoPathFive: "", |
|---|
| | | isFocused: null, // ç¨äºè·è¸ªtextareaçèç¦ç¶æ |
|---|
| | | collectResourceList:[], |
|---|
| | | chapterData: { |
|---|
| | | isCollectImg: false, |
|---|
| | | isCollectVideo: false, |
|---|
| | |
|---|
| | | this.isFocused = null; // å½textarea失å»ç¦ç¹æ¶ï¼è®¾ç½®ä¸ºfalse |
|---|
| | | }, |
|---|
| | | setBookQuestion() { |
|---|
| | | console.log("ä¿å"); |
|---|
| | | localStorage.setItem( |
|---|
| | | "artAndDrama-book-question-two", |
|---|
| | | JSON.stringify(this.questionData) |
|---|
| | |
|---|
| | | }, |
|---|
| | | 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> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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%"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <!-- <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="" />é段{{ |
|---|
| | | <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> |
|---|
| | | </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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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" /> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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%"> |
|---|
| | |
|---|
| | | <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" /> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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%"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | | å¹³è§åæ¹ï¼è©èæ¾æ¾ï¼åæèªç¶ä¸åï¼åèåå¼ï¼ä¸è©å宽ã以说ææè¯çæè§ï¼è¯´åºâæ们èµç¾é¿æ±âï¼å¹¶éæ¥å¢å æ°å£°çå度ï¼æ¾å°å¨èå°ä¸è¯´ææè¯çæè§ã |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | <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%"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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 }, |
|---|
| | |
|---|
| | | default: "red", |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | mounted() { |
|---|
| | | async mounted() { |
|---|
| | | this.getVidoePath(); |
|---|
| | | const bookQuestion = localStorage.getItem( |
|---|
| | | "artAndDrama-book-question-three" |
|---|
| | |
|---|
| | | 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 { |
|---|
| | |
|---|
| | | audioPathFive: "", |
|---|
| | | isFocused: null, // ç¨äºè·è¸ªtextareaçèç¦ç¶æ |
|---|
| | | segments: [1, 2, 3, 4, 5], |
|---|
| | | collectResourceList:[], |
|---|
| | | color: "#fff", |
|---|
| | | activeIndex: null, // ç¨äºè¿½è¸ªå½åæ´»å¨çæé®ç´¢å¼ |
|---|
| | | contents: [ |
|---|
| | |
|---|
| | | this.isFocused = null; // å½textarea失å»ç¦ç¹æ¶ï¼è®¾ç½®ä¸ºfalse |
|---|
| | | }, |
|---|
| | | setBookQuestion() { |
|---|
| | | console.log("ä¿å"); |
|---|
| | | localStorage.setItem( |
|---|
| | | "artAndDrama-book-question-three", |
|---|
| | | JSON.stringify(this.questionData) |
|---|
| | |
|---|
| | | }, |
|---|
| | | 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(); |
|---|
| | | }, |
|---|
| | |
|---|
| | | 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> |
|---|
| | |
|---|
| | | <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"> |
|---|
| | |
|---|
| | | <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> |
|---|
| | |
|---|
| | | <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: { |
|---|
| | |
|---|
| | | }, |
|---|
| | | 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 { |
|---|
| | |
|---|
| | | audioPathFour: "", |
|---|
| | | audioPathFive: "", |
|---|
| | | isFocused: null, // ç¨äºè·è¸ªtextareaçèç¦ç¶æ |
|---|
| | | collectResourceList: [], |
|---|
| | | chapterData: { |
|---|
| | | isCollectImg: false, |
|---|
| | | isCollectVideo: false, |
|---|
| | |
|---|
| | | this.isFocused = null; // å½textarea失å»ç¦ç¹æ¶ï¼è®¾ç½®ä¸ºfalse |
|---|
| | | }, |
|---|
| | | setBookQuestion() { |
|---|
| | | console.log("ä¿å"); |
|---|
| | | localStorage.setItem( |
|---|
| | | "artAndDrama-book-question-four", |
|---|
| | | JSON.stringify(this.questionData) |
|---|
| | |
|---|
| | | }, |
|---|
| | | 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> |
|---|
| | |
|---|
| | | |
|---|
| | | // æµè¯é¡µé¢è·³è½¬ |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.gotoPage(4,26); |
|---|
| | | // this.gotoPage(3,24); |
|---|
| | | // setTimeout(() => { |
|---|
| | | // this.renderSign("Highlight", { |
|---|
| | | // id: "2ACA9359", |
|---|
| | |
|---|
| | | <div class="dropdown"> |
|---|
| | | <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)"> × </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> |
|---|
| | |
|---|
| | | export default { |
|---|
| | | props:{ |
|---|
| | | options:{ |
|---|
| | | type: Array |
|---|
| | | }, |
|---|
| | | value: { |
|---|
| | | type:Array |
|---|
| | | }, |
|---|
| | | isShowSearch:{ |
|---|
| | |
|---|
| | | searchText: "", // è¿æ»¤é项çæç´¢ææ¬ |
|---|
| | | // ... |
|---|
| | | showConfirmButton: false, |
|---|
| | | selected: this.value |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | computed: { |
|---|
| | |
|---|
| | | option.toLowerCase().includes(this.searchText.toLowerCase()) |
|---|
| | | ); |
|---|
| | | }, |
|---|
| | | |
|---|
| | | }, |
|---|
| | | watch:{ |
|---|
| | | value: { |
|---|
| | | deep: true, // 深度çè§(é对å¤æç±»å) |
|---|
| | | immediate: true, // æ¯å¦ç«å»æ§è¡ä¸æ¬¡handler |
|---|
| | | handler(newValue) { |
|---|
| | | this.selectedOptions = newValue |
|---|
| | | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | selectedOptions:{ |
|---|
| | | handler(newValue) { |
|---|
| | | console.log('éä¸é¡¹åå',newValue); |
|---|
| | | this.$emit('changeDropdownData',newValue) |
|---|
| | | } |
|---|
| | | },deep:true |
|---|
| | |
|---|
| | | } |
|---|
| | | }, |
|---|
| | | submitSelection() { |
|---|
| | | // å¨è¿éå¤çæ交é项çé»è¾ |
|---|
| | | console.log("å·²éæ©çé项:", this.selectedOptions); |
|---|
| | | // éç½®é项并éè确认æé® |
|---|
| | | this.selectedOptions = []; |
|---|
| | | this.showConfirmButton = false; |
|---|
| | |
|---|
| | | }, |
|---|
| | | filterOptions() { |
|---|
| | | this.showDropdown = true; |
|---|
| | | }, |
|---|
| | | //æ´é² |
|---|
| | | changeSelectData(value) { |
|---|
| | | this.selectedOptions = value |
|---|
| | | }, |
|---|
| | | handleChange(event) { |
|---|
| | | // å½éä¸é¡¹ååæ¶è§¦å |
|---|
| | | // éç¥ç¶ç»ä»¶æ°çéä¸å¼ |
|---|
| | | this.$emit('changeDropdownData', event.target.value); |
|---|
| | | }, |
|---|
| | | }, |
|---|
| | | }; |
|---|
| | |
|---|
| | | right: -31%; |
|---|
| | | top: -21%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .dropdown { |
|---|
| | | min-width: 200px; |
|---|
| | | position: relative; |
|---|
| | |
|---|
| | | margin-right: 4px; |
|---|
| | | margin-bottom: 4px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .selected-value .selected-value-txt { |
|---|
| | | height: 24px; |
|---|
| | | display: inline-block; |
|---|
| | |
|---|
| | | white-space: nowrap; |
|---|
| | | width: 80px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .selected-value .delete { |
|---|
| | | margin-left: 4px; |
|---|
| | | cursor: pointer; |
|---|
| New file |
| | |
|---|
| | | <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> |
|---|
