From 36b6f8d069bf3adf3b1cdc7434003769731b6cf1 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期一, 27 五月 2024 17:26:11 +0800
Subject: [PATCH] 增加icon
---
src/books/lifeCare/view/chapter001.vue | 262 ++++++++++++++-------------------------------------
1 files changed, 74 insertions(+), 188 deletions(-)
diff --git a/src/books/lifeCare/view/chapter001.vue b/src/books/lifeCare/view/chapter001.vue
index e85be86..96322b8 100644
--- a/src/books/lifeCare/view/chapter001.vue
+++ b/src/books/lifeCare/view/chapter001.vue
@@ -1,6 +1,6 @@
<template>
- <div class="chapter" num="1">
- <div class="page-box" page="">
+ <div class="chapter" num="2">
+ <div class="page-box" page="7">
<div class="bodystyle topImg">
<h2 id="b001">
<img class="img-0" alt="" src="../image/dy1.jpg" />
@@ -53,7 +53,7 @@
</div>
</div>
</div>
- <div class="page-box">
+ <div class="page-box" page="8">
<div class="header">
<div class="pageHeader-first">
<div class="header-bj"></div>
@@ -76,8 +76,8 @@
<p class="center">
<el-image
class="chapter001-img-0018"
- :src="chapter001.picOneUrl"
- :preview-src-list="chapter001.picArr"
+ :src="picOneUrl"
+ :preview-src-list="picArr"
/>
</p>
<!-- <p class="center">
@@ -131,11 +131,29 @@
</p>
<div class="tips-bk">
<div class="bj-tip">
- 瑙嗛锛氭墭鑲插伐浣滀汉鍛樿濠村辜鍎跨敓娲讳繚闅�<img
- src="../icons/video.png"
- @click="activityOne"
- alt=""
- />
+ 瑙嗛锛氭墭鑲插伐浣滀汉鍛樿濠村辜鍎跨敓娲讳繚闅�
+ <div @click="activityOne">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20.863"
+ height="20.817"
+ viewBox="0 0 19.863 13.817"
+ >
+ <g transform="translate(-40.961 -184.321)">
+ <path
+ class="a"
+ d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
+ transform="translate(51.824 196.82) rotate(-90)"
+ />
+ <path
+ class="b"
+ d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
+ transform="translate(-3269 15293.001)"
+ />
+ </g>
+ </svg>
+ </div>
</div>
<div
class="tips-file"
@@ -156,7 +174,7 @@
</div>
</div>
</div>
- <div class="page-box">
+ <div class="page-box" page="9">
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
@@ -185,7 +203,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text1')"
></textarea>
</div>
@@ -305,7 +322,7 @@
</div>
</div>
</div>
- <div class="page-box">
+ <div class="page-box" page="10">
<div class="header">
<div class="pageHeader-first">
<div class="header-bj"></div>
@@ -326,7 +343,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text2')"
></textarea>
</div>
@@ -339,7 +355,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text3')"
></textarea>
</div>
@@ -363,7 +378,7 @@
</p>
</div>
</div>
- <div class="page-box">
+ <div class="page-box" page="11">
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
@@ -392,7 +407,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text4')"
></textarea>
</div>
@@ -404,7 +418,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text5')"
></textarea>
</div>
@@ -415,7 +428,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text6')"
></textarea>
</div>
@@ -426,13 +438,12 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text7')"
></textarea>
</div>
</div>
</div>
- <div class="page-box">
+ <div class="page-box" page="12">
<div class="header">
<div class="pageHeader-first">
<div class="header-bj"></div>
@@ -453,7 +464,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text8')"
></textarea>
</div>
@@ -464,7 +474,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text9')"
></textarea>
</div>
@@ -478,7 +487,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text10')"
></textarea>
</div>
@@ -489,7 +497,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text11')"
></textarea>
</div>
@@ -500,13 +507,12 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text12')"
></textarea>
</div>
</div>
</div>
- <div class="page-box">
+ <div class="page-box" page="13">
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
@@ -531,7 +537,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text13')"
></textarea>
</div>
@@ -561,7 +566,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text14')"
></textarea>
</div>
@@ -572,13 +576,12 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text15')"
></textarea>
</div>
</div>
</div>
- <div class="page-box">
+ <div class="page-box" page="14">
<div class="header">
<div class="pageHeader-first">
<div class="header-bj"></div>
@@ -599,7 +602,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text16')"
></textarea>
</div>
@@ -1168,7 +1170,7 @@
</div>
</div>
</div>
- <div class="page-box">
+ <div class="page-box" page="15">
<div class="header">
<div class="pageHeader-second">
<div class="second-con">
@@ -1307,7 +1309,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text17')"
></textarea>
</div>
@@ -1327,7 +1328,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('desc1')"
></textarea>
</div>
@@ -1340,7 +1340,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('desc2')"
></textarea>
</div>
@@ -1353,24 +1352,36 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('desc3')"
></textarea>
</div>
- <p><br /></p>
<div class="tips-bk">
<div class="bj-tip">
- 浜戞祴璇曪細鍗曞厓涓�搴旂敤涓庡疄璺�<img
- src="../icons/sub.png"
- @click="activityThree"
- alt=""
- />
+ 浜戞祴璇曪細鍗曞厓涓�搴旂敤涓庡疄璺�
+ <div @click="activityThree">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="20.115"
+ height="19.988"
+ viewBox="0 0 20.115 19.988"
+ >
+ <path
+ class="a"
+ d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z"
+ transform="translate(-3351.001 15212)"
+ />
+ </svg>
+ </div>
</div>
<div
v-if="chapter001.idOpenThree && chapter001.qustionData[9]"
class="tips-file"
>
- <examinations :cardList="chapter001.qustionData[9]" />
+ <examinations
+ :primaryColor="'#f49a4c'"
+ :cardList="chapter001.qustionData[9]"
+ />
</div>
</div>
</div>
@@ -1379,174 +1390,49 @@
</template>
<script>
-// import getResourcePath from "@/assets/methods/resources.js";
-// import getQuestionData from "@/assets/methods/examination.js";
+import getResourcePath from "@/assets/methods/resources.js";
+import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
-// import examinations from "@/components/examinations/index.vue";
+import examinations from "@/components/examinations/index.vue";
export default {
name: "chapter001",
data() {
return {
+ picOneUrl: require("../image/0018-1.jpg"),
+ picArr: [require("../image/0018-1.jpg")],
chapter001: {
videOneUrl:
"https://jsek.bnuic.com/file/api/ApiDownload?md5=68ebd5c05bcb742999a9ebdce4b4bd53",
- picOneUrl: require("../image/0018-1.jpg"),
- picArr: [require("../image/0018-1.jpg")],
isOpenOne: true,
idOpenThree: true,
qustionData: {},
- textAreaItem: {
- text1: "",
- text2: "",
- text3: "",
- text4: "",
- text5: "",
- text6: "",
- text7: "",
- text8: "",
- text9: "",
- text10: "",
- text11: "",
- text12: "",
- text13: "",
- text14: "",
- text15: "",
- text16: "",
- text17: "",
- text18: "",
- },
+ textAreaItem: {},
radio: {},
- table111: {
- tbText1: "",
- tbText2: "",
- tbText3: "",
- tbText4: "",
- tbText5: "",
- tbText6: "",
- tbText7: "",
- tbText8: "",
- tbText9: "",
- tbText10: "",
- },
- table112: {
- cell1: "",
- cell2: "",
- cell3: "",
- cell4: "",
- cell5: "",
- cell6: "",
- cell7: "",
- cell8: "",
- cell9: "",
- cell10: "",
- cell11: "",
- cell12: "",
- cell13: "",
- cell14: "",
- cell15: "",
- cell16: "",
- cell17: "",
- cell18: "",
- cell19: "",
- cell20: "",
- cell21: "",
- cell22: "",
- cell23: "",
- cell24: "",
- cell25: "",
- cell26: "",
- cell27: "",
- cell28: "",
- cell29: "",
- cell30: "",
- cell31: "",
- cell32: "",
- cell33: "",
- cell34: "",
- cell35: "",
- cell36: "",
- cell37: "",
- cell38: "",
- cell39: "",
- cell40: "",
- cell41: "",
- cell42: "",
- cell43: "",
- cell44: "",
- cell45: "",
- cell46: "",
- cell47: "",
- cell48: "",
- cell49: "",
- cell50: "",
- cell51: "",
- cell52: "",
- cell53: "",
- cell54: "",
- cell55: "",
- cell56: "",
- cell57: "",
- cell58: "",
- cell58: "",
- cell60: "",
- cell61: "",
- cell62: "",
- cell63: "",
- cell64: "",
- cell65: "",
- cell66: "",
- cell67: "",
- cell68: "",
- cell69: "",
- cell70: "",
- cell72: "",
- cell73: "",
- cell74: "",
- cell75: "",
- cell76: "",
- cell77: "",
- cell78: "",
- cell79: "",
- cell80: "",
- cell81: "",
- cell82: "",
- cell83: "",
- cell84: "",
- cell85: "",
- },
- table113: {
- name1: "",
- name2: "",
- name3: "",
- name4: "",
- name5: "",
- demand1: "",
- demand2: "",
- demand3: "",
- demand4: "",
- demand5: "",
- content1: "",
- content2: "",
- content3: "",
- content4: "",
- content5: "",
- },
+ table111: {},
+ table112: {},
+ table113: {},
textareaVal: "",
},
};
},
components: {
- // examinations,
+ examinations,
},
- created() {
+ async created() {
const localData = JSON.parse(localStorage.getItem("chapter001"));
if (localData) {
this.chapter001 = { ...Object.assign(this.chapter001, localData) };
}
- // this.chapter001.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
- // this.qustionData = await getQuestionData('1',testData[1]);
+ this.chapter001.videOneUrl = getResourcePath(
+ "68ebd5c05bcb742999a9ebdce4b4bd53"
+ );
+ this.chapter001.qustionData = await getQuestionData(
+ "1",
+ testData[1],
+ this.config.activeBook
+ );
},
methods: {
activityOne() {
--
Gitblit v1.9.1