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/chapter004.vue | 186 +++++++++++++++++++++++++++++++---------------
1 files changed, 125 insertions(+), 61 deletions(-)
diff --git a/src/books/lifeCare/view/chapter004.vue b/src/books/lifeCare/view/chapter004.vue
index c64f929..bbbc0ea 100644
--- a/src/books/lifeCare/view/chapter004.vue
+++ b/src/books/lifeCare/view/chapter004.vue
@@ -1,5 +1,5 @@
<template>
- <div class="chapter" num="4">
+ <div class="chapter" num="5">
<div class="page-box" page="55">
<div class="bodystyle topImg">
<h2 id="b004">
@@ -80,7 +80,12 @@
</p>
</div>
<p class="center">
- <img class="img-b" alt="" src="../image/0067-1.jpg" />
+ <el-image
+ class="chapter002-img-0035"
+ :src="picOneUrl"
+ :preview-src-list="picArr"
+ />
+ <!-- <img class="img-b" alt="" src="../image/0067-1.jpg" /> -->
</p>
</div>
<div class="bk">
@@ -143,7 +148,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="3"
- maxlength="100"
class="textareaInput"
@blur="onBlurChange('text1')"
></textarea>
@@ -153,7 +157,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="3"
- maxlength="100"
class="textareaInput"
@blur="onBlurChange('text2')"
></textarea>
@@ -183,7 +186,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="3"
- maxlength="100"
class="textareaInput"
@blur="onBlurChange('text3')"
></textarea>
@@ -193,7 +195,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="3"
- maxlength="100"
class="textareaInput"
@blur="onBlurChange('text4')"
></textarea>
@@ -203,7 +204,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="3"
- maxlength="100"
class="textareaInput"
@blur="onBlurChange('text5')"
></textarea>
@@ -244,7 +244,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text6')"
></textarea>
</div>
@@ -255,7 +254,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text7')"
></textarea>
</div>
@@ -272,7 +270,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text8')"
></textarea>
</div>
@@ -299,7 +296,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text9')"
></textarea>
</div>
@@ -311,11 +307,29 @@
<p><br /></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"
@@ -418,11 +432,33 @@
</div> -->
<div class="tips-bk">
<div class="bj-tip">
- 鏇存崲绾稿翱瑁ょ殑璇勫垎鏍囧噯<img
- src="../icons/task.png"
- @click="activityGroup"
- alt=""
- />
+ 鏇存崲绾稿翱瑁ょ殑璇勫垎鏍囧噯
+ <div @click="activityGroup">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ width="19.28"
+ height="20.563"
+ viewBox="0 0 19.28 20.563"
+ >
+ <g transform="translate(-109.056 -82.941)">
+ <path
+ class="a"
+ d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
+ transform="translate(-3316.14 15289.201)"
+ />
+ <path
+ class="a"
+ d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
+ transform="translate(-196.896 -148.921)"
+ />
+ <path
+ class="a"
+ d="M763.392,793.79l3.262-3.262h-3.262Z"
+ transform="translate(-638.661 -690.634)"
+ />
+ </g>
+ </svg>
+ </div>
</div>
<div v-if="chapter004.isGroupOpen" class="tips-file">
<table class="table111 table122">
@@ -491,7 +527,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text10')"
></textarea>
</div>
@@ -502,7 +537,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text11')"
></textarea>
</div>
@@ -542,7 +576,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text12')"
></textarea>
</div>
@@ -559,7 +592,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text13')"
></textarea>
</div>
@@ -599,7 +631,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text14')"
></textarea>
</div>
@@ -610,7 +641,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text15')"
></textarea>
</div>
@@ -621,7 +651,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text16')"
></textarea>
</div>
@@ -638,7 +667,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text17')"
></textarea>
</div>
@@ -665,7 +693,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text18')"
></textarea>
</div>
@@ -694,7 +721,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text19')"
></textarea>
</div>
@@ -729,7 +755,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text20')"
></textarea>
</div>
@@ -740,7 +765,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text21')"
></textarea>
</div>
@@ -751,11 +775,29 @@
</h4>
<div class="tips-bk">
<div class="bj-tip">
- 瑙嗛锛氬辜鍎夸笉鑹鍘曚範鎯�<img
- src="../icons/video.png"
- @click="activityTwo"
- alt=""
- />
+ 瑙嗛锛氬辜鍎夸笉鑹鍘曚範鎯�
+ <div @click="activityTwo">
+ <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"
@@ -798,7 +840,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text22')"
></textarea>
</div>
@@ -825,7 +866,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text23')"
></textarea>
</div>
@@ -842,7 +882,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text24')"
></textarea>
</div>
@@ -854,7 +893,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text25')"
></textarea>
</div>
@@ -865,7 +903,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text26')"
></textarea>
</div>
@@ -893,7 +930,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text27')"
></textarea>
</div>
@@ -923,7 +959,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text28')"
></textarea>
</div>
@@ -950,7 +985,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text29')"
></textarea>
</div>
@@ -968,11 +1002,29 @@
</div> -->
<div class="tips-bk">
<div class="bj-tip">
- 瑙嗛锛氬鍘�<img
- src="../icons/video.png"
- @click="activityFour"
- alt=""
- />
+ 瑙嗛锛氬鍘�
+ <div @click="activityFour">
+ <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"
@@ -1005,7 +1057,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text30')"
></textarea>
</div>
@@ -1016,7 +1067,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text31')"
></textarea>
</div>
@@ -1027,7 +1077,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text32')"
></textarea>
</div>
@@ -1064,7 +1113,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text33')"
></textarea>
</div>
@@ -1104,7 +1152,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text34')"
></textarea>
</div>
@@ -1235,11 +1282,22 @@
<p class="block">D.濂冲┐澶т究鍚庝竴瀹氳浠庡悗鍚戝墠鎿�</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="chapter004.idOpenThree && chapter004.qustionData[65]"
@@ -1267,6 +1325,8 @@
},
data() {
return {
+ picOneUrl: require("../image/0067-1.jpg"),
+ picArr: [require("../image/0067-1.jpg")],
chapter004: {
videOneUrl: "",
videoTwoUrl: "",
@@ -1350,15 +1410,19 @@
methods: {
activityOne() {
this.chapter004.isOpenOne = !this.chapter004.isOpenOne;
+ localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
},
activityTwo() {
this.chapter004.isOpenTwo = !this.chapter004.isOpenTwo;
+ localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
},
activityThree() {
this.chapter004.idOpenThree = !this.chapter004.idOpenThree;
+ localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
},
activityFour() {
this.chapter004.isOpenFour = !this.chapter004.isOpenFour;
+ localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
},
activityGroup() {
this.chapter004.isGroupOpen = !this.chapter004.isGroupOpen;
--
Gitblit v1.9.1