| | |
|---|
| | | <div v-if="showPageList.indexOf(4) > -1"> |
|---|
| | | <h1 id="a004"> |
|---|
| | | <img class="img-0" alt="" src="../../assets/images/dy1.jpg" /> |
|---|
| | | <audio style="margin-top: 1em" :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" class="audio"></audio> |
|---|
| | | <audio style="margin-top: 1em" :src="auidoPathOne" controls controlslist="noplaybackrate nodownload" |
|---|
| | | class="audio"></audio> |
|---|
| | | </h1> |
|---|
| | | <div class="bodystyle"> |
|---|
| | | <div class="bk"> |
|---|
| | |
|---|
| | | <img class="img-gn" alt="" src="../../assets/images/dydd.jpg" /> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | | <p class="block" style="margin: 8% 5% 5% 7%"> |
|---|
| | | <p class="block mar-block"> |
|---|
| | | 在故事《一块奶酪》中，蚂蚁家庭的每一位成员都为了共同的目标分工协作、努力奋斗，在面对诱惑和挑战时更是严于律己、遵守团队纪律。本单元，让我们读一读《一块奶酪》的故事，学习蚂蚁们的优秀品格吧！ |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <span>视频：我们是一家人 </span> |
|---|
| | | <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" |
|---|
| | | placement="top-start"> |
|---|
| | | <img :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? 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> |
|---|
| | |
|---|
| | | <span |
|---|
| | | class="hs1 rhombus">◇</span>生活中，我们总会遇到各种各样的诱惑。面对诱惑时，我们的内心常常会有两个不同的声音出现：一个声音要求我们严于律己，另一个声音要求我们随心所欲。请你分析一下，当蚂蚁队长面对掉落的奶酪渣的诱惑时，他内心的两个声音会说些什么呢？ |
|---|
| | | </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')" |
|---|
| | | <p class="text t-l special-P">正义队长： |
|---|
| | | <textarea v-model="questionData.reading.one" placeholder="请输入内容" rows="6" class="w90 ma-l-40" |
|---|
| | | @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')" |
|---|
| | | <p class="text t-l special-P">黑暗队长： |
|---|
| | | <textarea v-model="questionData.reading.two" placeholder="请输入内容" rows="6" class="w90 ma-l-40" |
|---|
| | | @change="setBookQuestion" :class="{ 'textarea-focused': isFocused === 'two' }" @focus="handleFocus('two')" |
|---|
| | | @blur="handleBlur('two')"></textarea> |
|---|
| | | </p> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | 想象你在一个陌生的地方，谁都不认识，突然遇见了好朋友，你很高兴，上前和他/她打招呼。做一做你此时的表情吧。 |
|---|
| | | </p> |
|---|
| | | <p class="text ends rhombusFather"> |
|---|
| | | <span style="text-wrap: nowrap"><span class="hs1 rhombuSpecial">◇</span>微笑说“ang”</span> |
|---|
| | | <span style="text-wrap: nowrap"><span class="hs1 rhombuSpecial">◇</span>微笑说“ang”</span> |
|---|
| | | <span><audio :src="auidoPathEight" controls controlslist="noplaybackrate nodownload" |
|---|
| | | class="audio"></audio></span> |
|---|
| | | </p> |
|---|
| | |
|---|
| | | <span>视频：我们是一家人 </span> |
|---|
| | | <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" |
|---|
| | | placement="top-start"> |
|---|
| | | <img :src="collectResourceList.findIndex(item => item.id == '691cbd2c13198d04afc7800d0f2cafb0') > -1 ? 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> |
|---|
| | |
|---|
| | | this.chapterData = JSON.parse(data); |
|---|
| | | } |
|---|
| | | this.collectResourceList = await getCollectResource(this.config.activeBook.bookId) |
|---|
| | | |
|---|
| | | |
|---|
| | | }, |
|---|
| | | data() { |
|---|
| | | return { |
|---|
| | |
|---|
| | | accentColor: "", |
|---|
| | | color: "#fff", |
|---|
| | | isFocused: null, // 用于跟踪textarea的聚焦状态 |
|---|
| | | collectResourceList:[], |
|---|
| | | collectResourceList: [], |
|---|
| | | chapterData: { |
|---|
| | | isCollectImg: false, |
|---|
| | | isCollectVideo: false, |
|---|
| | |
|---|
| | | }, |
|---|
| | | handleCollect(type) { |
|---|
| | | if (type == "video") { |
|---|
| | | this.handleCollectResource("691cbd2c13198d04afc7800d0f2cafb0","691cbd2c13198d04afc7800d0f2cafb0",'',"视频","bits",'视频：我们是一家人') |
|---|
| | | } |
|---|
| | | this.handleCollectResource("691cbd2c13198d04afc7800d0f2cafb0", "691cbd2c13198d04afc7800d0f2cafb0", '', "视频", "bits", '视频：我们是一家人') |
|---|
| | | } |
|---|
| | | this.handleChapterData(); |
|---|
| | | }, |
|---|
| | | //资源收藏事件 |
|---|
