|
|
@@ -28,7 +28,7 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
<template v-slot:changeChapter v-if="!isSubmit">
|
|
|
- <div class="dt_m_l_h_changeChapter" @click.stop="changeChapter()">
|
|
|
+ <div class="dt_m_l_h_changeChapter" @click.stop="changeChapterFn()">
|
|
|
<!-- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
<path
|
|
|
fill-rule="evenodd"
|
|
|
@@ -98,6 +98,9 @@
|
|
|
{{ showTaskIndex + 1 }}.
|
|
|
<span>{{ typeof taskList[showTaskIndex].answer == 'object' ? '[多选题]' : '[单选题]' }}</span
|
|
|
>{{ taskList[showTaskIndex].teststitle }}
|
|
|
+ <div class="titleImage" v-if="taskList[showTaskIndex].imageUrl">
|
|
|
+ <img :src="taskList[showTaskIndex].imageUrl" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="dt_m_b_l_t_choseList">
|
|
|
<div
|
|
|
@@ -197,7 +200,7 @@
|
|
|
|
|
|
<span>求助</span>
|
|
|
</div>
|
|
|
- <div class="dt_m_b_l_b_save">
|
|
|
+ <!-- <div class="dt_m_b_l_b_save">
|
|
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
<path
|
|
|
fill-rule="evenodd"
|
|
|
@@ -209,7 +212,7 @@
|
|
|
</svg>
|
|
|
|
|
|
<span>保存</span>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="dt_m_b_l_b_answerSheet" @click.stop="showTaskListSheet = true">
|
|
|
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
<path
|
|
|
@@ -421,11 +424,12 @@
|
|
|
</span>
|
|
|
|
|
|
<div class="dt_c_m_message">
|
|
|
- 这题选：<span>{{
|
|
|
+ <span v-text="seekAssistMessage"></span>
|
|
|
+ <!-- 这题选：<span>{{
|
|
|
typeof taskList[showTaskIndex].answer == 'object'
|
|
|
? taskList[showTaskIndex].answer.map(i => choseList[i]).join('、')
|
|
|
: choseList[taskList[showTaskIndex].answer]
|
|
|
- }}</span>
|
|
|
+ }}</span> -->
|
|
|
</div>
|
|
|
<div class="dt_c_m_btnArea">
|
|
|
<span class="dt_c_m_btn1" @click.stop="doNotKnow()">还是不太明白</span>
|
|
|
@@ -497,6 +501,9 @@
|
|
|
item.teststitle
|
|
|
}}</span
|
|
|
>
|
|
|
+ <div class="titleImage" v-if="item.imageUrl">
|
|
|
+ <img :src="item.imageUrl" />
|
|
|
+ </div>
|
|
|
|
|
|
<div class="dt_is_tl_tb_i_choseList">
|
|
|
<span v-for="(item2, index2) in item.checkList" :key="index + '-' + index2">
|
|
|
@@ -585,43 +592,99 @@
|
|
|
>/{{ taskList.length }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="tla_taskList">
|
|
|
- <span
|
|
|
- v-for="(item, index) in taskList"
|
|
|
- :key="index"
|
|
|
- :class="[isDoTask(index) ? 'isDoTask' : '', showTaskIndex == index ? 'inDoTask' : '']"
|
|
|
- @click.stop="choseShowTaskIndex(index)"
|
|
|
- >{{ index + 1 }}</span
|
|
|
- >
|
|
|
- </div>
|
|
|
- <div class="tla_bottom">
|
|
|
- <div class="dt_m_b_r_tl_bottom">
|
|
|
- <div><span class="isDoTask"></span>已答</div>
|
|
|
+ <div class="tla_taskList">
|
|
|
+ <span
|
|
|
+ v-for="(item, index) in taskList"
|
|
|
+ :key="index"
|
|
|
+ :class="[isDoTask(index) ? 'isDoTask' : '', showTaskIndex == index ? 'inDoTask' : '']"
|
|
|
+ @click.stop="choseShowTaskIndex(index)"
|
|
|
+ >{{ index + 1 }}</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="tla_bottom">
|
|
|
+ <div class="dt_m_b_r_tl_bottom">
|
|
|
+ <div><span class="isDoTask"></span>已答</div>
|
|
|
|
|
|
- <div><span class="inDoTask"></span>当前</div>
|
|
|
+ <div><span class="inDoTask"></span>当前</div>
|
|
|
|
|
|
- <div><span></span>未答</div>
|
|
|
+ <div><span></span>未答</div>
|
|
|
+ </div>
|
|
|
+ <div class="tla_b_right">
|
|
|
+ <div>共{{ taskList.length }}道题</div>
|
|
|
+ <span></span>
|
|
|
+ <div>合计100分</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </van-action-sheet>
|
|
|
+
|
|
|
+ <van-action-sheet v-model="changeChapterSheet">
|
|
|
+ <div class="chapterList">
|
|
|
+ <div class="sd_b_list">
|
|
|
+ <div class="sd_b_l_item" v-for="(item, index) in classList" :key="index">
|
|
|
+ <div class="sd_b_i_title" @click.stop="item.open = !item.open">
|
|
|
+ <svg
|
|
|
+ width="16"
|
|
|
+ height="16"
|
|
|
+ viewBox="0 0 16 16"
|
|
|
+ :style="item.open ? 'transform:rotate(0deg)' : 'transform:rotate(-90deg)'"
|
|
|
+ fill="none"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M3.54004 6.45977L4.45928 5.54053L7.99966 9.08091L11.54 5.54053L12.4593 6.45977L7.99966 10.9194L3.54004 6.45977Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.4"
|
|
|
+ />
|
|
|
+ </svg>
|
|
|
+ <span>{{ item.title }}</span>
|
|
|
</div>
|
|
|
- <div class="tla_b_right">
|
|
|
- <div>共{{ taskList.length }}道题</div>
|
|
|
- <span></span>
|
|
|
- <div>合计100分</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="sd_b_i_list" v-if="item.open">
|
|
|
+ <div
|
|
|
+ :class="[
|
|
|
+ 'sd_b_i_l_item',
|
|
|
+ type == `${index}-${index2}` ? 'sd_b_i_listActive' : '',
|
|
|
+ item2.disabled ? 'sd_b_i_listDisabled' : ''
|
|
|
+ ]"
|
|
|
+ v-for="(item2, index2) in item.allClass"
|
|
|
+ :key="index + '-' + index2"
|
|
|
+ @click.stop="changeChapter(`${index}-${index2}`, item2)"
|
|
|
+ >
|
|
|
+ <span>第{{ index2 + 1 }}节</span><span>{{ item2.title }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</van-action-sheet>
|
|
|
+
|
|
|
+ <van-popup v-model="disabledShow" round>
|
|
|
+ <div class="disabledShowBox">
|
|
|
+ <div class="dsb_top">
|
|
|
+ <div class="dsb_top_title">敬请期待</div>
|
|
|
+ <div class="dsb_top_content">当前课程资源正在建设中，请您耐心等待。</div>
|
|
|
+ </div>
|
|
|
+ <div class="dsb_bottom">
|
|
|
+ <span @click.stop="disabledShow = false">催一催</span>
|
|
|
+ <span @click.stop="disabledShow = false">好的</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </van-popup>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { Dialog } from 'vant'
|
|
|
import bar from './component/bar.vue'
|
|
|
+import { v4 as uuidv4 } from 'uuid'
|
|
|
+import { aiRoleChatRequest2 } from '@/api/pocAiClassroom'
|
|
|
export default {
|
|
|
components: {
|
|
|
bar
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ disabledShow:false,
|
|
|
showTaskIndex: 0,
|
|
|
time: 0,
|
|
|
time2: 0,
|
|
|
@@ -632,6 +695,7 @@ export default {
|
|
|
oid: this.$store.state.user.userinfo.organizeid,
|
|
|
showSeekAssist: false,
|
|
|
showTaskListSheet: false,
|
|
|
+ seekAssistMessage: '', //求助内容
|
|
|
choseList: [
|
|
|
'A',
|
|
|
'B',
|
|
|
@@ -862,7 +926,166 @@ export default {
|
|
|
name: '迷人的大反派6',
|
|
|
personality: '心思细腻，能够敏锐捕捉到别人的需求，喜欢支持和鼓励他人，富有耐心6'
|
|
|
}
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ classList: [
|
|
|
+ {
|
|
|
+ title: '第一章：科學入門',
|
|
|
+ open: true,
|
|
|
+ allClass: [
|
|
|
+ {
|
|
|
+ title: '學習科學',
|
|
|
+ type: 0,
|
|
|
+ isComplete: true,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8741724834676182.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '科學的實踐',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: true,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8731724834767532.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '實驗室安全',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: false,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8721724834685472.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '實驗室儀器及基本實驗技巧',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: false,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8751724834771676.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '綜合練習',
|
|
|
+ type: 1,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: false,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8711724834666052.png'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '第二章：水',
|
|
|
+ open: true,
|
|
|
+ allClass: [
|
|
|
+ {
|
|
|
+ title: '水的物熊變化',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: false,
|
|
|
+ isComplete: true,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8761724834777931.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '水循環',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: false,
|
|
|
+ isComplete: true,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8771724834845597.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '溶解',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: true,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8781724834847977.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '水的淨化',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: true,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8791724834873373.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '食水的進一步處理',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: false,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8761724834777931.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '節約用水和水污染',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: false,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8771724834845597.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '綜合練習',
|
|
|
+ type: 1,
|
|
|
+ disabled: true,
|
|
|
+ subject: 4,
|
|
|
+ isComplete: false,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8721724834685472.png'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '第三章：观察生物',
|
|
|
+ open: true,
|
|
|
+ allClass: [
|
|
|
+ {
|
|
|
+ title: '生物',
|
|
|
+ type: 0,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: true,
|
|
|
+ subject: 4,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8741724834676182.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '生物的分類',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: true,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8731724834767532.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '檢索表',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: false,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8721724834685472.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '生物多樣性',
|
|
|
+ type: 0,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: false,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8751724834771676.png'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '綜合練習',
|
|
|
+ type: 1,
|
|
|
+ subject: 4,
|
|
|
+ disabled: true,
|
|
|
+ isComplete: false,
|
|
|
+ image: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/%E5%9B%BE%E7%89%8711724834666052.png'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ type: this.$route.query.type,
|
|
|
+ changeChapterSheet: false,
|
|
|
+ seekAssistLoading: false
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -990,12 +1213,14 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
// 切换章节
|
|
|
- changeChapter() {
|
|
|
- console.log('切换章节')
|
|
|
+ changeChapterFn() {
|
|
|
+ this.changeChapterSheet = true
|
|
|
+ // console.log('切换章节')
|
|
|
},
|
|
|
//求助
|
|
|
seekAssist() {
|
|
|
this.showSeekAssist = true
|
|
|
+ this.getSeekAssist()
|
|
|
},
|
|
|
keepTime() {
|
|
|
if (this.timer !== null) {
|
|
|
@@ -1091,16 +1316,420 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
doNotKnow() {
|
|
|
- this.$toast('多想想')
|
|
|
+ this.getSeekAssist()
|
|
|
+ },
|
|
|
+ choseShowTaskIndex(_index) {
|
|
|
+ this.showTaskIndex = _index
|
|
|
+ this.showTaskListSheet = false
|
|
|
+ },
|
|
|
+ changeChapter(index, item) {
|
|
|
+ if (item && item.disabled)return this.disabledShow = true;
|
|
|
+ if (index == '1-0') {
|
|
|
+ // {
|
|
|
+ // teststitle: '请从以下选项中选出一个由三个不同字母组成的组合。',
|
|
|
+ // checkList: ['abc', 'aaa', 'bca', 'ccc'],
|
|
|
+ // timuList: [],
|
|
|
+ // answer: 0,
|
|
|
+ // type: '1',
|
|
|
+ // analyze:
|
|
|
+ // '本题考核学生对字母的识别能力以及对字母组合的理解。学生需要识别每个选项中的字母，并判断是否由三个不同的字母组成。选项1（abc）和选项3（bca）都由三个不同的字母组成，但根据题目要求，选项1是正确答案。',
|
|
|
+ // answer2: '',
|
|
|
+ // uuid: '2b29f3aa-3389-4415-85aa-613f72e23de6',
|
|
|
+ // isSubmit: false
|
|
|
+ // },
|
|
|
+ let task = [
|
|
|
+ {
|
|
|
+ teststitle: '當冰加熱到0°C時，它會發生什麼變化',
|
|
|
+ checkList: ['沸騰', '凝結', '熔化', '蒸發'],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze: '當冰加熱到0°C時，它會從固態轉變成液態，這個過程稱為熔化。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '在自然界中，水能以哪種形式存在？',
|
|
|
+ checkList: ['只有液態', '只有固態', '液態和氣態', '三態均有'],
|
|
|
+ answer: 3,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水在自然界中可以以固態(冰)、液態(水)和氣態(水汽)三種狀態存在。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '易拉罐表面在夏天常出現水滴，這是由於水汽的什麼現象？',
|
|
|
+ checkList: ['蒸發', '熔化', '沸騰', '凝結'],
|
|
|
+ answer: 3,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水汽在接觸冷的易拉罐表面時凝結成液態水，這個過程稱為凝結。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '在夏天，玻璃杯外面的水滴形成是因為哪種水物態變化？',
|
|
|
+ checkList: ['凝固', '熔化', '沸騰', '凝結'],
|
|
|
+ answer: 3,
|
|
|
+ type: '1',
|
|
|
+ analyze: '玻璃杯外的水滴是由空氣中的水汽經由凝結形成的。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '下列哪一項說法正確描述水的熱的物態變化？',
|
|
|
+ checkList: [
|
|
|
+ '水的凝結點比沸點高',
|
|
|
+ '水在0°C時開始凝固或熔化',
|
|
|
+ '水只能通過沸騰轉化為氣態',
|
|
|
+ '水在自然界只存在於其中一種狀態'
|
|
|
+ ],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水在0°C時，可以開始從固態冰凝固成液態水，或者從液態水熔化成固態冰。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '下列哪項關於物熊變化的敘述是不正確的?',
|
|
|
+ checkList: [
|
|
|
+ '凝結會於沸點或以下的温度發生',
|
|
|
+ '蒸發過程中不会吸收或釋出能量。',
|
|
|
+ '凝固是物質由液熊轉變成固熊的過程',
|
|
|
+ 'D.固體熔化時的温度保持不變。'
|
|
|
+ ],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '選項B蒸發是液體變成氣體的過程，這個過程需要吸收能量，稱為蒸發熱。因此，蒸發是一個吸熱過程。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '如圖所示，盛了水的鍋正在爐上加熱。在鍋中和在鍋蓋內壁的水正在發生甚麼物熊變化?',
|
|
|
+ imageUrl: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/image%20%281%291725689946082.png',
|
|
|
+ checkList: [
|
|
|
+ '鍋中：熔化，鍋蓋內璧：沸騰',
|
|
|
+ '鍋中：蒸發，鍋蓋內璧：凝固',
|
|
|
+ '鍋中：沸騰，鍋蓋內璧：凝結',
|
|
|
+ '鍋中：凝結，鍋蓋內璧：蒸發'
|
|
|
+ ],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze:
|
|
|
+ '鍋中：沸騰。當鍋中的水被加熱到一定的溫度，即水的沸點時，水分子獲得足夠的能量克服相互之間的吸引力，開始從液態轉變為氣態，形成氣泡並上升到水面，然後氣泡破裂，釋放出水蒸氣。這個過程稱為沸騰，是液體變成氣體的相變過程。鍋蓋內璧：凝結。鍋蓋內璧的溫度通常低於鍋中水的溫度，因此當鍋中產生的水蒸氣遇到較冷的鍋蓋內璧時，水蒸氣分子會失去能量，相互之間的吸引力增強，導致它們重新聚集在一起形成液態水。這個過程稱為凝結，是氣體變成液體的相變過程。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '下列哪項正確顯示冰變成水時的水粒子變化?',
|
|
|
+ imageUrl: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/image%20%282%291725690023281.png',
|
|
|
+ checkList: ['A', 'B', 'C', 'D'],
|
|
|
+ answer: 0,
|
|
|
+ type: '1',
|
|
|
+ analyze: '冰變成水時，水分子間的距離增大，分子運動加快。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '當水冷卻到0°C時，它會發生什麼變化？',
|
|
|
+ checkList: ['熔化', '凝固', '沸騰', '蒸發'],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '當水冷卻到0°C時，它會從液態轉變成固態，這個過程稱為凝固。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '水蒸發需要具備哪些條件？',
|
|
|
+ checkList: ['高於100°C的溫度', '僅能在沸點發生', '低於沸點的任何溫度', '僅能在冰點發生'],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水蒸發可以在低於沸點的任何溫度發生，並不需要達到沸點。',
|
|
|
+ answer2: ''
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ this.taskList = task
|
|
|
+ } else if (index == '1-1') {
|
|
|
+ let task = [
|
|
|
+ {
|
|
|
+ teststitle: `在下列哪個(些)情况下，濕衣服會乾得很慢?
|
|
|
+(1)把衣服摺起來
|
|
|
+(2)空氣濕度低
|
|
|
+(3)把衣服晾在陽光下
|
|
|
+`,
|
|
|
+ checkList: ['只有 (1)', '只有 (1)和 (2)', '只有 (1) 和 (3)', '只有 (2) 和 (3)'],
|
|
|
+ answer: 0,
|
|
|
+ type: '1',
|
|
|
+ analyze:
|
|
|
+ '當衣服被折疊起來時，水分蒸發的表面積減少，因為衣服內部的水分不容易接觸到流通的空氣，這會減慢幹燥過程。，水分蒸发的表面积减少，因为衣服内部的水分不容易接触到流通的空气，这会减慢干燥过程。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '下列各容器盛有相同分量的水。把它們置在陽光下幾小時後，哪個容器會剩下最少水？',
|
|
|
+ imageUrl: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/image%20%283%291725690506088.png',
|
|
|
+ checkList: ['A', 'B', 'C', 'D'],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze: '表面積越大，水分接觸空氣的面積越多，蒸發得越快。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: `一把濕雨傘收起後掛在窗邊。下列哪個(些)方法能使目4濕傘快些乾透?
|
|
|
+(1)把雨傘放在陽光下。
|
|
|
+(2)開動風扇，再把雨傘放在風扇前方
|
|
|
+(3)完全打開傘。
|
|
|
+`,
|
|
|
+ checkList: ['只有 (1)', '只有 (2)和 (3)', '只有(1)和(2)', '全部(1)(2)和(3)'],
|
|
|
+ answer: 3,
|
|
|
+ type: '1',
|
|
|
+ analyze:
|
|
|
+ '（1）將雨傘放在陽光直射的地方，可以利用太陽的熱量來提高雨傘的溫度，這是加快水分蒸發的一個有效方法。（2）使用風扇或其他形式的人工通風可以增加空氣中的對流，幫助將潮濕的空氣帶走，並帶來更幹燥的空氣，這同樣有助於加速雨傘的幹燥。（3）雨傘完全打開時，增加了與空氣接觸的表面積，這意味著有更多的水分可以同時蒸發，從而加快了整體的幹燥過程。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '下列哪項關於大自然中水的敘述是正確的 ?',
|
|
|
+ checkList: [
|
|
|
+ '地球上的水因蒸發不斷流失。',
|
|
|
+ '地球上的水因凝結不斷增加。',
|
|
|
+ '海洋中水由液熊水轉變成水汽。',
|
|
|
+ '高空的水滴不會返回地面。'
|
|
|
+ ],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze:
|
|
|
+ 'A 雖然地球上的水會通過蒸發變成水蒸氣進入大氣中，但這個過程是水循環的一部分，水蒸氣最終會通過凝結成雲，再以雨、雪等形式返回地面，補充到地球上的水源中。B 凝結是水循環中的一個環節，這個過程並不會導致地球上總水量的增加，因為水循環是一個動態平衡的系統。D高空中的水滴可以通過多種方式返回地面，最常見的是水滴凝結成雲，然後以雨、雪、冰雹等形式降落到地面。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '以下哪個現象不屬於水循環的一部分？',
|
|
|
+ checkList: ['蒸發', '火山爆發', '降水', '凝結'],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水循環涉及蒸發、凝結、運輸和降水等過程，而火山爆發不是水循環的一部分。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '以下哪種因素不直接影響水的蒸發速率？',
|
|
|
+ checkList: ['溫度', '空氣流動', '衣服的顏色', '表面積'],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水的蒸發速率主要受溫度、空氣流動和表面積的影響，衣服的顏色不直接影響水的蒸發。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '在水循環中，海洋的主要作用是什麼？',
|
|
|
+ // imageUrl:"https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/image%20%281%291725689946082.png",
|
|
|
+ checkList: ['提供空氣濕度', '儲存地球上大部分水量', '為陸地提供地下水', '提供生態系統'],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '海洋覆蓋地球表面的約 70%，儲存了地球總水量的 97%，是水循環的主要儲水地。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '下列關於水循環的敘述，哪一項是不正確的？',
|
|
|
+ checkList: ['降水可以是雨、雪、或冰雹', '水循環是由人類活動主導的', '降水主要發生在海洋', '凝結形成雲'],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水循環是自然過程，主要受到太陽能量驅動，而非人類活動。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '為什麼高空的水滴容易凝結？',
|
|
|
+ checkList: ['因為空氣中的二氧化碳含量高', '因為高空的溫度較低', '因為水的密度變大', '因為地心引力的作用'],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '高空的溫度較低，這樣水汽容易凝結成小水滴。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '以下哪項活動會加快水的蒸發速率？',
|
|
|
+ checkList: ['將盛水的容器蓋住', '將水置於陰暗角落', '將水置於陽光直射下', '增加室內濕度'],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze: '在陽光直射下，水分子吸收更多的能量，蒸發速率會增加。',
|
|
|
+ answer2: ''
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ this.taskList = task
|
|
|
+ } else {
|
|
|
+ let task = [
|
|
|
+ {
|
|
|
+ teststitle: '當冰加熱到0°C時，它會發生什麼變化',
|
|
|
+ checkList: ['沸騰', '凝結', '熔化', '蒸發'],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze: '當冰加熱到0°C時，它會從固態轉變成液態，這個過程稱為熔化。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '在自然界中，水能以哪種形式存在？',
|
|
|
+ checkList: ['只有液態', '只有固態', '液態和氣態', '三態均有'],
|
|
|
+ answer: 3,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水在自然界中可以以固態(冰)、液態(水)和氣態(水汽)三種狀態存在。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '易拉罐表面在夏天常出現水滴，這是由於水汽的什麼現象？',
|
|
|
+ checkList: ['蒸發', '熔化', '沸騰', '凝結'],
|
|
|
+ answer: 3,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水汽在接觸冷的易拉罐表面時凝結成液態水，這個過程稱為凝結。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '在夏天，玻璃杯外面的水滴形成是因為哪種水物態變化？',
|
|
|
+ checkList: ['凝固', '熔化', '沸騰', '凝結'],
|
|
|
+ answer: 3,
|
|
|
+ type: '1',
|
|
|
+ analyze: '玻璃杯外的水滴是由空氣中的水汽經由凝結形成的。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '下列哪一項說法正確描述水的熱的物態變化？',
|
|
|
+ checkList: [
|
|
|
+ '水的凝結點比沸點高',
|
|
|
+ '水在0°C時開始凝固或熔化',
|
|
|
+ '水只能通過沸騰轉化為氣態',
|
|
|
+ '水在自然界只存在於其中一種狀態'
|
|
|
+ ],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水在0°C時，可以開始從固態冰凝固成液態水，或者從液態水熔化成固態冰。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '下列哪項關於物熊變化的敘述是不正確的?',
|
|
|
+ checkList: [
|
|
|
+ '凝結會於沸點或以下的温度發生',
|
|
|
+ '蒸發過程中不会吸收或釋出能量。',
|
|
|
+ '凝固是物質由液熊轉變成固熊的過程',
|
|
|
+ 'D.固體熔化時的温度保持不變。'
|
|
|
+ ],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '選項B蒸發是液體變成氣體的過程，這個過程需要吸收能量，稱為蒸發熱。因此，蒸發是一個吸熱過程。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '如圖所示，盛了水的鍋正在爐上加熱。在鍋中和在鍋蓋內壁的水正在發生甚麼物熊變化?',
|
|
|
+ imageUrl: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/image%20%281%291725689946082.png',
|
|
|
+ checkList: [
|
|
|
+ '鍋中：熔化，鍋蓋內璧：沸騰',
|
|
|
+ '鍋中：蒸發，鍋蓋內璧：凝固',
|
|
|
+ '鍋中：沸騰，鍋蓋內璧：凝結',
|
|
|
+ '鍋中：凝結，鍋蓋內璧：蒸發'
|
|
|
+ ],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze:
|
|
|
+ '鍋中：沸騰。當鍋中的水被加熱到一定的溫度，即水的沸點時，水分子獲得足夠的能量克服相互之間的吸引力，開始從液態轉變為氣態，形成氣泡並上升到水面，然後氣泡破裂，釋放出水蒸氣。這個過程稱為沸騰，是液體變成氣體的相變過程。鍋蓋內璧：凝結。鍋蓋內璧的溫度通常低於鍋中水的溫度，因此當鍋中產生的水蒸氣遇到較冷的鍋蓋內璧時，水蒸氣分子會失去能量，相互之間的吸引力增強，導致它們重新聚集在一起形成液態水。這個過程稱為凝結，是氣體變成液體的相變過程。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '下列哪項正確顯示冰變成水時的水粒子變化?',
|
|
|
+ imageUrl: 'https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/image%20%282%291725690023281.png',
|
|
|
+ checkList: ['A', 'B', 'C', 'D'],
|
|
|
+ answer: 0,
|
|
|
+ type: '1',
|
|
|
+ analyze: '冰變成水時，水分子間的距離增大，分子運動加快。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '當水冷卻到0°C時，它會發生什麼變化？',
|
|
|
+ checkList: ['熔化', '凝固', '沸騰', '蒸發'],
|
|
|
+ answer: 1,
|
|
|
+ type: '1',
|
|
|
+ analyze: '當水冷卻到0°C時，它會從液態轉變成固態，這個過程稱為凝固。',
|
|
|
+ answer2: ''
|
|
|
+ },
|
|
|
+ {
|
|
|
+ teststitle: '水蒸發需要具備哪些條件？',
|
|
|
+ checkList: ['高於100°C的溫度', '僅能在沸點發生', '低於沸點的任何溫度', '僅能在冰點發生'],
|
|
|
+ answer: 2,
|
|
|
+ type: '1',
|
|
|
+ analyze: '水蒸發可以在低於沸點的任何溫度發生，並不需要達到沸點。',
|
|
|
+ answer2: ''
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ this.taskList = task
|
|
|
+ }
|
|
|
+ this.showTaskIndex = 0
|
|
|
+ this.time = 0
|
|
|
+ this.time2 = 0
|
|
|
+ this.startTime = new Date().getTime()
|
|
|
+ this.type = index
|
|
|
+ this.taskMessage.chapter = this.classList[parseInt(index.split('-')[0])].title
|
|
|
+ this.taskMessage.title = `第${parseInt(index.split('-')[1]) + 1}节 ${
|
|
|
+ this.classList[parseInt(index.split('-')[0])].allClass[parseInt(index.split('-')[1])].title
|
|
|
+ }`
|
|
|
+ this.changeChapterSheet = false
|
|
|
},
|
|
|
- choseShowTaskIndex(_index){
|
|
|
- this.showTaskIndex = _index;
|
|
|
- this.showTaskListSheet = false;
|
|
|
- }
|
|
|
+ getSeekAssist() {
|
|
|
+ if (this.seekAssistLoading) return
|
|
|
+ return new Promise(resolve => {
|
|
|
+ let _index = 0
|
|
|
+ let _timer = null
|
|
|
+ this.seekAssistLoading = true
|
|
|
+ this.seekAssistMessage = '我想想哦'
|
|
|
+ _timer = setInterval(() => {
|
|
|
+ if (_index >= 5) {
|
|
|
+ _index = 0
|
|
|
+ this.seekAssistMessage = '我想想哦'
|
|
|
+ } else {
|
|
|
+ _index++
|
|
|
+ this.seekAssistMessage = '我想想哦' + '.'.repeat(_index)
|
|
|
+ }
|
|
|
+ }, 500)
|
|
|
+ let task = this.taskList[this.showTaskIndex]
|
|
|
+ let taskMsg = `${typeof task.answer == 'object' ? '【多选题】' : '【单选题】'}${task.teststitle}
|
|
|
+${task.checkList.map((i, index) => this.choseList[index] + '.' + i).join('\n')}
|
|
|
+正确答案：${
|
|
|
+ typeof task.answer == 'object'
|
|
|
+ ? task.answer.map(i => this.choseList[i]).join('、')
|
|
|
+ : this.choseList[task.answer]
|
|
|
+ }
|
|
|
+解析：${task.analyze}
|
|
|
+`
|
|
|
+
|
|
|
+ let _msg = `Language: Please use the same language as the user requirement, if the user speaks Traditional Chinese, the specific text of your answer should also be in Traditional Chinese.
|
|
|
+ATTENTION: Use '##' to SPLIT SECTIONS, not '#'. Output format carefully referenced "Format example".
|
|
|
+Instruction: Based on the context, follow "Format example", write content
|
|
|
+
|
|
|
+#Context
|
|
|
+這是一道題目相關的資料，你面向的是一位中學一年級的學生。現在學生求解這道題遇到了困難。請你扮演一位香港中學科學老師，請你使用1-3句完整的話，結合該題目考核的具體選項，從側面對題目選項進行暗示，務必不要直接給出答案。請堅持使用繁體中文，並使用香港人習慣使用的表達方式，請使用偏口語的方式表達，適當給予學生鼓勵。
|
|
|
+##題目內容：
|
|
|
+${taskMsg}
|
|
|
+
|
|
|
+#Format example
|
|
|
+(只需要输出一句话即可，不需要输出其他内容,不要输出Object)
|
|
|
+`
|
|
|
+
|
|
|
+ let params = {
|
|
|
+ assistant_id: '6063369f-289a-11ef-8bf4-12e77c4cb76b',
|
|
|
+ userId: this.userId,
|
|
|
+ message: [{ type: 'text', text: _msg }],
|
|
|
+ session_name: uuidv4(),
|
|
|
+ // uid: _uuid,
|
|
|
+ file_ids: [],
|
|
|
+ model: 'gpt-4o-2024-08-06'
|
|
|
+ }
|
|
|
+
|
|
|
+ aiRoleChatRequest2(params)
|
|
|
+ .then(res => {
|
|
|
+ clearInterval(_timer)
|
|
|
+ _timer = null
|
|
|
+ let _result = res.FunctionResponse.message
|
|
|
+ if (_result) {
|
|
|
+ this.seekAssistMessage = _result
|
|
|
+ this.seekAssistLoading = false
|
|
|
+ } else {
|
|
|
+ console.log(_result)
|
|
|
+ this.$toast('获取失败，请重试')
|
|
|
+ this.showSeekAssist = false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e)
|
|
|
+ this.$toast('获取失败，请重试')
|
|
|
+ this.showSeekAssist = false
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
},
|
|
|
mounted() {
|
|
|
this.keepTime()
|
|
|
this.sortTaskList()
|
|
|
+ this.changeChapter(this.type)
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
@@ -1505,7 +2134,7 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
align-items: center;
|
|
|
- margin-left: 10px;
|
|
|
+ margin-left: 10px;
|
|
|
}
|
|
|
|
|
|
.dt_m_b_r_tl_bottom > div {
|
|
|
@@ -2065,6 +2694,8 @@ export default {
|
|
|
max-width: 100%;
|
|
|
font-size: 18px;
|
|
|
padding: 10px 30px;
|
|
|
+ height: 60%;
|
|
|
+ overflow: auto;
|
|
|
}
|
|
|
|
|
|
.dt_c_m_message > span {
|
|
|
@@ -2206,72 +2837,72 @@ export default {
|
|
|
.tla_head {
|
|
|
width: 100%;
|
|
|
height: 40px;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- font-size: 14px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
|
|
|
-.tla_head>svg{
|
|
|
- width: 18px;
|
|
|
- height: 18px;
|
|
|
- margin-right: 2px;
|
|
|
+.tla_head > svg {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ margin-right: 2px;
|
|
|
}
|
|
|
|
|
|
-.tla_head>span{
|
|
|
- display: flex;
|
|
|
- height: 20px;
|
|
|
- width: auto;
|
|
|
- align-items: center;
|
|
|
+.tla_head > span {
|
|
|
+ display: flex;
|
|
|
+ height: 20px;
|
|
|
+ width: auto;
|
|
|
+ align-items: center;
|
|
|
}
|
|
|
|
|
|
-.tla_head>div{
|
|
|
- font-size: 12px;
|
|
|
- height: 20px;
|
|
|
- display: flex;
|
|
|
- align-items: flex-end;
|
|
|
- margin-left: 3px;
|
|
|
- color: #A6A6A6;
|
|
|
+.tla_head > div {
|
|
|
+ font-size: 12px;
|
|
|
+ height: 20px;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-end;
|
|
|
+ margin-left: 3px;
|
|
|
+ color: #a6a6a6;
|
|
|
}
|
|
|
|
|
|
-.tla_head>div>span{
|
|
|
- font-size: 14px;
|
|
|
- color: #3681fc;
|
|
|
+.tla_head > div > span {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #3681fc;
|
|
|
}
|
|
|
|
|
|
-.tla_taskList{
|
|
|
- width: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 30px;
|
|
|
- height: calc(100% - 90px);
|
|
|
+.tla_taskList {
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 30px;
|
|
|
+ height: calc(100% - 90px);
|
|
|
}
|
|
|
|
|
|
-.tla_bottom{
|
|
|
- width: 100%;
|
|
|
- height: 50px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- border-top: solid 1px #f2f2f2;
|
|
|
+.tla_bottom {
|
|
|
+ width: 100%;
|
|
|
+ height: 50px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-top: solid 1px #f2f2f2;
|
|
|
}
|
|
|
|
|
|
-.tla_b_right{
|
|
|
- width: auto;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin: 0 10px;
|
|
|
- color: #00000066;
|
|
|
- font-size: 12px;
|
|
|
+.tla_b_right {
|
|
|
+ width: auto;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 0 10px;
|
|
|
+ color: #00000066;
|
|
|
+ font-size: 12px;
|
|
|
}
|
|
|
|
|
|
-.tla_b_right>span{
|
|
|
- margin: 0 7px;
|
|
|
- width: 1px;
|
|
|
- height: 10px;
|
|
|
- background-color: #00000066;
|
|
|
+.tla_b_right > span {
|
|
|
+ margin: 0 7px;
|
|
|
+ width: 1px;
|
|
|
+ height: 10px;
|
|
|
+ background-color: #00000066;
|
|
|
}
|
|
|
|
|
|
.tla_taskList > span {
|
|
|
@@ -2291,4 +2922,153 @@ export default {
|
|
|
font-size: 18px;
|
|
|
/* font-weight: bold; */
|
|
|
}
|
|
|
+
|
|
|
+.chapterList {
|
|
|
+ width: 100%;
|
|
|
+ height: 60vh;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_list {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_l_item {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_i_title {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 20px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_i_title > svg {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_i_title > span {
|
|
|
+ display: flex;
|
|
|
+ max-width: 80%;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_i_list {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_i_l_item {
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-left: 30px;
|
|
|
+ margin: 5px 0;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_i_l_item > span {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_i_l_item:hover {
|
|
|
+ background-color: #e0eafb;
|
|
|
+ color: #3681fc;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_i_listActive {
|
|
|
+ background-color: #e0eafb !important;
|
|
|
+ color: #3681fc !important;
|
|
|
+}
|
|
|
+
|
|
|
+.titleImage {
|
|
|
+ width: 100%;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.titleImage > img {
|
|
|
+ width: 100%;
|
|
|
+ max-width: 400px;
|
|
|
+}
|
|
|
+
|
|
|
+.sd_b_i_listDisabled {
|
|
|
+ color: gray !important;
|
|
|
+}
|
|
|
+
|
|
|
+.disabledShowBox{
|
|
|
+ /* width: 250px; */
|
|
|
+ width: 80vw;
|
|
|
+ height: 200px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.dsb_top{
|
|
|
+ flex: 1;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+.dsb_top_title{
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.dsb_top_content{
|
|
|
+ font-size: 16px;
|
|
|
+ max-width: 80%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+.dsb_bottom{
|
|
|
+ width: 100%;
|
|
|
+ height: 60px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 10px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.dsb_bottom>span{
|
|
|
+ flex: 1;
|
|
|
+ height: 90%;
|
|
|
+ border-radius: 8px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ background-color: #F0F2F5;
|
|
|
+ color: #3681FC;
|
|
|
+}
|
|
|
+
|
|
|
+.dsb_bottom>span:nth-of-type(2){
|
|
|
+ margin-left: 20px;
|
|
|
+ background-color: #3681FC;
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
</style>
|
SanHQin