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 | 94 ++++++++++++++++++++++++++++-------------------
1 files changed, 56 insertions(+), 38 deletions(-)
diff --git a/src/books/lifeCare/view/chapter001.vue b/src/books/lifeCare/view/chapter001.vue
index 370362c..96322b8 100644
--- a/src/books/lifeCare/view/chapter001.vue
+++ b/src/books/lifeCare/view/chapter001.vue
@@ -1,5 +1,5 @@
<template>
- <div class="chapter" num="1">
+ <div class="chapter" num="2">
<div class="page-box" page="7">
<div class="bodystyle topImg">
<h2 id="b001">
@@ -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"
@@ -185,7 +203,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text1')"
></textarea>
</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>
@@ -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,7 +438,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text7')"
></textarea>
</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,7 +507,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text12')"
></textarea>
</div>
@@ -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,7 +576,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text15')"
></textarea>
</div>
@@ -599,7 +602,6 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('text16')"
></textarea>
</div>
@@ -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,23 +1352,36 @@
style="border: 0"
placeholder="璇疯緭鍏ュ唴瀹�"
rows="5"
- maxlength="200"
@blur="onBlurChange('desc3')"
></textarea>
</div>
<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 :primaryColor="'#f49a4c'" :cardList="chapter001.qustionData[9]" />
+ <examinations
+ :primaryColor="'#f49a4c'"
+ :cardList="chapter001.qustionData[9]"
+ />
</div>
</div>
</div>
@@ -1387,11 +1399,11 @@
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: {},
@@ -1413,8 +1425,14 @@
this.chapter001 = { ...Object.assign(this.chapter001, localData) };
}
- this.chapter001.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
- this.chapter001.qustionData = await getQuestionData('1',testData[1],this.config.activeBook);
+ this.chapter001.videOneUrl = getResourcePath(
+ "68ebd5c05bcb742999a9ebdce4b4bd53"
+ );
+ this.chapter001.qustionData = await getQuestionData(
+ "1",
+ testData[1],
+ this.config.activeBook
+ );
},
methods: {
activityOne() {
--
Gitblit v1.9.1