Compare commits

...

14 Commits

Author SHA1 Message Date
caoyuchun
c1d65d91e8 update 2025-12-12 10:30:33 +08:00
caoyuchun
b3a47589d8 cyc 2025-10-23 10:39:42 +08:00
caoyuchun
0fd35475dd cyc 2025-09-17 13:10:58 +08:00
caoyuchun
3fd6aa1bee cyc 2025-07-26 09:44:11 +07:00
caoyuchun
8b763a5b15 cyc 2025-07-19 18:09:01 +08:00
caoyuchun
098d6a129f cyc 2025-07-19 13:59:04 +08:00
caoyuchun
1f9171fed4 cyc 2025-06-12 17:08:52 +08:00
caoyuchun
41075b4af0 cyc 2025-06-12 17:07:59 +08:00
caoyuchun
8c6c19f40c cyc 2025-06-12 17:07:07 +08:00
caoyuchun
7d599ec31a cyc 2025-05-28 13:42:44 +08:00
caoyuchun
9f99e24eca cyc 2025-05-23 18:35:14 +08:00
caoyuchun
41bd2cf8dc cyc 2025-05-22 16:20:57 +08:00
caoyuchun
e8369de786 cyc 2025-05-14 15:08:53 +08:00
caoyuchun
8f2a2417f3 cyc 2025-04-28 09:31:17 +08:00
206 changed files with 153628 additions and 24607 deletions

View File

@ -1,7 +1,8 @@
# NODE_ENV=sub # NODE_ENV=sub
# VUE_APP_BASE_URL=/reading_1/ # VUE_APP_BASE_URL=/reading_1/
VUE_APP_BASE_URL=/reading/ VUE_APP_BASE_URL=/reading/
BUILD_DIR = "aoxiang" #BUILD_DIR = "aoxiang"
BUILD_DIR = "reading"
# VUE_APP_BASE_URL=/dist/ # VUE_APP_BASE_URL=/dist/
# VUE_APP_NAME=caoyuchun # VUE_APP_NAME=caoyuchun
# VUE_APP_EMAIL=caoyuchun2003@qq.com # VUE_APP_EMAIL=caoyuchun2003@qq.com

View File

@ -1,11 +1,11 @@
npm run build # npm run build
npm run build-sub npm run build-sub
rm dist.zip # rm reading.zip
rm aoxiang.zip rm reading.zip
zip -r dist.zip dist/ # zip -r reading.zip reading/
zip -r aoxiang.zip aoxiang zip -r reading.zip reading

67
package-lock.json generated
View File

@ -9,6 +9,7 @@
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"axios": "^1.7.2", "axios": "^1.7.2",
"clipboard": "^2.0.11",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"crypto-js": "^4.2.0", "crypto-js": "^4.2.0",
"echarts": "^5.6.0", "echarts": "^5.6.0",
@ -4739,6 +4740,16 @@
"node": ">= 10" "node": ">= 10"
} }
}, },
"node_modules/clipboard": {
"version": "2.0.11",
"resolved": "https://mirrors.cloud.tencent.com/npm/clipboard/-/clipboard-2.0.11.tgz",
"integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
"dependencies": {
"good-listener": "^1.2.2",
"select": "^1.1.2",
"tiny-emitter": "^2.0.0"
}
},
"node_modules/clipboardy": { "node_modules/clipboardy": {
"version": "2.3.0", "version": "2.3.0",
"resolved": "https://mirrors.cloud.tencent.com/npm/clipboardy/-/clipboardy-2.3.0.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/clipboardy/-/clipboardy-2.3.0.tgz",
@ -6077,6 +6088,11 @@
"node": ">=0.4.0" "node": ">=0.4.0"
} }
}, },
"node_modules/delegate": {
"version": "3.2.0",
"resolved": "https://mirrors.cloud.tencent.com/npm/delegate/-/delegate-3.2.0.tgz",
"integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
},
"node_modules/depd": { "node_modules/depd": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://mirrors.cloud.tencent.com/npm/depd/-/depd-2.0.0.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/depd/-/depd-2.0.0.tgz",
@ -7979,6 +7995,14 @@
"node": ">=6" "node": ">=6"
} }
}, },
"node_modules/good-listener": {
"version": "1.2.2",
"resolved": "http://mirrors.cloud.tencent.com/npm/good-listener/-/good-listener-1.2.2.tgz",
"integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
"dependencies": {
"delegate": "^3.1.2"
}
},
"node_modules/gopd": { "node_modules/gopd": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://mirrors.cloud.tencent.com/npm/gopd/-/gopd-1.0.1.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/gopd/-/gopd-1.0.1.tgz",
@ -12769,6 +12793,11 @@
"url": "https://opencollective.com/webpack" "url": "https://opencollective.com/webpack"
} }
}, },
"node_modules/select": {
"version": "1.1.2",
"resolved": "https://mirrors.cloud.tencent.com/npm/select/-/select-1.1.2.tgz",
"integrity": "sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0="
},
"node_modules/select-hose": { "node_modules/select-hose": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://mirrors.cloud.tencent.com/npm/select-hose/-/select-hose-2.0.0.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/select-hose/-/select-hose-2.0.0.tgz",
@ -14284,6 +14313,11 @@
"integrity": "sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==", "integrity": "sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==",
"dev": true "dev": true
}, },
"node_modules/tiny-emitter": {
"version": "2.1.0",
"resolved": "http://mirrors.cloud.tencent.com/npm/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
"integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
},
"node_modules/tmp": { "node_modules/tmp": {
"version": "0.0.33", "version": "0.0.33",
"resolved": "https://mirrors.cloud.tencent.com/npm/tmp/-/tmp-0.0.33.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/tmp/-/tmp-0.0.33.tgz",
@ -20135,6 +20169,16 @@
"integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==", "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
"dev": true "dev": true
}, },
"clipboard": {
"version": "2.0.11",
"resolved": "https://mirrors.cloud.tencent.com/npm/clipboard/-/clipboard-2.0.11.tgz",
"integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
"requires": {
"good-listener": "^1.2.2",
"select": "^1.1.2",
"tiny-emitter": "^2.0.0"
}
},
"clipboardy": { "clipboardy": {
"version": "2.3.0", "version": "2.3.0",
"resolved": "https://mirrors.cloud.tencent.com/npm/clipboardy/-/clipboardy-2.3.0.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/clipboardy/-/clipboardy-2.3.0.tgz",
@ -21176,6 +21220,11 @@
"resolved": "https://mirrors.cloud.tencent.com/npm/delayed-stream/-/delayed-stream-1.0.0.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/delayed-stream/-/delayed-stream-1.0.0.tgz",
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==" "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ=="
}, },
"delegate": {
"version": "3.2.0",
"resolved": "https://mirrors.cloud.tencent.com/npm/delegate/-/delegate-3.2.0.tgz",
"integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
},
"depd": { "depd": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://mirrors.cloud.tencent.com/npm/depd/-/depd-2.0.0.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/depd/-/depd-2.0.0.tgz",
@ -22682,6 +22731,14 @@
"slash": "^2.0.0" "slash": "^2.0.0"
} }
}, },
"good-listener": {
"version": "1.2.2",
"resolved": "http://mirrors.cloud.tencent.com/npm/good-listener/-/good-listener-1.2.2.tgz",
"integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
"requires": {
"delegate": "^3.1.2"
}
},
"gopd": { "gopd": {
"version": "1.0.1", "version": "1.0.1",
"resolved": "https://mirrors.cloud.tencent.com/npm/gopd/-/gopd-1.0.1.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/gopd/-/gopd-1.0.1.tgz",
@ -26504,6 +26561,11 @@
"ajv-keywords": "^3.5.2" "ajv-keywords": "^3.5.2"
} }
}, },
"select": {
"version": "1.1.2",
"resolved": "https://mirrors.cloud.tencent.com/npm/select/-/select-1.1.2.tgz",
"integrity": "sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0="
},
"select-hose": { "select-hose": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://mirrors.cloud.tencent.com/npm/select-hose/-/select-hose-2.0.0.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/select-hose/-/select-hose-2.0.0.tgz",
@ -27755,6 +27817,11 @@
"integrity": "sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==", "integrity": "sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==",
"dev": true "dev": true
}, },
"tiny-emitter": {
"version": "2.1.0",
"resolved": "http://mirrors.cloud.tencent.com/npm/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
"integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
},
"tmp": { "tmp": {
"version": "0.0.33", "version": "0.0.33",
"resolved": "https://mirrors.cloud.tencent.com/npm/tmp/-/tmp-0.0.33.tgz", "resolved": "https://mirrors.cloud.tencent.com/npm/tmp/-/tmp-0.0.33.tgz",

View File

@ -13,6 +13,7 @@
}, },
"dependencies": { "dependencies": {
"axios": "^1.7.2", "axios": "^1.7.2",
"clipboard": "^2.0.11",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"crypto-js": "^4.2.0", "crypto-js": "^4.2.0",
"echarts": "^5.6.0", "echarts": "^5.6.0",

View File

@ -3,8 +3,11 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- <link rel="icon" href="<%= BASE_URL %>favicon.ico"> -->
<link rel="icon" href="/favicon.ico">
<!-- <link rel="https://axdbook.zxkedu.com/bundles/app/images/zwsjimg2_06.png"> --> <!-- <link rel="https://axdbook.zxkedu.com/bundles/app/images/zwsjimg2_06.png"> -->
<!-- <title><%= htmlWebpackPlugin.options.title %></title> --> <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->

Binary file not shown.

View File

@ -0,0 +1,790 @@
<template>
<div class="ai-chat-container">
<div class="chat-messages" ref="messagesContainer">
<div v-for="(message, index) in messages" :key="index" :class="['message', message.role]">
<div class="avatar">
<div v-if="message.role === 'user'" class="user-avatar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" />
<circle cx="12" cy="7" r="4" />
</svg>
</div>
<div v-else class="ai-avatar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12" />
<circle cx="17" cy="7" r="5" />
</svg>
</div>
</div>
<div class="message-content">
<div class="message-text" v-html="message.content"></div>
<div class="message-time">{{ formatTime(message.timestamp) }}</div>
</div>
</div>
<div v-if="isLoading" class="message assistant">
<div class="avatar">
<div class="ai-avatar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12" />
<circle cx="17" cy="7" r="5" />
</svg>
</div>
</div>
<div class="message-content">
<div class="message-text typing-indicator">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<div v-if="messages.length === 0" class="welcome-message">
<div class="welcome-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12" />
<circle cx="17" cy="7" r="5" />
</svg>
</div>
<h3 v-html="formatMessage('你好我是AI助手')"></h3>
<p v-html="formatMessage('有什么我可以帮你的吗?')"></p>
</div>
</div>
<div class="chat-input">
<div class="input-container">
<input v-model="inputMessage" @keyup.enter="sendMessage" :disabled="isLoading" placeholder="输入消息..."
class="message-input" />
<button @click="sendMessage" :disabled="isLoading || !inputMessage.trim()" class="send-button"
:class="{ 'loading': isLoading }">
<svg v-if="!isLoading" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<line x1="22" y1="2" x2="11" y2="13" />
<polygon points="22 2 15 22 11 13 2 9 22 2" />
</svg>
<svg v-else xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<line x1="12" y1="2" x2="12" y2="6" />
<line x1="12" y1="18" x2="12" y2="22" />
<line x1="4.93" y1="4.93" x2="7.76" y2="7.76" />
<line x1="16.24" y1="16.24" x2="19.07" y2="19.07" />
<line x1="2" y1="12" x2="6" y2="12" />
<line x1="18" y1="12" x2="22" y2="12" />
<line x1="4.93" y1="19.07" x2="7.76" y2="16.24" />
<line x1="16.24" y1="7.76" x2="19.07" y2="4.93" />
</svg>
</button>
</div>
</div>
</div>
</template>
<script>
// Vue 2
import { AIAssistant } from './aiAssistant.js';
import ClipboardJS from 'clipboard';
export default {
name: 'AIChat',
props: {
chatModelUrl: {
type: String,
default: 'https://qianfan.baidubce.com/v2',
required: false
},
modelAuthKey: {
type: String,
required: true
},
knowledgeBaseId: {
type: String,
default: null
},
knowledgeBaseUrl: {
type: String,
default: '/api/knowledgebases/query'
},
knowledgeBaseAuthKey: {
type: String,
required: true
}
},
data() {
return {
messages: [],
inputMessage: '',
isLoading: false,
eventSource: null,
aiAssistant: null,
clipboard: null
}
},
mounted() {
// AI
this.aiAssistant = new AIAssistant({
chatModelUrl: this.chatModelUrl,
modelAuthKey: this.modelAuthKey,
knowledgeBaseId: this.knowledgeBaseId,
knowledgeBaseUrl: this.knowledgeBaseUrl,
knowledgeBaseAuthKey: this.knowledgeBaseAuthKey
});
//
this.clipboard = new ClipboardJS('.copy-button');
//
this.$nextTick(() => {
this.renderMathJax();
this.highlightCode();
});
},
beforeDestroy() {
if (this.eventSource) {
this.eventSource.close();
}
if (this.clipboard) {
this.clipboard.destroy();
}
},
methods: {
formatTime(timestamp) {
return new Date(timestamp).toLocaleTimeString('zh-CN', {
hour: '2-digit',
minute: '2-digit'
});
},
scrollToBottom() {
this.$nextTick(() => {
if (this.$refs.messagesContainer) {
this.$refs.messagesContainer.scrollTop = this.$refs.messagesContainer.scrollHeight;
}
});
},
clearChat() {
this.messages = [];
},
async sendMessage() {
const message = this.inputMessage.trim();
if (!message || this.isLoading) return;
//
this.messages.push({
role: 'user',
content: message,
timestamp: Date.now()
});
this.inputMessage = '';
this.isLoading = true;
this.scrollToBottom();
try {
//
const assistantMessageIndex = this.messages.length;
this.messages.push({
role: 'assistant',
content: '',
timestamp: Date.now()
});
// 使AI
const reader = await this.aiAssistant.sendMessage(message);
const decoder = new TextDecoder();
let accumulatedContent = '';
while (true) {
const { done, value } = await reader.read();
if (done) break;
const chunk = decoder.decode(value, { stream: true });
const lines = chunk.split('\n');
for (const line of lines) {
if (line.startsWith('data:')) {
const data = line.slice(5).trim();
if (data === '[DONE]') {
break;
}
try {
const parsed = JSON.parse(data);
// OpenAI API
const content = parsed.choices[0].delta.content || '';
if (content) {
accumulatedContent += content;
//
this.messages[assistantMessageIndex].content = accumulatedContent;
this.scrollToBottom();
}
} catch (e) {
console.warn('Error parsing JSON:', e);
}
}
}
}
//
this.$nextTick(() => {
this.renderMathJax();
this.highlightCode();
});
//
this.$emit('new-message');
} catch (error) {
console.error('Error sending message:', error);
this.messages.push({
role: 'assistant',
content: '抱歉,发送消息时出现错误: ' + error.message,
timestamp: Date.now()
});
} finally {
this.isLoading = false;
this.scrollToBottom();
}
},
//
renderMathJax() {
if (window.MathJax) {
window.MathJax.Hub.Queue(["Typeset", window.MathJax.Hub]);
}
},
//
highlightCode() {
this.$nextTick(() => {
//
const codeBlocks = this.$refs.messagesContainer.querySelectorAll('pre code') || [];
// Prism.js使
if (window.Prism) {
codeBlocks.forEach((block) => {
//
const classes = block.className.split(' ');
const langClass = classes.find(cls => cls.startsWith('language-'));
if (langClass) {
// 使
const lang = langClass.replace('language-', '');
if (window.Prism.languages[lang]) {
block.className = `language-${lang}`;
window.Prism.highlightElement(block);
return;
}
}
//
window.Prism.highlightElement(block);
});
} else {
// Prism.js
codeBlocks.forEach((block) => {
block.classList.add('no-highlight');
});
}
});
},
// HTMLMarkdown
formatMessage(content) {
if (!content) return '';
// HTML
content = content.replace(/&/g, '&amp;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;')
.replace(/"/g, '&quot;')
.replace(/'/g, '&#39;');
// - ```code``` <pre><code>code</code></pre>
content = content.replace(/```(\w*)\s*([\s\S]*?)```/g, (match, lang, code) => {
if (lang) {
return `<pre><code class="language-${lang}">${code.trim()}</code></pre>`;
} else {
return `<pre><code>${code.trim()}</code></pre>`;
}
});
// - `code` <code>code</code>
content = content.replace(/`([^`]+)`/g, '<code>$1</code>');
// - **bold** <strong>bold</strong>
content = content.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
// - *italic* <em>italic</em>
content = content.replace(/\*([^*]+)\*/g, '<em>$1</em>');
// 线 - ~~text~~ <del>text</del>
content = content.replace(/~~([^~]+)~~/g, '<del>$1</del>');
// - [text](url) <a href="url">text</a>
content = content.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank">$1</a>');
// - * item <li>item</li>
content = content.replace(/^\s*\*\s+(.*)$/gm, '<li>$1</li>');
// liul
content = content.replace(/((?:<li>.*<\/li>\s*)+)/g, '<ul>$1</ul>');
// - 1. item <li>item</li>
content = content.replace(/^\s*\d+\.\s+(.*)$/gm, '<li>$1</li>');
// liol
content = content.replace(/((?:<li>.*<\/li>\s*)+)/g, '<ol>$1</ol>');
//
content = content.replace(/\$([^\$]+)\$/g, '<span class="math-inline">$1</span>');
//
content = content.replace(/\$\$([^\$]+)\$\$/g, '<div class="math-display">$1</div>');
//
content = content.replace(/\n/g, '<br>');
return content;
}
}
};
</script>
<style scoped>
.ai-chat-container {
display: flex;
flex-direction: column;
height: 100%;
min-height: 400px;
max-height: calc(80vh - 20px);
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
}
.chat-header {
background: linear-gradient(120deg, #4a6cf7 0%, #6a11cb 100%);
color: white;
padding: 16px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header-content {
display: flex;
align-items: center;
gap: 12px;
}
.header-icon {
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
padding: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.header-text h3 {
margin: 0;
font-size: 18px;
font-weight: 600;
}
.status {
margin: 0;
font-size: 12px;
opacity: 0.9;
margin-top: 2px;
}
.icon-button {
background: rgba(255, 255, 255, 0.2);
border: none;
border-radius: 8px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
color: white;
}
.icon-button:hover {
background: rgba(255, 255, 255, 0.3);
}
.chat-messages {
flex: 1;
overflow-y: auto;
padding: 15px;
display: flex;
flex-direction: column;
gap: 15px;
background-color: #fff;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
}
/* 隐藏滚动条但保持可滚动 */
.chat-messages::-webkit-scrollbar {
width: 6px;
}
.chat-messages::-webkit-scrollbar-track {
background: transparent;
}
.chat-messages::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.chat-messages::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.2);
}
.welcome-message {
text-align: center;
padding: 40px 20px;
color: #666;
margin: auto;
}
.welcome-icon {
margin-bottom: 20px;
color: #4a6cf7;
}
.welcome-message h3 {
margin: 0 0 10px 0;
color: #333;
}
.welcome-message p {
margin: 0;
color: #666;
}
.message {
display: flex;
gap: 10px;
max-width: 95%;
animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.message.user {
align-self: flex-end;
flex-direction: row-reverse;
}
.message.user .message-content {
background: linear-gradient(120deg, #4a6cf7 0%, #6a11cb 100%);
color: white;
border-top-right-radius: 4px;
}
.message.assistant .message-content {
background-color: #f0f4f8;
color: #333;
border-top-left-radius: 4px;
}
.avatar {
flex-shrink: 0;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.user-avatar,
.ai-avatar {
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.user-avatar {
background: linear-gradient(120deg, #4a6cf7 0%, #6a11cb 100%);
color: white;
}
.ai-avatar {
background: #e4edf5;
color: #4a6cf7;
}
.message-content {
padding: 10px 14px;
border-radius: 18px;
position: relative;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.message-text {
word-wrap: break-word;
line-height: 1.6;
font-size: 15px;
}
/* 代码块样式 */
.message-text pre {
background-color: #2d2d2d;
border-radius: 8px;
padding: 16px;
overflow-x: auto;
margin: 12px 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
position: relative;
}
.message-text pre code {
font-family: 'Courier New', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
background: none;
color: #f8f8f2;
text-shadow: none;
padding: 0;
font-size: 14px;
line-height: 1.5;
display: block;
white-space: pre;
word-wrap: normal;
}
.message-text pre code.no-highlight {
color: #f8f8f2;
font-size: 14px;
line-height: 1.5;
}
.message-text strong {
font-weight: 700;
color: #333;
}
.message-text em {
font-style: italic;
}
.message-text del {
text-decoration: line-through;
}
.message-text a {
color: #4a6cf7;
text-decoration: none;
}
.message-text a:hover {
text-decoration: underline;
}
.message-text ul,
.message-text ol {
padding-left: 20px;
margin: 10px 0;
}
.message-text li {
margin: 5px 0;
}
.message-text ul ul,
.message-text ol ol,
.message-text ul ol,
.message-text ol ul {
margin: 0;
}
.message-text code {
font-family: 'Courier New', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
background-color: #f0f0f0;
padding: 2px 6px;
border-radius: 4px;
font-size: 14px;
color: #d6336c;
}
.message-text pre code {
background-color: transparent;
padding: 0;
color: #f8f8f2;
}
/* 行内数学公式 */
.message-text span.math-inline {
color: #e83e8c;
}
/* 块级数学公式 */
.message-text div.math-display {
text-align: center;
margin: 10px 0;
padding: 10px;
background-color: #f8f9fa;
border-radius: 4px;
}
.message-time {
font-size: 11px;
opacity: 0.7;
text-align: right;
margin-top: 6px;
}
.typing-indicator {
display: flex;
align-items: center;
gap: 4px;
}
.typing-indicator span {
width: 8px;
height: 8px;
border-radius: 50%;
background: #999;
display: inline-block;
animation: typing 1.4s infinite ease-in-out;
}
.typing-indicator span:nth-child(1) {
animation-delay: 0s;
}
.typing-indicator span:nth-child(2) {
animation-delay: 0.2s;
}
.typing-indicator span:nth-child(3) {
animation-delay: 0.4s;
}
@keyframes typing {
0%,
60%,
100% {
transform: translateY(0);
}
30% {
transform: translateY(-5px);
}
}
.chat-input {
padding: 16px;
background: white;
border-top: 1px solid #eee;
}
.input-container {
display: flex;
gap: 10px;
align-items: center;
}
.message-input {
flex: 1;
padding: 12px 16px;
border: 1px solid #ddd;
border-radius: 24px;
outline: none;
font-size: 15px;
transition: border-color 0.2s ease;
background: #f8fafc;
}
.message-input:focus {
border-color: #4a6cf7;
box-shadow: 0 0 0 2px rgba(74, 108, 247, 0.2);
}
.send-button {
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: linear-gradient(120deg, #4a6cf7 0%, #6a11cb 100%);
color: white;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
flex-shrink: 0;
}
.send-button:hover:not(:disabled) {
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(74, 108, 247, 0.3);
}
.send-button:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.send-button.loading {
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media (max-width: 600px) {
.ai-chat-container {
height: 100%;
border-radius: 0;
}
.message {
max-width: 98%;
}
.chat-header {
padding: 12px 16px;
}
.chat-messages {
padding: 12px;
}
}
</style>

View File

@ -0,0 +1,535 @@
<template>
<div class="ai-float-wrapper">
<div class="ai-float-container" ref="containerRef">
<!-- 悬浮按钮 -->
<button ref="buttonRef" @click.stop="toggleChat" @mousedown="startDrag" class="ai-float-button"
:class="{ 'pulse-animation': isNewMessage, 'active': showChat }" :style="buttonStyle">
<span v-if="isNewMessage" class="notification-dot"></span>
<div class="button-content">
<slot name="button-icon" :isChatOpen="showChat">
<svg v-if="!showChat" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12" />
<circle cx="17" cy="7" r="5" />
</svg>
<svg v-else xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</svg>
</slot>
<span class="button-text">{{ showChat ? closeText : openText }}</span>
</div>
</button>
</div>
<!-- 聊天面板 -->
<div v-if="showChat" class="chat-panel">
<div class="chat-panel-content">
<div class="chat-panel-header">
<div class="header-title">
<slot name="header-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<path d="m12 8-9.04 9.06a2.82 2.82 0 1 0 3.98 3.98L16 12" />
<circle cx="17" cy="7" r="5" />
</svg>
</slot>
<h3>{{ headerTitle }}</h3>
</div>
<button @click="closeChat" class="close-button">&times;</button>
</div>
<div class="chat-panel-body">
<slot :closeChat="closeChat">
<!-- 默认插槽内容如果未提供则使用AIChat组件 -->
<AIChat v-if="useDefaultAIChat" v-bind="aiChatProps" @new-message="handleNewMessage" />
</slot>
</div>
</div>
</div>
</div>
</template>
<script>
import AIChat from './AIChat.vue';
export default {
name: 'AIFloatButton',
components: {
AIChat
},
props: {
// AIChat
baseUrl: {
type: String,
default: null
},
modelAuthKey: {
type: String,
default: null
},
knowledgeBaseId: {
type: String,
default: null
},
knowledgeBaseUrl: {
type: String,
default: '/api/knowledgebases/query'
},
knowledgeBaseAuthKey: {
type: String,
default: ''
},
// UI
openText: {
type: String,
default: 'AI助手'
},
closeText: {
type: String,
default: '关闭'
},
headerTitle: {
type: String,
default: 'AI 助手'
},
//
useDefaultAIChat: {
type: Boolean,
default: true
},
//
initialPosition: {
type: Object,
default: function () { return { x: null, y: null }; } // null使
}
},
data() {
return {
showChat: false,
isNewMessage: false,
notificationTimeout: null,
isDragging: false,
dragState: {
startX: 0,
startY: 0,
startLeft: 0,
startTop: 0
},
buttonPosition: {
x: this.initialPosition.x,
y: this.initialPosition.y
}
};
},
computed: {
// AIChat
aiChatProps() {
return {
baseUrl: this.baseUrl,
modelAuthKey: this.modelAuthKey,
knowledgeBaseId: this.knowledgeBaseId,
knowledgeBaseUrl: this.knowledgeBaseUrl,
knowledgeBaseAuthKey: this.knowledgeBaseAuthKey
};
},
//
buttonStyle() {
// 使
if (this.buttonPosition.x !== null && this.buttonPosition.y !== null) {
return {
left: `${this.buttonPosition.x}px`,
top: `${this.buttonPosition.y}px`,
};
}
// 使
return {
bottom: '20px',
right: '20px',
};
}
},
mounted() {
document.addEventListener('keydown', this.handleEscapeKey);
window.addEventListener('resize', this.handleWindowResize);
},
beforeDestroy() {
document.removeEventListener('keydown', this.handleEscapeKey);
document.removeEventListener('mousemove', this.onDrag);
document.removeEventListener('mouseup', this.stopDrag);
window.removeEventListener('resize', this.handleWindowResize);
if (this.notificationTimeout) {
clearTimeout(this.notificationTimeout);
}
},
methods: {
//
startDrag(event) {
//
if (event.target.closest('.button-content')) {
return;
}
event.preventDefault();
this.isDragging = true;
//
const buttonRect = this.$refs.buttonRef.getBoundingClientRect();
this.dragState = {
startX: event.clientX,
startY: event.clientY,
startLeft: buttonRect.left,
startTop: buttonRect.top
};
//
if (this.showChat) {
// buttonStyle
this.$forceUpdate();
}
//
document.addEventListener('mousemove', this.onDrag);
document.addEventListener('mouseup', this.stopDrag);
},
//
onDrag(event) {
if (!this.isDragging) return;
event.preventDefault();
//
const deltaX = event.clientX - this.dragState.startX;
const deltaY = event.clientY - this.dragState.startY;
const newLeft = this.dragState.startLeft + deltaX;
const newTop = this.dragState.startTop + deltaY;
//
const boundedLeft = Math.max(0, Math.min(newLeft, window.innerWidth - 64));
const boundedTop = Math.max(0, Math.min(newTop, window.innerHeight - 64));
//
this.buttonPosition = {
x: boundedLeft,
y: boundedTop
};
//
if (this.showChat) {
// buttonStyle
this.$forceUpdate();
}
},
//
stopDrag() {
this.isDragging = false;
//
document.removeEventListener('mousemove', this.onDrag);
document.removeEventListener('mouseup', this.stopDrag);
},
//
toggleChat(event) {
//
if (this.isDragging) {
this.isDragging = false;
return;
}
event.stopPropagation();
this.showChat = !this.showChat;
this.isNewMessage = false;
//
if (this.notificationTimeout) {
clearTimeout(this.notificationTimeout);
this.notificationTimeout = null;
}
this.$emit('toggle', this.showChat);
},
//
closeChat() {
this.showChat = false;
this.$emit('close');
},
//
handleNewMessage() {
//
if (!this.showChat) {
this.isNewMessage = true;
// 3
if (this.notificationTimeout) {
clearTimeout(this.notificationTimeout);
}
this.notificationTimeout = setTimeout(() => {
this.isNewMessage = false;
}, 3000);
}
this.$emit('new-message');
},
// Escape
handleEscapeKey(event) {
if (this.showChat && event.key === 'Escape') {
this.closeChat();
}
},
//
handleWindowResize() {
//
if (this.showChat) {
//
this.$forceUpdate();
}
}
}
};
</script>
<style scoped>
.ai-float-wrapper {
position: relative;
z-index: 1000;
}
.ai-float-container {
position: fixed;
bottom: 20px;
right: 20px;
}
.ai-float-button {
position: fixed;
background: linear-gradient(135deg, #4a6cf7 0%, #6a11cb 100%);
color: white;
border: none;
border-radius: 50px;
width: 64px;
height: 64px;
font-weight: bold;
cursor: move;
/* 显示拖动光标 */
box-shadow: 0 6px 20px rgba(74, 108, 247, 0.4);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
align-items: center;
justify-content: center;
padding: 0;
overflow: hidden;
z-index: 1000;
}
.ai-float-button:hover:not(:active) {
transform: translateY(-3px) scale(1.05);
box-shadow: 0 10px 25px rgba(74, 108, 247, 0.5);
}
.ai-float-button:active {
transform: translateY(0) scale(1);
}
.ai-float-button.active {
display: none;
}
.button-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 2px;
pointer-events: none;
/* 防止内容区域影响拖动 */
}
.button-text {
font-size: 10px;
font-weight: 600;
}
.notification-dot {
position: absolute;
top: -2px;
right: -2px;
width: 16px;
height: 16px;
background: #ff4757;
border: 2px solid white;
border-radius: 50%;
animation: pulse 1.5s infinite;
z-index: 1;
pointer-events: none;
/* 防止通知点影响拖动 */
}
.pulse-animation {
animation: pulse-button 2s infinite;
}
@keyframes pulse {
0% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(255, 71, 87, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 8px rgba(255, 71, 87, 0);
}
100% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(255, 71, 87, 0);
}
}
@keyframes pulse-button {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.chat-panel {
width: 450px;
min-height: 400px;
max-height: 80vh;
display: flex;
flex-direction: column;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
border-radius: 16px;
overflow: hidden;
background: white;
z-index: 1001;
animation: slideIn 0.3s ease-out;
position: fixed;
bottom: 20px;
right: 20px;
}
@keyframes slideIn {
from {
opacity: 0;
transform: translateY(-5%) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.chat-panel-content {
display: flex;
flex-direction: column;
height: 100%;
max-height: 80vh;
}
.chat-panel-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px;
background: linear-gradient(120deg, #4a6cf7 0%, #6a11cb 100%);
color: white;
flex-shrink: 0;
}
.header-title {
display: flex;
align-items: center;
gap: 8px;
}
.header-title h3 {
margin: 0;
font-size: 16px;
font-weight: 600;
}
.close-button {
background: rgba(255, 255, 255, 0.2);
border: none;
border-radius: 50%;
font-size: 20px;
cursor: pointer;
color: white;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.close-button:hover {
background: rgba(255, 255, 255, 0.3);
transform: rotate(90deg);
}
.chat-panel-body {
flex: 1;
height: 100%;
overflow: auto;
display: flex;
flex-direction: column;
}
@media (max-width: 600px) {
.chat-panel {
width: calc(100vw - 20px);
max-height: 80vh;
max-width: 350px;
bottom: 10px;
right: 10px;
}
.chat-panel-content {
max-height: 80vh;
}
.chat-panel-body {
min-height: 300px;
}
.ai-float-button {
width: 56px;
height: 56px;
}
.ai-float-button.active {
border-radius: 20px 20px 6px 6px;
}
.button-text {
font-size: 9px;
}
}
</style>

View File

@ -0,0 +1,174 @@
# AI 聊天模块 (Vue 2 版本)
这个模块提供了一套完整的AI聊天组件专为Vue 2项目设计。组件包括悬浮按钮、聊天面板和AI助手工具类可以轻松集成到任何Vue 2项目中。
## 组件介绍
### AIFloatButton.vue
悬浮按钮组件,点击后会显示聊天面板。支持拖动、消息提醒和自定义位置功能。
### AIChat.vue
聊天面板组件,包含消息展示区和输入区域。支持发送消息、文件上传、历史记录管理等功能。
### aiAssistant.js
AI助手工具类提供知识库查询、内容提取和消息格式化功能。
## 功能特性
- 支持悬浮按钮拖动定位
- 消息提醒和动画效果
- 支持发送文本消息和文件上传
- 支持知识库查询和内容提取
- 自适应响应式设计
- 键盘快捷操作支持Enter发送Shift+Enter换行
## 使用方法
### 1. 安装依赖
确保项目中已安装必要的依赖:
```bash
npm install axios clipboard --save
```
### 2. 组件引入
```javascript
// 在Vue 2组件中引入
import AIFloatButton from './components/AIChatModuleVue2/AIFloatButton.vue';
export default {
components: {
AIFloatButton
}
}
```
### 3. 基本使用
```vue
<template>
<div id="app">
<!-- 基本使用方式 -->
<AIFloatButton />
<!-- 自定义配置 -->
<AIFloatButton
:chatModelUrl="'https://api.example.com'"
:modelAuthKey="'your-model-auth-key'"
:knowledgeBaseId="'your-knowledge-base-id'"
:headerTitle="'智能助手'"
:openText="'AI助手'"
:closeText="'关闭'"
:useDefaultAIChat="true"
/>
</div>
</template>
```
### 4. 自定义内容插槽
```vue
<AIFloatButton>
<template v-slot:button-icon="{ isChatOpen }">
<!-- 自定义按钮图标 -->
<span v-if="!isChatOpen">💬</span>
<span v-else></span>
</template>
<template v-slot:header-icon>
<!-- 自定义头部图标 -->
<span>🤖</span>
</template>
<!-- 自定义聊天面板内容 -->
<div slot-scope="{ closeChat }">
<h2>自定义聊天内容</h2>
<button @click="closeChat">关闭</button>
</div>
</template>
```
## 配置说明
### AIFloatButton 组件属性
| 属性名 | 类型 | 必填 | 默认值 | 说明 |
|--------|------|------|--------|------|
| chatModelUrl | String | 否 | 'https://qianfan.baidubce.com/v2' | AI模型聊天完成URL |
| modelAuthKey | String | 否 | null | 模型认证密钥 |
| knowledgeBaseId | String | 否 | null | 知识库ID |
| knowledgeBaseUrl | String | 否 | '/api/knowledgebases/query' | 知识库查询接口 |
| knowledgeBaseAuthKey | String | 否 | 'Bearer bce-v3/ALTAK-Whk44lUWwOsyro8mNlVhq/a0f9f719410e695928289034690003afe1571556' | 知识库认证密钥 |
| openText | String | 否 | 'AI助手' | 按钮打开文本 |
| closeText | String | 否 | '关闭' | 按钮关闭文本 |
| headerTitle | String | 否 | 'AI 助手' | 聊天面板标题 |
| useDefaultAIChat | Boolean | 否 | true | 是否使用默认聊天组件 |
| initialPosition | Object | 否 | { x: null, y: null } | 按钮初始位置 |
### AIFloatButton 组件事件
| 事件名 | 说明 | 参数 |
|--------|------|------|
| toggle | 聊天面板显示状态切换 | showChat: Boolean |
| close | 聊天面板关闭事件 | 无 |
| new-message | 收到新消息事件 | 无 |
### AIChat 组件属性
| 属性名 | 类型 | 必填 | 默认值 | 说明 |
|--------|------|------|--------|------|
| chatModelUrl | String | 否 | 'https://qianfan.baidubce.com/v2' | AI模型聊天完成URL |
| modelAuthKey | String | 否 | null | 模型认证密钥 |
| knowledgeBaseId | String | 否 | null | 知识库ID |
| knowledgeBaseUrl | String | 否 | '/api/knowledgebases/query' | 知识库查询接口 |
| knowledgeBaseAuthKey | String | 否 | 'Bearer bce-v3/ALTAK-Whk44lUWwOsyro8mNlVhq/a0f9f719410e695928289034690003afe1571556' | 知识库认证密钥 |
### AIChat 组件事件
| 事件名 | 说明 | 参数 |
|--------|------|------|
| new-message | 收到新消息事件 | message: Object |
| send-message | 发送消息事件 | message: Object |
| loading-change | 加载状态变化事件 | isLoading: Boolean |
## 键盘快捷键
- **Enter**: 发送消息
- **Shift + Enter**: 换行
- **Esc**: 关闭聊天面板
## 响应式设计
组件支持桌面端和移动端自适应布局:
- 桌面端:聊天面板固定位置,支持拖动
- 移动端:聊天面板自适应屏幕宽度,优化触摸操作
## 浏览器兼容性
支持所有现代浏览器,包括:
- Chrome (最新2个版本)
- Firefox (最新2个版本)
- Safari (最新2个版本)
- Edge (最新2个版本)
## Vue 2 版本与 Vue 3 版本的主要差异
1. **语法差异**使用Vue 2的Options API替代Vue 3的Composition API
2. **生命周期钩子**使用Vue 2的生命周期钩子mounted, beforeDestroy
3. **响应式数据**使用data选项替代ref/reactive
4. **计算属性**使用computed选项替代computed函数
5. **监听器**使用watch选项替代watch/onMounted等组合式API
## 注意事项
1. 确保Vue 2项目版本 >= 2.6.0,以支持所有特性
2. 在生产环境中请正确配置API密钥和知识库ID
3. 如需自定义主题请通过CSS变量或覆盖样式实现
4. 对于大型项目建议使用Vuex管理聊天状态

View File

@ -0,0 +1,210 @@
/**
* AI问答助手核心功能封装
* 可在不同项目中复用的AI问答功能 - Vue 2版本
*/
class AIAssistant {
/**
* 构造函数
* @param {Object} config - 配置选项
* @param {string} config.chatModelUrl - AI服务基础URL
* @param {string} config.modelAuthKey - AI服务认证密钥
* @param {string} config.knowledgeBaseId - 知识库ID可选
* @param {string} config.knowledgeBaseUrl - 知识库查询URL可选
* @param {string} config.knowledgeBaseAuthKey - 知识库认证密钥可选
*/
constructor(config = {}) {
this.chatModelUrl = config.chatModelUrl || "/api/chat/completions";
this.modelAuthKey = config.modelAuthKey;
this.knowledgeBaseId = config.knowledgeBaseId;
this.knowledgeBaseUrl =
config.knowledgeBaseUrl || "/api/knowledgebases/query";
this.knowledgeBaseAuthKey =
config.knowledgeBaseAuthKey ||
"Bearer bce-v3/ALTAK-Whk44lUWwOsyro8mNlVhq/a0f9f719410e695928289034690003afe1571556";
}
/**
* 查询知识库获取参考内容
* @param {string} query - 查询内容
* @param {string} knowledgeBaseId - 知识库ID可选优先使用
* @returns {Promise<Object|null>} 知识库查询结果
*/
async queryKnowledgeBase(query, knowledgeBaseId = null) {
const kbId = knowledgeBaseId || this.knowledgeBaseId;
if (!kbId) {
console.log("未提供知识库ID");
return null;
}
console.log("正在查询知识库:", kbId, "查询内容:", query);
try {
const response = await fetch(this.knowledgeBaseUrl, {
method: "POST",
headers: {
"Content-Type": "application/json",
Accept: "application/json",
Authorization: this.knowledgeBaseAuthKey,
},
body: JSON.stringify({
query: query,
knowledgebase_ids: [kbId],
rank_score_threshold: "0.4",
pipeline_config: {
ranking: "true",
},
}),
});
console.log("知识库查询响应状态:", response.status);
if (response.ok) {
const data = await response.json();
console.log("知识库查询结果:", data);
return data;
} else {
console.error("知识库查询失败,状态码:", response.status);
const errorText = await response.text();
console.error("错误详情:", errorText);
}
} catch (error) {
console.error("查询知识库时出错:", error);
}
return null;
}
/**
* 从知识库返回的数据中提取参考内容
* @param {Object} knowledgeData - 知识库返回的数据
* @returns {string} 提取的参考内容
*/
extractKnowledgeContent(knowledgeData) {
if (!knowledgeData) return "";
let knowledgeContent = "";
if (knowledgeData.chunks) {
// 从 chunks 数组中提取 content 并拼接
knowledgeContent = knowledgeData.chunks
.map((chunk) => chunk.content || "")
.join("\n\n");
console.log("从chunks提取的知识库内容:", knowledgeContent);
} else if (knowledgeData.references) {
// 保留原有逻辑以确保向后兼容
knowledgeContent = knowledgeData.references
.map((ref) => `文档片段: ${ref.title || ""}\n${ref.content || ""}`)
.join("\n\n");
console.log("从references提取的知识库内容:", knowledgeContent);
} else {
console.log("未找到相关参考内容");
}
return knowledgeContent;
}
/**
* 构造发送给AI的消息
* @param {string} question - 用户问题
* @param {string} knowledgeContent - 知识库参考内容
* @returns {Array} 消息数组
*/
constructMessages(question, knowledgeContent = "") {
// 系统消息
const systemMessage = {
role: "system",
content: `# 角色任务
作为读书辅导教师你的核心任务是理解用户的问题结合提供的参考内容如书籍片段笔记解析等理解并把握问题的核心你需要能够区分参考内容中与问题相关的部分并排除无关的信息在用户提问时结合你的知识和理解给出针对性的回答
# 工具能力
1. 理解用户问题你需要能够准确理解用户的问题明确用户需求和困惑点
2. 分析参考内容结合提供的参考内容如书籍片段笔记解析等找出与问题相关的关键信息
3. 排除无关内容在理解用户问题和分析参考内容的基础上排除与根问题无关的信息
4. 知识储备作为读书辅导教师你需要有广泛的知识储备能够针对用户的问题给出解答
5. 交互能力在用户提问时与用户进行交互引导用户表达更清楚自己的问题
# 要求与限制
1. 响应格式返回的回答需要以HTML格式呈现不要强调HTML格式
2. 针对性回答结合用户的问题和参考内容给出针对性的回答不要提及参考内容
3. 问题与参考内容关联判断如果问题与参考内容无关要明确告诉用户例如"这个问题与本书内容无关"进行提示并给出建议例如以下建议来自互联网仅供参考...
4. 简洁明了在回答用户问题时力求简洁明了避免冗余和复杂的表述
5. 准确性确保给出的答案准确无误能够真正帮助用户解决问题
6. 如果参考内容里有图片视频等资源也一起返回
`,
};
// 用户消息
let userMessageContent = question;
if (knowledgeContent) {
userMessageContent = `问题:${question} 参考:${knowledgeContent}`;
}
const userMessage = {
role: "user",
content: userMessageContent,
};
return [systemMessage, userMessage];
}
/**
* 发送消息到AI并获取回复
* @param {string} question - 用户问题
* @param {string} knowledgeBaseId - 知识库ID可选
* @returns {Promise<ReadableStream>} AI回复的流
*/
async sendMessage(question, knowledgeBaseId = null) {
try {
// 查询知识库获取参考内容
let knowledgeContent = "";
if (this.knowledgeBaseId || knowledgeBaseId) {
console.log("开始查询知识库...");
const knowledgeData = await this.queryKnowledgeBase(
question,
knowledgeBaseId
);
console.log("知识库返回数据:", knowledgeData);
knowledgeContent = this.extractKnowledgeContent(knowledgeData);
} else {
console.log("未提供知识库ID跳过查询");
}
// 构造发送给AI的消息
const messages = this.constructMessages(question, knowledgeContent);
// 创建请求
const url = `${this.chatModelUrl}/chat/completions`;
const requestBody = {
messages: messages,
model: "ernie-4.5-turbo-128k",
stream: true,
};
console.log("发送给AI的请求:", JSON.stringify(requestBody, null, 2));
const response = await fetch(url, {
method: "POST",
headers: {
"Content-Type": "application/json",
Authorization: `Bearer ${this.modelAuthKey}`,
},
body: JSON.stringify(requestBody),
});
if (!response.body) {
throw new Error("ReadableStream not supported");
}
return response.body.getReader();
} catch (error) {
console.error("Error sending message:", error);
throw error;
}
}
}
// 导出 AIAssistant 类
export { AIAssistant };

View File

@ -2,7 +2,7 @@
<div id="nav" v-if="!isMobileDevice"> <div id="nav" v-if="!isMobileDevice">
<div> <div>
<a :href="backUrl" @click="gotoback">返回首页</a> <a :href="backUrl" @click="gotoback">返回首页</a>
<!-- <a @click="gotoback">返回首页</a> --> <!-- <a @click="gotoback"></a> -->
</div> </div>
<!-- <router-link to="/book">书籍</router-link> | --> <!-- <router-link to="/book">书籍</router-link> | -->

View File

@ -9,10 +9,12 @@ import './plugin/xml-digital-teaching/lib/theme/index.css'
import ElementUI from 'element-ui'; import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'; import 'element-ui/lib/theme-chalk/index.css';
import 'vant/lib/index.css' import 'vant/lib/index.css'
Vue.use(ElementUI); Vue.use(ElementUI);
Vue.config.productionTip = false Vue.config.productionTip = false
@ -27,12 +29,12 @@ router.beforeEach((to,from,next)=>{
var userType = to.query.userType var userType = to.query.userType
var isTrial = to.query.isTrial var isTrial = to.query.isTrial
if (apikey){ if (apikey){
setStore('apikey',apikey) // setStore('apikey',apikey)
// console.log(apikey) // console.log(apikey)
} }
if (userId){ if (userId){
setStore('userId',userId) // setStore('userId',userId)
// console.log(userId) // console.log(userId)
} }

View File

@ -1,14 +1,14 @@
.catalog-node-label[data-v-61c986fa] { .catalog-node-label[data-v-842ba544] {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.catalog-node-label img[data-v-61c986fa] { .catalog-node-label img[data-v-842ba544] {
margin-right: 4px; margin-right: 4px;
} }
.xml-show-catalog[data-v-61c986fa] .el-tree-node__content { .xml-show-catalog[data-v-842ba544] .el-tree-node__content {
height: auto; height: auto;
} }
.xml-show-catalog[data-v-61c986fa] .el-tree-node__content .catalog-node-label { .xml-show-catalog[data-v-842ba544] .el-tree-node__content .catalog-node-label {
max-width: calc(100% - 24px); max-width: calc(100% - 24px);
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
// //
@ -307,7 +307,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-61c986fa"; const __vue_scope_id__ = "data-v-842ba544";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1 +1 @@
.catalog-node-label[data-v-61c986fa]{display:flex;align-items:center}.catalog-node-label img[data-v-61c986fa]{margin-right:4px}.xml-show-catalog[data-v-61c986fa] .el-tree-node__content{height:auto}.xml-show-catalog[data-v-61c986fa] .el-tree-node__content .catalog-node-label{max-width:calc(100% - 24px);word-break:break-all;white-space:normal}.xml-show-catalog .el-tree-node__content{display:flex!important} .catalog-node-label[data-v-842ba544]{display:flex;align-items:center}.catalog-node-label img[data-v-842ba544]{margin-right:4px}.xml-show-catalog[data-v-842ba544] .el-tree-node__content{height:auto}.xml-show-catalog[data-v-842ba544] .el-tree-node__content .catalog-node-label{max-width:calc(100% - 24px);word-break:break-all;white-space:normal}.xml-show-catalog .el-tree-node__content{display:flex!important}

View File

@ -1,9 +1,9 @@
.xml-ebook-container-h5[data-v-0847bc38] { .xml-ebook-container-h5[data-v-153d7766] {
} }
.xml-ebook-container-pc[data-v-0847bc38] { .xml-ebook-container-pc[data-v-153d7766] {
} }
.xml-ebook-container-pad[data-v-0847bc38] { .xml-ebook-container-pad[data-v-153d7766] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
// //
@ -482,7 +482,7 @@ var script = {
if (this.mode === 'preview' || this.mode == 'reader') { if (this.mode === 'preview' || this.mode == 'reader') {
this.$EventBus.$emit('learningStatistics', { this.$EventBus.$emit('learningStatistics', {
type: 'ebook', type: 'ebook',
info: null, info: info,
data: info data: info
}); });
if (info.source != 'netlink') { if (info.source != 'netlink') {
@ -864,7 +864,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-0847bc38"; const __vue_scope_id__ = "data-v-153d7766";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
// //
@ -185,12 +185,6 @@ var __vue_render__ = function () {
on: { mousemove: _vm.hover, mouseleave: _vm.leave }, on: { mousemove: _vm.hover, mouseleave: _vm.leave },
}, },
[ [
_vm.mode === "editor"
? _c("span", { staticClass: "xml-group-type-text" }, [
_vm._v(_vm._s(_vm.typeText)),
])
: _vm._e(),
_vm._v(" "),
_vm.showBtn && _vm.mode === "editor" _vm.showBtn && _vm.mode === "editor"
? _vm._t("action-buttons") ? _vm._t("action-buttons")
: _vm._e(), : _vm._e(),
@ -217,7 +211,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-1ac9ed94"; const __vue_scope_id__ = "data-v-bcc366a2";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

File diff suppressed because one or more lines are too long

View File

@ -4,15 +4,15 @@
} }
.el-image__inner[data-v-78061ae9] { .el-image__inner[data-v-2cbc6547] {
width: 100% !important; width: 100% !important;
} }
.xml-image-ping-pu-h5[data-v-78061ae9] { .xml-image-ping-pu-h5[data-v-2cbc6547] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.xml-image-hua-lang[data-v-78061ae9] { .xml-image-hua-lang[data-v-2cbc6547] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
import Vue from 'vue'; import Vue from 'vue';
@ -642,6 +642,10 @@ var script$1 = {
type: Array, type: Array,
default: () => [] default: () => []
}, },
imageList: {
type: Array,
default: () => []
},
zIndex: { zIndex: {
type: Number, type: Number,
default: 2000 default: 2000
@ -736,7 +740,7 @@ var script$1 = {
const { const {
previewSrcList previewSrcList
} = this; } = this;
return Array.isArray(previewSrcList) && previewSrcList.length > 0 && this.mode === 'preview' && (this.clickEffect === 'dian-ji-fang-da' || this.clickEffect === 'dian-ji-tiao-zhuan'); return Array.isArray(previewSrcList) && previewSrcList.length > 0 && this.mode != 'editor' && (this.clickEffect === 'dian-ji-fang-da' || this.clickEffect === 'dian-ji-tiao-zhuan');
}, },
imageIndex() { imageIndex() {
if (this.currentIndex !== -1) { if (this.currentIndex !== -1) {
@ -903,7 +907,7 @@ var script$1 = {
}); });
this.$EventBus.$emit('learningStatistics', { this.$EventBus.$emit('learningStatistics', {
type: 'image', type: 'image',
info: null info: this.imageList[this.current]
}); });
this.$hevueImgPreview({ this.$hevueImgPreview({
multiple: true, multiple: true,
@ -1114,7 +1118,7 @@ __vue_render__$2._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__$1 = undefined; const __vue_inject_styles__$1 = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__$1 = "data-v-78061ae9"; const __vue_scope_id__$1 = "data-v-2cbc6547";
/* module identifier */ /* module identifier */
const __vue_module_identifier__$1 = undefined; const __vue_module_identifier__$1 = undefined;
/* functional template */ /* functional template */
@ -1832,6 +1836,7 @@ var __vue_render__ = function () {
contents: _vm.blockPreviewContentList, contents: _vm.blockPreviewContentList,
current: 0, current: 0,
previewSrcList: _vm.blockPreviewList, previewSrcList: _vm.blockPreviewList,
imageList: _vm.blockData.imageList,
clickEffect: _vm.blockData.clickEffect, clickEffect: _vm.blockData.clickEffect,
width: _vm.blockData.width, width: _vm.blockData.width,
}, },
@ -1913,6 +1918,7 @@ var __vue_render__ = function () {
: "", : "",
"preview-text": _vm.blockPreviewTitleList, "preview-text": _vm.blockPreviewTitleList,
previewSrcList: _vm.blockPreviewList, previewSrcList: _vm.blockPreviewList,
imageList: _vm.blockData.imageList,
showTitle: _vm.showTitle, showTitle: _vm.showTitle,
pageType: _vm.pageType, pageType: _vm.pageType,
current: index, current: index,
@ -1983,6 +1989,7 @@ var __vue_render__ = function () {
mode: _vm.mode, mode: _vm.mode,
"preview-text": _vm.blockPreviewTitleList, "preview-text": _vm.blockPreviewTitleList,
previewSrcList: _vm.blockPreviewList, previewSrcList: _vm.blockPreviewList,
imageList: _vm.blockData.imageList,
clickEffect: _vm.blockData.clickEffect, clickEffect: _vm.blockData.clickEffect,
width: _vm.blockData.width, width: _vm.blockData.width,
}, },

View File

@ -1 +1 @@
.xml-image-lun-bo .el-carousel__item{text-align:center}.el-image__inner[data-v-78061ae9]{width:100%!important}.xml-image-ping-pu-h5[data-v-78061ae9]{display:flex;flex-direction:column;align-items:center}.xml-image-hua-lang[data-v-78061ae9]{display:flex;flex-direction:column;align-items:center} .xml-image-lun-bo .el-carousel__item{text-align:center}.el-image__inner[data-v-2cbc6547]{width:100%!important}.xml-image-ping-pu-h5[data-v-2cbc6547]{display:flex;flex-direction:column;align-items:center}.xml-image-hua-lang[data-v-2cbc6547]{display:flex;flex-direction:column;align-items:center}

View File

@ -1,40 +1,32 @@
/*# sourceMappingURL=eighth.vue.map */
/*# sourceMappingURL=fourth.vue.map */ /*# sourceMappingURL=fourth.vue.map */
/*# sourceMappingURL=second.vue.map */ /*# sourceMappingURL=seventh.vue.map */
/*# sourceMappingURL=fifth.vue.map */
/*# sourceMappingURL=sixth.vue.map */ /*# sourceMappingURL=sixth.vue.map */
/*# sourceMappingURL=second.vue.map */
/*# sourceMappingURL=third.vue.map */ /*# sourceMappingURL=third.vue.map */
/*# sourceMappingURL=first.vue.map */ /*# sourceMappingURL=first.vue.map */
/*# sourceMappingURL=seventh.vue.map */ /*# sourceMappingURL=fifth.vue.map */
/*# sourceMappingURL=eighth.vue.map */
.xml-image-lun-bo .el-carousel__item { .xml-image-lun-bo .el-carousel__item {
text-align: center; text-align: center;
} }
.xml-text-h5[data-v-4666e3b2] {
}
.xml-text-pc[data-v-4666e3b2] {
}
.xml-text-h5[data-v-4666e3b2] {
}
.xml-text-h5 .inline-audio-wrap, .xml-text-h5 .inline-audio-wrap,
.xml-text-h5 .inline-link-wrap { .xml-text-h5 .inline-link-wrap {
align-items: center; align-items: center;
@ -106,6 +98,14 @@
/*# sourceMappingURL=XmlText.vue.map */ /*# sourceMappingURL=XmlText.vue.map */
.xml-text-h5[data-v-51cfaa06] {
}
.xml-text-pc[data-v-51cfaa06] {
}
.xml-text-h5[data-v-51cfaa06] {
}
/*# sourceMappingURL=XmlTextDialog.vue.map */ /*# sourceMappingURL=XmlTextDialog.vue.map */
@ -711,15 +711,15 @@
.el-image__inner[data-v-78061ae9] { .el-image__inner[data-v-2cbc6547] {
width: 100% !important; width: 100% !important;
} }
.xml-image-ping-pu-h5[data-v-78061ae9] { .xml-image-ping-pu-h5[data-v-2cbc6547] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
.xml-image-hua-lang[data-v-78061ae9] { .xml-image-hua-lang[data-v-2cbc6547] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
.xml-image-lun-bo .el-carousel__item{text-align:center}.xml-text-h5 .inline-audio-wrap,.xml-text-h5 .inline-link-wrap{align-items:center}.xml-text-h5 .inline-audio-wrap span,.xml-text-h5 .inline-link-wrap span{display:inline-block}.xml-text-h5 .inline-audio-box{width:20px;height:20px;box-sizing:border-box;position:relative;margin-left:6px}.xml-text-h5 .inline-audio-box .wifi-symbol{width:20px;height:20px;box-sizing:border-box;overflow:hidden;transform:rotate(135deg);position:relative}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle{border:3px solid #418eed;border-radius:50%;position:absolute}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.first{width:3px;height:3px;background:#0076bc;top:14px;left:14px}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.second{width:15px;height:15px;top:10px;left:10px}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.third{width:24px;height:24px;top:6px;left:6px}.xml-text-h5 .inline-audio-box .wifi-symbol.playing .second{animation:fadeInOut 1s infinite .2s}.xml-text-h5 .inline-audio-box .wifi-symbol.playing .third{animation:fadeInOut 1s infinite .4s}@keyframes fadeInOut{0%{opacity:0}100%{opacity:1}}.virtual-input .el-textarea__inner{min-height:0!important;height:0!important;padding:0!important;margin:0!important;border:none!important}.el-image__inner[data-v-78061ae9]{width:100%!important}.xml-image-ping-pu-h5[data-v-78061ae9]{display:flex;flex-direction:column;align-items:center}.xml-image-hua-lang[data-v-78061ae9]{display:flex;flex-direction:column;align-items:center} .xml-image-lun-bo .el-carousel__item{text-align:center}.xml-text-h5 .inline-audio-wrap,.xml-text-h5 .inline-link-wrap{align-items:center}.xml-text-h5 .inline-audio-wrap span,.xml-text-h5 .inline-link-wrap span{display:inline-block}.xml-text-h5 .inline-audio-box{width:20px;height:20px;box-sizing:border-box;position:relative;margin-left:6px}.xml-text-h5 .inline-audio-box .wifi-symbol{width:20px;height:20px;box-sizing:border-box;overflow:hidden;transform:rotate(135deg);position:relative}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle{border:3px solid #418eed;border-radius:50%;position:absolute}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.first{width:3px;height:3px;background:#0076bc;top:14px;left:14px}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.second{width:15px;height:15px;top:10px;left:10px}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.third{width:24px;height:24px;top:6px;left:6px}.xml-text-h5 .inline-audio-box .wifi-symbol.playing .second{animation:fadeInOut 1s infinite .2s}.xml-text-h5 .inline-audio-box .wifi-symbol.playing .third{animation:fadeInOut 1s infinite .4s}@keyframes fadeInOut{0%{opacity:0}100%{opacity:1}}.virtual-input .el-textarea__inner{min-height:0!important;height:0!important;padding:0!important;margin:0!important;border:none!important}.el-image__inner[data-v-2cbc6547]{width:100%!important}.xml-image-ping-pu-h5[data-v-2cbc6547]{display:flex;flex-direction:column;align-items:center}.xml-image-hua-lang[data-v-2cbc6547]{display:flex;flex-direction:column;align-items:center}

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
import Vue from 'vue'; import Vue from 'vue';

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var playIcon = "data:image/png;base64,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"; var playIcon = "data:image/png;base64,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";
@ -424,7 +424,7 @@ var script$2 = {
// 加载完毕后,先获取<video>标签DOM对象 // 加载完毕后,先获取<video>标签DOM对象
this.musicAudio = this.$refs.musicAudio; this.musicAudio = this.$refs.musicAudio;
// this.videoContainer = this.$refs.videoContainer // this.videoContainer = this.$refs.videoContainer
if (this.mode === 'preview' && this.playStyle === 'yuan-wen') { if (this.mode != 'editor' && this.playStyle === 'yuan-wen') {
this.$emit('resetTimeUpdate'); this.$emit('resetTimeUpdate');
} }
}, },
@ -568,7 +568,7 @@ var __vue_render__$2 = function () {
class: [ class: [
"audio-player-title", "audio-player-title",
"audio-player-title--modal", "audio-player-title--modal",
_vm.mode == "preview" && _vm.title.length >= 16 ? "preview" : "", _vm.mode != "editor" && _vm.title.length >= 16 ? "preview" : "",
], ],
}, },
[ [
@ -577,7 +577,7 @@ var __vue_render__$2 = function () {
{ {
staticClass: "scroll-text", staticClass: "scroll-text",
style: style:
_vm.mode == "preview" && _vm.title.length >= 16 _vm.mode != "editor" && _vm.title.length >= 16
? { ? {
animation: animation:
"fadeNum " + "fadeNum " +
@ -885,6 +885,8 @@ var __vue_render__$1 = function () {
{ staticClass: "xml-music-player-box" }, { staticClass: "xml-music-player-box" },
[ [
_c("xml-audio-play", { _c("xml-audio-play", {
ref: "xmlAudioPlay",
refInFor: true,
attrs: { attrs: {
"targer-link": item.link, "targer-link": item.link,
mode: _vm.mode, mode: _vm.mode,
@ -1246,7 +1248,7 @@ var script = {
// 加载完毕后,先获取<video>标签DOM对象 // 加载完毕后,先获取<video>标签DOM对象
this.musicAudio = this.$refs.musicAudio; this.musicAudio = this.$refs.musicAudio;
// this.videoContainer = this.$refs.videoContainer // this.videoContainer = this.$refs.videoContainer
if (this.mode === 'preview' && this.playStyle === 'yuan-wen') { if (this.mode != 'editor' && this.playStyle === 'yuan-wen') {
this.$emit('resetTimeUpdate'); this.$emit('resetTimeUpdate');
} }
}, },
@ -1431,7 +1433,7 @@ var __vue_render__ = function () {
{ {
class: [ class: [
"audio-player-title", "audio-player-title",
_vm.mode == "preview" && _vm.title.length >= 16 _vm.mode != "editor" && _vm.title.length >= 16
? "preview" ? "preview"
: "", : "",
], ],
@ -1442,7 +1444,7 @@ var __vue_render__ = function () {
{ {
staticClass: "xml-audio-title scroll-text", staticClass: "xml-audio-title scroll-text",
style: style:
_vm.mode == "preview" && _vm.title.length >= 16 _vm.mode != "editor" && _vm.title.length >= 16
? { ? {
animation: animation:
"fadeNum " + "fadeNum " +
@ -1574,7 +1576,7 @@ var __vue_render__ = function () {
{ {
class: [ class: [
"audio-player-title", "audio-player-title",
_vm.mode == "preview" && _vm.title.length >= 16 _vm.mode != "editor" && _vm.title.length >= 16
? "preview" ? "preview"
: "", : "",
], ],
@ -1585,7 +1587,7 @@ var __vue_render__ = function () {
{ {
staticClass: "xml-audio-title scroll-text", staticClass: "xml-audio-title scroll-text",
style: style:
_vm.mode == "preview" && _vm.title.length >= 16 _vm.mode != "editor" && _vm.title.length >= 16
? { ? {
animation: animation:
"fadeNum " + "fadeNum " +

View File

@ -1,21 +1,24 @@
/*# sourceMappingURL=eighth.vue.map */
/*# sourceMappingURL=third.vue.map */
/*# sourceMappingURL=first.vue.map */ /*# sourceMappingURL=first.vue.map */
/*# sourceMappingURL=twelve.vue.map */ /*# sourceMappingURL=ninth.vue.map */
/*# sourceMappingURL=seventh.vue.map */ /*# sourceMappingURL=seventh.vue.map */
/*# sourceMappingURL=Greentheme2.vue.map */ /*# sourceMappingURL=third.vue.map */
/*# sourceMappingURL=tenth.vue.map */
/*# sourceMappingURL=eighth.vue.map */
/*# sourceMappingURL=eleven.vue.map */
/*# sourceMappingURL=quadrangle.vue.map */ /*# sourceMappingURL=quadrangle.vue.map */
@ -24,82 +27,79 @@
/*# sourceMappingURL=isosceles.vue.map */ /*# sourceMappingURL=isosceles.vue.map */
/*# sourceMappingURL=wave.vue.map */
/*# sourceMappingURL=tenth.vue.map */
/*# sourceMappingURL=second.vue.map */ /*# sourceMappingURL=second.vue.map */
/*# sourceMappingURL=fourteen.vue.map */ /*# sourceMappingURL=twelve.vue.map */
/*# sourceMappingURL=Greentheme5.vue.map */
/*# sourceMappingURL=Greentheme4.vue.map */
/*# sourceMappingURL=Yellowtheme2.vue.map */
/*# sourceMappingURL=ninth.vue.map */
/*# sourceMappingURL=eleven.vue.map */
/*# sourceMappingURL=fifteen.vue.map */
/*# sourceMappingURL=Yellowtheme5.vue.map */
/*# sourceMappingURL=Yellowtheme4.vue.map */
/*# sourceMappingURL=Redtheme2.vue.map */
/*# sourceMappingURL=thirteen.vue.map */
/*# sourceMappingURL=Greentheme3.vue.map */ /*# sourceMappingURL=Greentheme3.vue.map */
/*# sourceMappingURL=Redtheme1.vue.map */ /*# sourceMappingURL=wave.vue.map */
/*# sourceMappingURL=Redtheme5.vue.map */ /*# sourceMappingURL=Greentheme2.vue.map */
/*# sourceMappingURL=Yellowtheme1.vue.map */ /*# sourceMappingURL=thirteen.vue.map */
/*# sourceMappingURL=sixteen.vue.map */ /*# sourceMappingURL=fourteen.vue.map */
/*# sourceMappingURL=Redtheme4.vue.map */
/*# sourceMappingURL=Yellowtheme3.vue.map */ /*# sourceMappingURL=Yellowtheme3.vue.map */
/*# sourceMappingURL=SanQintheme1.vue.map */ /*# sourceMappingURL=Redtheme2.vue.map */
/*# sourceMappingURL=fifteen.vue.map */
/*# sourceMappingURL=Yellowtheme2.vue.map */
/*# sourceMappingURL=Greentheme4.vue.map */
/*# sourceMappingURL=Redtheme5.vue.map */
/*# sourceMappingURL=Yellowtheme5.vue.map */
/*# sourceMappingURL=Yellowtheme1.vue.map */
/*# sourceMappingURL=Redtheme3.vue.map */ /*# sourceMappingURL=Redtheme3.vue.map */
/*# sourceMappingURL=Redtheme6.vue.map */ /*# sourceMappingURL=Redtheme1.vue.map */
/*# sourceMappingURL=Thirtyfive.vue.map */ /*# sourceMappingURL=Greentheme5.vue.map */
/*# sourceMappingURL=SanQintheme2.vue.map */
/*# sourceMappingURL=Yellowtheme4.vue.map */
/*# sourceMappingURL=SanQintheme1.vue.map */
/*# sourceMappingURL=Thirtyseven3.vue.map */
/*# sourceMappingURL=Thirtyseven2.vue.map */ /*# sourceMappingURL=Thirtyseven2.vue.map */
/*# sourceMappingURL=Redtheme4.vue.map */ /*# sourceMappingURL=sixteen.vue.map */
/*# sourceMappingURL=Thirtysix.vue.map */ /*# sourceMappingURL=Thirtysix.vue.map */
@ -108,27 +108,19 @@
/*# sourceMappingURL=SanQintheme3.vue.map */ /*# sourceMappingURL=SanQintheme3.vue.map */
/*# sourceMappingURL=SanQintheme2.vue.map */ /*# sourceMappingURL=Thirtyseven.vue.map */
/*# sourceMappingURL=Forty.vue.map */
/*# sourceMappingURL=Redtheme6.vue.map */
/*# sourceMappingURL=Thirtyeight.vue.map */ /*# sourceMappingURL=Thirtyeight.vue.map */
/*# sourceMappingURL=Thirtyseven.vue.map */ /*# sourceMappingURL=Thirtyfive.vue.map */
/*# sourceMappingURL=Thirtyseven3.vue.map */
/*# sourceMappingURL=Forty.vue.map */
.xml-text-h5[data-v-4666e3b2] {
}
.xml-text-pc[data-v-4666e3b2] {
}
.xml-text-h5[data-v-4666e3b2] {
}
.xml-text-h5 .inline-audio-wrap, .xml-text-h5 .inline-audio-wrap,
.xml-text-h5 .inline-link-wrap { .xml-text-h5 .inline-link-wrap {
align-items: center; align-items: center;
@ -200,6 +192,14 @@
/*# sourceMappingURL=XmlText.vue.map */ /*# sourceMappingURL=XmlText.vue.map */
.xml-text-h5[data-v-51cfaa06] {
}
.xml-text-pc[data-v-51cfaa06] {
}
.xml-text-h5[data-v-51cfaa06] {
}
/*# sourceMappingURL=XmlTextDialog.vue.map */ /*# sourceMappingURL=XmlTextDialog.vue.map */

File diff suppressed because one or more lines are too long

View File

@ -1,10 +1,7 @@
.xml-question-container-h5[data-v-bbb516e6] { .xml-question-container-h5[data-v-7cde6dac] {}
} .xml-question-container-pc[data-v-7cde6dac] {}
.xml-question-container-pc[data-v-bbb516e6] { .xml-question-container-pad[data-v-7cde6dac] {}
}
.xml-question-container-pad[data-v-bbb516e6] {
}
@ -12,10 +9,10 @@
/*# sourceMappingURL=QuestionItem.vue.map */ /*# sourceMappingURL=QuestionItem.vue.map */
.option-item + .option-item[data-v-cc053d1c] { .option-item + .option-item[data-v-0bbbebe6] {
margin-top: 16px; margin-top: 16px;
} }
.option-item[data-v-cc053d1c] { .option-item[data-v-0bbbebe6] {
display: flex; display: flex;
background: #fbfbfb; background: #fbfbfb;
border-radius: 6px; border-radius: 6px;
@ -24,42 +21,86 @@
transition: all ease 0.3s; transition: all ease 0.3s;
border: 1px solid #fbfbfb; border: 1px solid #fbfbfb;
} }
.option-item.isActive[data-v-cc053d1c] { .option-item .questionSeq[data-v-0bbbebe6] {
border-color: #2e9adb;
}
.option-item .questionSeq[data-v-cc053d1c] {
padding: 8px 0; padding: 8px 0;
} }
.option-item.isTrue[data-v-cc053d1c] { .option-item.isActive[data-v-0bbbebe6] {
border-color: #2e9adb;
}
.option-item.isTrue[data-v-0bbbebe6] {
border: 1px solid #70b603; border: 1px solid #70b603;
} }
.option-item.isTrue[data-v-cc053d1c] .el-checkbox__input.is-checked .el-checkbox__inner { .option-item.isTrue[data-v-0bbbebe6] .el-radio__input.is-checked .el-radio__inner {
border-color: #70b603; border-color: #70b603;
background: #70b603; background: #70b603;
} }
.option-item.isFalse[data-v-cc053d1c] { .option-item.isFalse[data-v-0bbbebe6] {
border: 1px solid #d9001b; border: 1px solid #d9001b;
} }
.option-item.isFalse[data-v-cc053d1c] .el-checkbox__input.is-checked .el-checkbox__inner { .option-item.isFalse[data-v-0bbbebe6] .el-radio__input.is-checked .el-radio__inner {
border-color: #d9001b; border-color: #d9001b;
background: #d9001b; background: #d9001b;
} }
.option-item[data-v-cc053d1c]:hover { .option-item[data-v-0bbbebe6]:hover {
background: #ddd; background: #ddd;
} }
.option-item[data-v-cc053d1c] .content { .option-item[data-v-0bbbebe6] .content {
cursor: pointer; cursor: pointer;
} }
.option-item[data-v-cc053d1c] .stem-content.no-border { .option-item[data-v-0bbbebe6] .stem-content.no-border {
padding: 8px 14px !important;
cursor: pointer;
}
/*# sourceMappingURL=radio.vue.map */
.option-item + .option-item[data-v-2c28041a] {
margin-top: 16px;
}
.option-item[data-v-2c28041a] {
display: flex;
background: #fbfbfb;
border-radius: 6px;
padding-left: 16px;
cursor: pointer;
transition: all ease 0.3s;
border: 1px solid #fbfbfb;
}
.option-item.isActive[data-v-2c28041a] {
border-color: #2e9adb;
}
.option-item .questionSeq[data-v-2c28041a] {
padding: 8px 0;
}
.option-item.isTrue[data-v-2c28041a] {
border: 1px solid #70b603;
}
.option-item.isTrue[data-v-2c28041a] .el-checkbox__input.is-checked .el-checkbox__inner {
border-color: #70b603;
background: #70b603;
}
.option-item.isFalse[data-v-2c28041a] {
border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-2c28041a] .el-checkbox__input.is-checked .el-checkbox__inner {
border-color: #d9001b;
background: #d9001b;
}
.option-item[data-v-2c28041a]:hover {
background: #ddd;
}
.option-item[data-v-2c28041a] .content {
cursor: pointer;
}
.option-item[data-v-2c28041a] .stem-content.no-border {
padding: 8px 14px !important; padding: 8px 14px !important;
cursor: pointer; cursor: pointer;
} }
/*# sourceMappingURL=checkbox.vue.map */ /*# sourceMappingURL=checkbox.vue.map */
.content[data-v-6db419e1] { .content[data-v-178d3ffd] {
width: 100%; width: 100%;
} }
.content .stem-content[data-v-6db419e1] { .content .stem-content[data-v-178d3ffd] {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 5px 14px; padding: 5px 14px;
@ -68,12 +109,12 @@
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
} }
.content .stem-content.no-border[data-v-6db419e1] { .content .stem-content.no-border[data-v-178d3ffd] {
padding: 0; padding: 0;
border: none; border: none;
cursor: default; cursor: default;
} }
.content .stem-content .placeholder[data-v-6db419e1] { .content .stem-content .placeholder[data-v-178d3ffd] {
color: #c0c4cc; color: #c0c4cc;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
@ -81,10 +122,98 @@
} }
/*# sourceMappingURL=common.vue.map */ /*# sourceMappingURL=common.vue.map */
.content[data-v-f3840eb4] { .option-item + .option-item[data-v-35976a09] {
margin-top: 16px;
}
.option-item[data-v-35976a09] {
display: flex;
background: #fbfbfb;
border-radius: 6px;
padding-left: 16px;
cursor: pointer;
transition: all ease 0.3s;
border: 1px solid #fbfbfb;
}
.option-item.isActive[data-v-35976a09] {
border-color: #2e9adb;
}
.option-item .questionSeq[data-v-35976a09] {
padding: 8px 0;
}
.option-item.isTrue[data-v-35976a09] {
border: 1px solid #70b603;
}
.option-item.isTrue[data-v-35976a09] .el-checkbox__input.is-checked .el-checkbox__inner {
border-color: #70b603;
background: #70b603;
}
.option-item.isFalse[data-v-35976a09] {
border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-35976a09] .el-checkbox__input.is-checked .el-checkbox__inner {
border-color: #d9001b;
background: #d9001b;
}
.option-item[data-v-35976a09]:hover {
background: #ddd;
}
.option-item[data-v-35976a09] .content {
cursor: pointer;
}
.option-item[data-v-35976a09] .stem-content.no-border {
padding: 8px 14px !important;
cursor: pointer;
}
/*# sourceMappingURL=checkbox.vue.map */
.option-item + .option-item[data-v-669043fa] {
margin-top: 16px;
}
.option-item[data-v-669043fa] {
display: flex;
background: #fbfbfb;
border-radius: 6px;
padding-left: 16px;
cursor: pointer;
transition: all ease 0.3s;
border: 1px solid #fbfbfb;
}
.option-item .questionSeq[data-v-669043fa] {
padding: 8px 0;
}
.option-item.isActive[data-v-669043fa] {
border-color: #2e9adb;
}
.option-item.isTrue[data-v-669043fa] {
border: 1px solid #70b603;
}
.option-item.isTrue[data-v-669043fa] .el-radio__input.is-checked .el-radio__inner {
border-color: #70b603;
background: #70b603;
}
.option-item.isFalse[data-v-669043fa] {
border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-669043fa] .el-radio__input.is-checked .el-radio__inner {
border-color: #d9001b;
background: #d9001b;
}
.option-item[data-v-669043fa]:hover {
background: #ddd;
}
.option-item[data-v-669043fa] .content {
cursor: pointer;
}
.option-item[data-v-669043fa] .stem-content.no-border {
padding: 8px 14px !important;
cursor: pointer;
}
/*# sourceMappingURL=radio.vue.map */
.content[data-v-84c18bec] {
width: 100%; width: 100%;
} }
.content .stem-content[data-v-f3840eb4] { .content .stem-content[data-v-84c18bec] {
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 5px 14px; padding: 5px 14px;
@ -93,12 +222,12 @@
border-radius: 6px; border-radius: 6px;
cursor: pointer; cursor: pointer;
} }
.content .stem-content.no-border[data-v-f3840eb4] { .content .stem-content.no-border[data-v-84c18bec] {
padding: 0; padding: 0;
border: none; border: none;
cursor: default; cursor: default;
} }
.content .stem-content .placeholder[data-v-f3840eb4] { .content .stem-content .placeholder[data-v-84c18bec] {
color: #c0c4cc; color: #c0c4cc;
font-size: 14px; font-size: 14px;
cursor: pointer; cursor: pointer;
@ -106,303 +235,289 @@
} }
/*# sourceMappingURL=common.vue.map */ /*# sourceMappingURL=common.vue.map */
.option-item + .option-item[data-v-3d438652] { .line-content[data-v-4508580a] {
margin-top: 16px;
}
.option-item[data-v-3d438652] {
display: flex;
background: #fbfbfb;
border-radius: 6px;
padding-left: 16px;
cursor: pointer;
transition: all ease 0.3s;
border: 1px solid #fbfbfb;
}
.option-item.isActive[data-v-3d438652] {
border-color: #2e9adb;
}
.option-item .questionSeq[data-v-3d438652] {
padding: 8px 0;
}
.option-item.isTrue[data-v-3d438652] {
border: 1px solid #70b603;
}
.option-item.isTrue[data-v-3d438652] .el-checkbox__input.is-checked .el-checkbox__inner {
border-color: #70b603;
background: #70b603;
}
.option-item.isFalse[data-v-3d438652] {
border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-3d438652] .el-checkbox__input.is-checked .el-checkbox__inner {
border-color: #d9001b;
background: #d9001b;
}
.option-item[data-v-3d438652]:hover {
background: #ddd;
}
.option-item[data-v-3d438652] .content {
cursor: pointer;
}
.option-item[data-v-3d438652] .stem-content.no-border {
padding: 8px 14px !important;
cursor: pointer;
}
/*# sourceMappingURL=checkbox.vue.map */
.option-item + .option-item[data-v-6c11c1df] {
margin-top: 16px;
}
.option-item[data-v-6c11c1df] {
display: flex;
background: #fbfbfb;
border-radius: 6px;
padding-left: 16px;
cursor: pointer;
transition: all ease 0.3s;
border: 1px solid #fbfbfb;
}
.option-item .questionSeq[data-v-6c11c1df] {
padding: 8px 0;
}
.option-item.isActive[data-v-6c11c1df] {
border-color: #2e9adb;
}
.option-item.isTrue[data-v-6c11c1df] {
border: 1px solid #70b603;
}
.option-item.isTrue[data-v-6c11c1df] .el-radio__input.is-checked .el-radio__inner {
border-color: #70b603;
background: #70b603;
}
.option-item.isFalse[data-v-6c11c1df] {
border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-6c11c1df] .el-radio__input.is-checked .el-radio__inner {
border-color: #d9001b;
background: #d9001b;
}
.option-item[data-v-6c11c1df]:hover {
background: #ddd;
}
.option-item[data-v-6c11c1df] .content {
cursor: pointer;
}
.option-item[data-v-6c11c1df] .stem-content.no-border {
padding: 8px 14px !important;
cursor: pointer;
}
/*# sourceMappingURL=radio.vue.map */
.option-item + .option-item[data-v-303501f1] {
margin-top: 16px;
}
.option-item[data-v-303501f1] {
display: flex;
background: #fbfbfb;
border-radius: 6px;
padding-left: 16px;
cursor: pointer;
transition: all ease 0.3s;
border: 1px solid #fbfbfb;
}
.option-item .questionSeq[data-v-303501f1] {
padding: 8px 0;
}
.option-item.isActive[data-v-303501f1] {
border-color: #2e9adb;
}
.option-item.isTrue[data-v-303501f1] {
border: 1px solid #70b603;
}
.option-item.isTrue[data-v-303501f1] .el-radio__input.is-checked .el-radio__inner {
border-color: #70b603;
background: #70b603;
}
.option-item.isFalse[data-v-303501f1] {
border: 1px solid #d9001b;
}
.option-item.isFalse[data-v-303501f1] .el-radio__input.is-checked .el-radio__inner {
border-color: #d9001b;
background: #d9001b;
}
.option-item[data-v-303501f1]:hover {
background: #ddd;
}
.option-item[data-v-303501f1] .content {
cursor: pointer;
}
.option-item[data-v-303501f1] .stem-content.no-border {
padding: 8px 14px !important;
cursor: pointer;
}
/*# sourceMappingURL=radio.vue.map */
.line-content[data-v-685addee] {
width: 100%; width: 100%;
position: relative; position: relative;
} }
.line-content .line-content--item[data-v-685addee] { .line-content .line-content--item[data-v-4508580a] {
flex: 1; flex: 1;
} }
.line-content .line-content--item[data-v-685addee] .stem-content { .line-content .line-content--item[data-v-4508580a] .stem-content {
height: 100%; height: 100%;
} }
.line-content + .line-content[data-v-685addee] { .line-content + .line-content[data-v-4508580a] {
margin-top: 10px; margin-top: 10px;
} }
.create-option[data-v-685addee] { .create-option[data-v-4508580a] {
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
border-style: dashed !important; border-style: dashed !important;
} }
.option-item[data-v-685addee] { .option-item[data-v-4508580a] {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
.option-item + .option-item[data-v-685addee] { .option-item + .option-item[data-v-4508580a] {
margin-left: 100px; margin-left: 100px;
} }
.option-item.isMobile + .option-item.isMobile[data-v-685addee] { .option-item.isMobile + .option-item.isMobile[data-v-4508580a] {
margin-left: 50px; margin-left: 50px;
} }
.option-item[data-v-685addee] { .option-item[data-v-4508580a] {
margin-bottom: 10px; margin-bottom: 10px;
background: #fbfbfb; background: #fbfbfb;
border-radius: 6px; border-radius: 6px;
padding-left: 16px; padding-left: 16px;
} }
.option-item .questionSeq[data-v-685addee] { .option-item .questionSeq[data-v-4508580a] {
padding: 8px 0; padding: 8px 0;
} }
.option-item[data-v-685addee] .stem-content.no-border { .option-item[data-v-4508580a] .stem-content.no-border {
padding: 8px 14px !important; padding: 8px 14px !important;
} }
/*# sourceMappingURL=view-line.vue.map */ /*# sourceMappingURL=view-line.vue.map */
.line-content[data-v-56033706] { .line-content[data-v-115d2322] {
width: 100%; width: 100%;
position: relative; position: relative;
} }
.line-content .line-content--item[data-v-56033706] { .line-content .line-content--item[data-v-115d2322] {
flex: 1; flex: 1;
} }
.line-content .line-content--item[data-v-56033706] .stem-content { .line-content .line-content--item[data-v-115d2322] .stem-content {
height: 100%; height: 100%;
} }
.line-content + .line-content[data-v-56033706] { .line-content + .line-content[data-v-115d2322] {
margin-top: 10px; margin-top: 10px;
} }
.create-option[data-v-56033706] { .create-option[data-v-115d2322] {
width: 100%; width: 100%;
margin-top: 10px; margin-top: 10px;
border-style: dashed !important; border-style: dashed !important;
} }
.option-item[data-v-56033706] { .option-item[data-v-115d2322] {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
.option-item + .option-item[data-v-56033706] { .option-item + .option-item[data-v-115d2322] {
margin-left: 100px; margin-left: 100px;
} }
.option-item.isMobile + .option-item.isMobile[data-v-56033706] { .option-item.isMobile + .option-item.isMobile[data-v-115d2322] {
margin-left: 50px; margin-left: 50px;
} }
.option-item[data-v-56033706] { .option-item[data-v-115d2322] {
margin-bottom: 10px; margin-bottom: 10px;
background: #FBFBFB; background: #FBFBFB;
border-radius: 6px; border-radius: 6px;
padding-left: 16px; padding-left: 16px;
border: 1px solid #fbfbfb; border: 1px solid #fbfbfb;
} }
.option-item .questionSeq[data-v-56033706] { .option-item .questionSeq[data-v-115d2322] {
padding: 8px 0; padding: 8px 0;
} }
.option-item[data-v-56033706] .stem-content.no-border { .option-item[data-v-115d2322] .stem-content.no-border {
padding: 8px 14px !important; padding: 8px 14px !important;
} }
/*# sourceMappingURL=view-line-answer.vue.map */ /*# sourceMappingURL=view-line-answer.vue.map */
.image-file[data-v-2d3153b3] { .image-file[data-v-1786cccf] {
width: 218px; width: 218px;
object-fit: scale-down; object-fit: scale-down;
} }
.video-file[data-v-2d3153b3] { .video-file[data-v-1786cccf] {
width: 408px; width: 408px;
} }
.file-render[data-v-2d3153b3] { .file-render[data-v-1786cccf] {
width: 100%; width: 100%;
} }
.file-info[data-v-2d3153b3] { .file-info[data-v-1786cccf] {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
.file-info.videoHandler[data-v-2d3153b3] { .file-info.videoHandler[data-v-1786cccf] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
.file-info.videoHandler .fileName[data-v-2d3153b3] { .file-info.videoHandler .fileName[data-v-1786cccf] {
font-size: 18px; font-size: 18px;
color: #333333; color: #333333;
margin-bottom: 19px; margin-bottom: 19px;
} }
.file-info.videoHandler .fileInfo[data-v-2d3153b3] { .file-info.videoHandler .fileInfo[data-v-1786cccf] {
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
margin-bottom: 19px; margin-bottom: 19px;
} }
/*# sourceMappingURL=index.vue.map */ /*# sourceMappingURL=index.vue.map */
.image-file[data-v-6cd8acd6] { .image-file[data-v-3e962af2] {
width: 218px; width: 218px;
object-fit: scale-down; object-fit: scale-down;
} }
.video-file[data-v-6cd8acd6] { .video-file[data-v-3e962af2] {
width: 408px; width: 408px;
} }
.file-render[data-v-6cd8acd6] { .file-render[data-v-3e962af2] {
width: 100%; width: 100%;
} }
.file-info[data-v-6cd8acd6] { .file-info[data-v-3e962af2] {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
} }
.file-info.videoHandler[data-v-6cd8acd6] { .file-info.videoHandler[data-v-3e962af2] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
} }
.file-info.videoHandler .fileName[data-v-6cd8acd6] { .file-info.videoHandler .fileName[data-v-3e962af2] {
font-size: 18px; font-size: 18px;
color: #333333; color: #333333;
margin-bottom: 19px; margin-bottom: 19px;
} }
.file-info.videoHandler .fileInfo[data-v-6cd8acd6] { .file-info.videoHandler .fileInfo[data-v-3e962af2] {
font-size: 14px; font-size: 14px;
color: #666666; color: #666666;
margin-bottom: 19px; margin-bottom: 19px;
} }
/*# sourceMappingURL=index.vue.map */ /*# sourceMappingURL=index.vue.map */
[data-v-ac616226] .el-dialog__header { .audio .audio-icon[data-v-4809edd2] {
width: 36px;
height: 36px;
margin-right: 20px;
}
.audio .audio-icon img[data-v-4809edd2] {
width: 100%;
height: 100%;
display: block;
}
.audio .audio-controls[data-v-4809edd2] {
width: 100%;
max-width: 200px;
flex: 1;
height: 36px;
}
.audio .audio-controls .audio-controls--progress[data-v-4809edd2], .audio .audio-controls .audio-controls--handler[data-v-4809edd2] {
width: 100%;
}
.audio .audio-controls .audio-controls--handler[data-v-4809edd2] {
line-height: 1;
}
.audio .audio-controls .audio-controls--handler .play[data-v-4809edd2] {
font-size: 24px;
}
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-4809edd2] {
width: 22px;
height: 22px;
display: block;
cursor: pointer;
}
.audio .audio-controls .audio-controls--handler .current-time[data-v-4809edd2], .audio .audio-controls .audio-controls--handler .total-time[data-v-4809edd2] {
font-size: 12px;
color: #333;
}
.play-handler.mobile[data-v-4809edd2] {
width: 20px;
height: 20px;
}
.audio-component[data-v-4809edd2] {
display: none;
}
[data-v-4809edd2] .el-slider__runway {
margin: 0 0 4px 0;
background: #e3e3e3;
height: 4px;
}
[data-v-4809edd2] .el-slider__bar {
height: 4px;
}
[data-v-4809edd2] .el-slider__button {
width: 10px;
height: 10px;
}
[data-v-4809edd2] .el-slider__button-wrapper {
top: -15px;
}
/*# sourceMappingURL=audio-play-new.vue.map */
.audio .audio-icon[data-v-7be84416] {
width: 36px;
height: 36px;
margin-right: 20px;
}
.audio .audio-icon img[data-v-7be84416] {
width: 100%;
height: 100%;
display: block;
}
.audio .audio-controls[data-v-7be84416] {
width: 100%;
max-width: 200px;
flex: 1;
height: 36px;
}
.audio .audio-controls .audio-controls--progress[data-v-7be84416], .audio .audio-controls .audio-controls--handler[data-v-7be84416] {
width: 100%;
}
.audio .audio-controls .audio-controls--handler[data-v-7be84416] {
line-height: 1;
}
.audio .audio-controls .audio-controls--handler .play[data-v-7be84416] {
font-size: 24px;
}
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-7be84416] {
width: 22px;
height: 22px;
display: block;
cursor: pointer;
}
.audio .audio-controls .audio-controls--handler .current-time[data-v-7be84416], .audio .audio-controls .audio-controls--handler .total-time[data-v-7be84416] {
font-size: 12px;
color: #333;
}
.play-handler.mobile[data-v-7be84416] {
width: 20px;
height: 20px;
}
.audio-component[data-v-7be84416] {
display: none;
}
[data-v-7be84416] .el-slider__runway {
margin: 0 0 4px 0;
background: #e3e3e3;
height: 4px;
}
[data-v-7be84416] .el-slider__bar {
height: 4px;
}
[data-v-7be84416] .el-slider__button {
width: 10px;
height: 10px;
}
[data-v-7be84416] .el-slider__button-wrapper {
top: -15px;
}
/*# sourceMappingURL=audio-play-new.vue.map */
[data-v-726cb75e] .el-dialog__header {
padding: 10px; padding: 10px;
} }
.video-content[data-v-ac616226] { .video-content[data-v-726cb75e] {
width: 180px; width: 180px;
height: 135px; height: 135px;
border-radius: 6px; border-radius: 6px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }
.video-content .play[data-v-ac616226] { .video-content .play[data-v-726cb75e] {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
cursor: pointer; cursor: pointer;
transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
} }
.video-mask[data-v-ac616226] { .video-mask[data-v-726cb75e] {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -410,154 +525,36 @@
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
} }
.video-mask img[data-v-ac616226] { .video-mask img[data-v-726cb75e] {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50% -50%); transform: translate(-50% -50%);
display: block; display: block;
} }
.video-player[data-v-ac616226] { .video-player[data-v-726cb75e] {
width: 100%; width: 100%;
} }
/*# sourceMappingURL=video-play.vue.map */ /*# sourceMappingURL=video-play.vue.map */
.audio .audio-icon[data-v-1fe2904e] { [data-v-8495abd8] .el-dialog__header {
width: 36px;
height: 36px;
margin-right: 20px;
}
.audio .audio-icon img[data-v-1fe2904e] {
width: 100%;
height: 100%;
display: block;
}
.audio .audio-controls[data-v-1fe2904e] {
width: 100%;
max-width: 200px;
flex: 1;
height: 36px;
}
.audio .audio-controls .audio-controls--progress[data-v-1fe2904e], .audio .audio-controls .audio-controls--handler[data-v-1fe2904e] {
width: 100%;
}
.audio .audio-controls .audio-controls--handler[data-v-1fe2904e] {
line-height: 1;
}
.audio .audio-controls .audio-controls--handler .play[data-v-1fe2904e] {
font-size: 24px;
}
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-1fe2904e] {
width: 22px;
height: 22px;
display: block;
cursor: pointer;
}
.audio .audio-controls .audio-controls--handler .current-time[data-v-1fe2904e], .audio .audio-controls .audio-controls--handler .total-time[data-v-1fe2904e] {
font-size: 12px;
color: #333;
}
.play-handler.mobile[data-v-1fe2904e] {
width: 20px;
height: 20px;
}
.audio-component[data-v-1fe2904e] {
display: none;
}
[data-v-1fe2904e] .el-slider__runway {
margin: 0 0 4px 0;
background: #e3e3e3;
height: 4px;
}
[data-v-1fe2904e] .el-slider__bar {
height: 4px;
}
[data-v-1fe2904e] .el-slider__button {
width: 10px;
height: 10px;
}
[data-v-1fe2904e] .el-slider__button-wrapper {
top: -15px;
}
/*# sourceMappingURL=audio-play-new.vue.map */
.audio .audio-icon[data-v-9c5a6694] {
width: 36px;
height: 36px;
margin-right: 20px;
}
.audio .audio-icon img[data-v-9c5a6694] {
width: 100%;
height: 100%;
display: block;
}
.audio .audio-controls[data-v-9c5a6694] {
width: 100%;
max-width: 200px;
flex: 1;
height: 36px;
}
.audio .audio-controls .audio-controls--progress[data-v-9c5a6694], .audio .audio-controls .audio-controls--handler[data-v-9c5a6694] {
width: 100%;
}
.audio .audio-controls .audio-controls--handler[data-v-9c5a6694] {
line-height: 1;
}
.audio .audio-controls .audio-controls--handler .play[data-v-9c5a6694] {
font-size: 24px;
}
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-9c5a6694] {
width: 22px;
height: 22px;
display: block;
cursor: pointer;
}
.audio .audio-controls .audio-controls--handler .current-time[data-v-9c5a6694], .audio .audio-controls .audio-controls--handler .total-time[data-v-9c5a6694] {
font-size: 12px;
color: #333;
}
.play-handler.mobile[data-v-9c5a6694] {
width: 20px;
height: 20px;
}
.audio-component[data-v-9c5a6694] {
display: none;
}
[data-v-9c5a6694] .el-slider__runway {
margin: 0 0 4px 0;
background: #e3e3e3;
height: 4px;
}
[data-v-9c5a6694] .el-slider__bar {
height: 4px;
}
[data-v-9c5a6694] .el-slider__button {
width: 10px;
height: 10px;
}
[data-v-9c5a6694] .el-slider__button-wrapper {
top: -15px;
}
/*# sourceMappingURL=audio-play-new.vue.map */
[data-v-aec120a0] .el-dialog__header {
padding: 10px; padding: 10px;
} }
.video-content[data-v-aec120a0] { .video-content[data-v-8495abd8] {
width: 180px; width: 180px;
height: 135px; height: 135px;
border-radius: 6px; border-radius: 6px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
} }
.video-content .play[data-v-aec120a0] { .video-content .play[data-v-8495abd8] {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
cursor: pointer; cursor: pointer;
transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
} }
.video-mask[data-v-aec120a0] { .video-mask[data-v-8495abd8] {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -565,14 +562,14 @@
height: 100%; height: 100%;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
} }
.video-mask img[data-v-aec120a0] { .video-mask img[data-v-8495abd8] {
position: absolute; position: absolute;
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50% -50%); transform: translate(-50% -50%);
display: block; display: block;
} }
.video-player[data-v-aec120a0] { .video-player[data-v-8495abd8] {
width: 100%; width: 100%;
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,9 +1,687 @@
.read-the-docs[data-v-1eead8ba] { .read-the-docs[data-v-3dc783b6] {
color: #888; color: #888;
} }
.read-the-docs[data-v-7b73b520] { .xml-text-h5[data-v-51cfaa06] {
color: #888;
} }
.xml-text-pc[data-v-51cfaa06] {
}
.xml-text-h5[data-v-51cfaa06] {
}
.xml-text-h5 .inline-audio-wrap,
.xml-text-h5 .inline-link-wrap {
align-items: center;
}
.xml-text-h5 .inline-audio-wrap span,
.xml-text-h5 .inline-link-wrap span {
display: inline-block;
}
.xml-text-h5 .inline-audio-box {
width: 20px;
height: 20px;
box-sizing: border-box;
position: relative;
margin-left: 6px;
}
.xml-text-h5 .inline-audio-box .wifi-symbol {
width: 20px;
height: 20px;
box-sizing: border-box;
overflow: hidden;
transform: rotate(135deg);
position: relative;
}
.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle {
border: 3px solid #418eed;
border-radius: 50%;
position: absolute;
}
.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.first {
width: 3px;
height: 3px;
background: #0076bc;
top: 14px;
left: 14px;
}
.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.second {
width: 15px;
height: 15px;
top: 10px;
left: 10px;
}
.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.third {
width: 24px;
height: 24px;
top: 6px;
left: 6px;
}
.xml-text-h5 .inline-audio-box .wifi-symbol.playing .second {
animation: fadeInOut 1s infinite 0.2s;
}
.xml-text-h5 .inline-audio-box .wifi-symbol.playing .third {
animation: fadeInOut 1s infinite 0.4s;
}
@keyframes fadeInOut {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.virtual-input .el-textarea__inner {
min-height: 0 !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
/*# sourceMappingURL=XmlText.vue.map */
/*# sourceMappingURL=XmlTextDialog.vue.map */

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
.read-the-docs[data-v-1eead8ba]{color:#888}.read-the-docs[data-v-7b73b520]{color:#888} .read-the-docs[data-v-3dc783b6]{color:#888}.xml-text-h5 .inline-audio-wrap,.xml-text-h5 .inline-link-wrap{align-items:center}.xml-text-h5 .inline-audio-wrap span,.xml-text-h5 .inline-link-wrap span{display:inline-block}.xml-text-h5 .inline-audio-box{width:20px;height:20px;box-sizing:border-box;position:relative;margin-left:6px}.xml-text-h5 .inline-audio-box .wifi-symbol{width:20px;height:20px;box-sizing:border-box;overflow:hidden;transform:rotate(135deg);position:relative}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle{border:3px solid #418eed;border-radius:50%;position:absolute}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.first{width:3px;height:3px;background:#0076bc;top:14px;left:14px}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.second{width:15px;height:15px;top:10px;left:10px}.xml-text-h5 .inline-audio-box .wifi-symbol .wifi-circle.third{width:24px;height:24px;top:6px;left:6px}.xml-text-h5 .inline-audio-box .wifi-symbol.playing .second{animation:fadeInOut 1s infinite .2s}.xml-text-h5 .inline-audio-box .wifi-symbol.playing .third{animation:fadeInOut 1s infinite .4s}@keyframes fadeInOut{0%{opacity:0}100%{opacity:1}}.virtual-input .el-textarea__inner{min-height:0!important;height:0!important;padding:0!important;margin:0!important;border:none!important}

View File

@ -1,5 +1,5 @@
.preview-item-file[data-v-7dcd39ad]:hover, .preview-item-file[data-v-830a69c8]:hover,
.slip-over-cover[data-v-7dcd39ad]:hover { .slip-over-cover[data-v-830a69c8]:hover {
cursor: pointer; cursor: pointer;
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var epub = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAMAAAChHKjRAAAAAXNSR0IArs4c6QAAAjdQTFRFAAAAiXb/kG/0inD6inX6jW72jXL2eGLpe2fuinL2i3H3iHf6i3L5dmTvjHH3inP4inH2i3L2d2TuhW7vjHH5d2TqjnH5fWnyd2bskHb5jXX1jHH2i3H3i3H4i3H4d2Xsd2Xqi3H4cmLoi3L4inH3i3L3inL3i3L3jHL3hG3zi3L3jHL4jnT5i3L3i3L3jHH2bFPvbl/nb2DncF/ncVP1cWHncWHocWHpclP2cmLpc2Lpc2Lqc2Ppc2PqdGPpdGPqd1r1d1z0d2TreFv2eFz0eFz1eGDxeGbseVv1eVz1el31el32el71el72e133e1/2e2TxfGD1fGXxfWD3fWH2fmjxf2T2f2rwgGX3gGnygWX2gWb2gWb3gWrzgWzzgmb3gmf2gmzyg23zhGj3hGn2hGr2hGr3hG3zhWr3hWv2hWv3hWz3hW7zhW70hmz3h233h273iG34iG/3iW34iW74iW/3iXD3iXH2inD4inH3inP2i3D4i3H3i3H4i3L3i3L4i3P4jHL3jHL4jHP3jHP4jHT2jHT3jHrxjHryjXP4jXT3jXT5jXX3jXvyjnT5jnX4j3T5j3T6j3b3lYH2l4H4mIL4mYP4movynY/xpJL3pJfzpZL5pZjzqJX5q5n5r576saD6uaz3va/7zMT5zcP7z8X70Mb70sj708n708r71c381c761s382ND72db4393549z+4+H55+b66OL96+b+6+r67+v+8/L99PD/9vT+///9///+////0H5GmAAAADB0Uk5TAA0XMjI6OkZNVVpefX+HjJCRkpSeoausra2vs7W2t7i5v8TN1tbd3t/o6+7v8PH8u0jmrQAAAapJREFUOMtjYGBgYBZQ1sMAOpoKHAwIwF+HDfSlG9nzElADVGRuZScEVcNWiVORvY29KESRZDluRfb2VhJgRSp1OBQlgRTZW8uDFKnjUpRrZgtSZamER1Fji5MhSJG9qTgDgxoORXXd5e5mYGDMjltRXV9nTiIIxAkjKeoq8veFg5DK5rqWvgl9QDBRCklRacG8BfOhYMHs/Bq4hBySIu9Fe5DAXH+4hDRCUaXnqj3b12+EgE3rJidjVeS1ZM9ig4AgMAh1S+3HpWiFX2EJGBRXN9fhUrQyBFt0oylaahIWBQZ5bbgVrW2eMhUMyrLacCqCgx2TUnAr2gUFW1szcCpaHd7RCwLtkVlduB1uEREDAvGFXXWUBcFy5+x8MMgrwh2Yyxyy8sCgKDqtB6sijzV7dm7eAgHbNkxLwKaoznvhbqSkMjMYq6La2BlzZkHBnOmZ9VgVtVX4OLpCgUtgUzNWRXV1zS1w0Ig9CHADaZyZEwnIMGgQViTLoEpYkQiDWBUhNTXcDKwEDdJnZGAQJKCmgQtUQvHhVaPNCSkRWQSVdfWwAi1FHiagAgAPu3js6FbZbgAAAABJRU5ErkJggg=="; var epub = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAMAAAChHKjRAAAAAXNSR0IArs4c6QAAAjdQTFRFAAAAiXb/kG/0inD6inX6jW72jXL2eGLpe2fuinL2i3H3iHf6i3L5dmTvjHH3inP4inH2i3L2d2TuhW7vjHH5d2TqjnH5fWnyd2bskHb5jXX1jHH2i3H3i3H4i3H4d2Xsd2Xqi3H4cmLoi3L4inH3i3L3inL3i3L3jHL3hG3zi3L3jHL4jnT5i3L3i3L3jHH2bFPvbl/nb2DncF/ncVP1cWHncWHocWHpclP2cmLpc2Lpc2Lqc2Ppc2PqdGPpdGPqd1r1d1z0d2TreFv2eFz0eFz1eGDxeGbseVv1eVz1el31el32el71el72e133e1/2e2TxfGD1fGXxfWD3fWH2fmjxf2T2f2rwgGX3gGnygWX2gWb2gWb3gWrzgWzzgmb3gmf2gmzyg23zhGj3hGn2hGr2hGr3hG3zhWr3hWv2hWv3hWz3hW7zhW70hmz3h233h273iG34iG/3iW34iW74iW/3iXD3iXH2inD4inH3inP2i3D4i3H3i3H4i3L3i3L4i3P4jHL3jHL4jHP3jHP4jHT2jHT3jHrxjHryjXP4jXT3jXT5jXX3jXvyjnT5jnX4j3T5j3T6j3b3lYH2l4H4mIL4mYP4movynY/xpJL3pJfzpZL5pZjzqJX5q5n5r576saD6uaz3va/7zMT5zcP7z8X70Mb70sj708n708r71c381c761s382ND72db4393549z+4+H55+b66OL96+b+6+r67+v+8/L99PD/9vT+///9///+////0H5GmAAAADB0Uk5TAA0XMjI6OkZNVVpefX+HjJCRkpSeoausra2vs7W2t7i5v8TN1tbd3t/o6+7v8PH8u0jmrQAAAapJREFUOMtjYGBgYBZQ1sMAOpoKHAwIwF+HDfSlG9nzElADVGRuZScEVcNWiVORvY29KESRZDluRfb2VhJgRSp1OBQlgRTZW8uDFKnjUpRrZgtSZamER1Fji5MhSJG9qTgDgxoORXXd5e5mYGDMjltRXV9nTiIIxAkjKeoq8veFg5DK5rqWvgl9QDBRCklRacG8BfOhYMHs/Bq4hBySIu9Fe5DAXH+4hDRCUaXnqj3b12+EgE3rJidjVeS1ZM9ig4AgMAh1S+3HpWiFX2EJGBRXN9fhUrQyBFt0oylaahIWBQZ5bbgVrW2eMhUMyrLacCqCgx2TUnAr2gUFW1szcCpaHd7RCwLtkVlduB1uEREDAvGFXXWUBcFy5+x8MMgrwh2Yyxyy8sCgKDqtB6sijzV7dm7eAgHbNkxLwKaoznvhbqSkMjMYq6La2BlzZkHBnOmZ9VgVtVX4OLpCgUtgUzNWRXV1zS1w0Ig9CHADaZyZEwnIMGgQViTLoEpYkQiDWBUhNTXcDKwEDdJnZGAQJKCmgQtUQvHhVaPNCSkRWQSVdfWwAi1FHiagAgAPu3js6FbZbgAAAABJRU5ErkJggg==";
@ -145,7 +145,7 @@ var script = {
data.coverFileUrl = this.resourceBasisPath + data.coverFileUrl.split('./')[1]; data.coverFileUrl = this.resourceBasisPath + data.coverFileUrl.split('./')[1];
data.uploadFileUrl = this.resourceBasisPath + data.uploadFileUrl.split('./')[1]; data.uploadFileUrl = this.resourceBasisPath + data.uploadFileUrl.split('./')[1];
} }
if (this.mode == 'preview') { if (this.mode != 'editor') {
this.$emit('downloadFileUrl', { this.$emit('downloadFileUrl', {
item, item,
fileName, fileName,
@ -161,7 +161,7 @@ var script = {
if (this.mode == 'preview' || this.mode == 'reader') { if (this.mode == 'preview' || this.mode == 'reader') {
this.$EventBus.$emit('learningStatistics', { this.$EventBus.$emit('learningStatistics', {
type: 'doc', type: 'doc',
info: null, info: item,
data: item data: item
}); });
// if (item.fileFormat == 'pdf') { // if (item.fileFormat == 'pdf') {
@ -1417,7 +1417,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-7dcd39ad"; const __vue_scope_id__ = "data-v-830a69c8";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1 +1 @@
.preview-item-file[data-v-7dcd39ad]:hover,.slip-over-cover[data-v-7dcd39ad]:hover{cursor:pointer} .preview-item-file[data-v-830a69c8]:hover,.slip-over-cover[data-v-830a69c8]:hover{cursor:pointer}

View File

@ -1,7 +1,7 @@
.xml-single-ebook-group-h5[data-v-55908341] { .xml-single-ebook-group-h5[data-v-34f72946] {
} }
.xml-single-ebook-group-pc[data-v-55908341] { .xml-single-ebook-group-pc[data-v-34f72946] {
} }
.xml-single-ebook-group-pad[data-v-55908341] { .xml-single-ebook-group-pad[data-v-34f72946] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');
@ -306,7 +307,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-55908341"; const __vue_scope_id__ = "data-v-34f72946";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,7 +1,7 @@
.xml-single-ebook-group-h5[data-v-af9b8d4c] { .xml-single-ebook-group-h5[data-v-662ea276] {
} }
.xml-single-ebook-group-pc[data-v-af9b8d4c] { .xml-single-ebook-group-pc[data-v-662ea276] {
} }
.xml-single-ebook-group-pad[data-v-af9b8d4c] { .xml-single-ebook-group-pad[data-v-662ea276] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');
@ -330,7 +331,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-af9b8d4c"; const __vue_scope_id__ = "data-v-662ea276";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,7 +1,7 @@
.xml-single-ebook-group-h5[data-v-0b9200e9] { .xml-single-ebook-group-h5[data-v-f8e4bff6] {
} }
.xml-single-ebook-group-pc[data-v-0b9200e9] { .xml-single-ebook-group-pc[data-v-f8e4bff6] {
} }
.xml-single-ebook-group-pad[data-v-0b9200e9] { .xml-single-ebook-group-pad[data-v-f8e4bff6] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');
@ -329,7 +330,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-0b9200e9"; const __vue_scope_id__ = "data-v-f8e4bff6";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');

View File

@ -1,7 +1,7 @@
.xml-single-music-group-h5[data-v-0ba26268] { .xml-single-music-group-h5[data-v-46631b30] {
} }
.xml-single-music-group-pc[data-v-0ba26268] { .xml-single-music-group-pc[data-v-46631b30] {
} }
.xml-single-music-group-pad[data-v-0ba26268] { .xml-single-music-group-pad[data-v-46631b30] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');
@ -313,7 +314,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-0ba26268"; const __vue_scope_id__ = "data-v-46631b30";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,7 +1,7 @@
.xml-single-question-group-h5[data-v-77922a38] { .xml-single-question-group-h5[data-v-5f63859c] {
} }
.xml-single-question-group-pc[data-v-77922a38] { .xml-single-question-group-pc[data-v-5f63859c] {
} }
.xml-single-question-group-pad[data-v-77922a38] { .xml-single-question-group-pad[data-v-5f63859c] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');
@ -345,7 +346,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-77922a38"; const __vue_scope_id__ = "data-v-5f63859c";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,7 +1,7 @@
.xml-single-question-group-h5[data-v-34ba0440] { .xml-single-question-group-h5[data-v-18c66dfc] {
} }
.xml-single-question-group-pc[data-v-34ba0440] { .xml-single-question-group-pc[data-v-18c66dfc] {
} }
.xml-single-question-group-pad[data-v-34ba0440] { .xml-single-question-group-pad[data-v-18c66dfc] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');
@ -337,7 +338,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-34ba0440"; const __vue_scope_id__ = "data-v-18c66dfc";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,7 +1,7 @@
.xml-single-question-group-h5[data-v-34ba0440] { .xml-single-question-group-h5[data-v-18c66dfc] {
} }
.xml-single-question-group-pc[data-v-34ba0440] { .xml-single-question-group-pc[data-v-18c66dfc] {
} }
.xml-single-question-group-pad[data-v-34ba0440] { .xml-single-question-group-pad[data-v-18c66dfc] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');
@ -337,7 +338,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-34ba0440"; const __vue_scope_id__ = "data-v-18c66dfc";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,7 +1,7 @@
.xml-single-text-group-h5[data-v-05ca7fa4] { .xml-single-text-group-h5[data-v-f04b1f34] {
} }
.xml-single-text-group-pc[data-v-05ca7fa4] { .xml-single-text-group-pc[data-v-f04b1f34] {
} }
.xml-single-text-group-pad[data-v-05ca7fa4] { .xml-single-text-group-pad[data-v-f04b1f34] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');
@ -182,6 +183,9 @@ var script = {
dataName, dataName,
data data
}); });
},
getClassName() {
return this.groupData.textData.className || '';
} }
} }
}; };
@ -273,6 +277,7 @@ var __vue_render__ = function () {
"xml-single-text-group", "xml-single-text-group",
"xml-single-text-group-" + _vm.pageType, "xml-single-text-group-" + _vm.pageType,
_vm.groupIsActive ? "active" : "", _vm.groupIsActive ? "active" : "",
_vm.getClassName(),
], ],
on: { click: _vm.emitClick }, on: { click: _vm.emitClick },
}, },
@ -361,7 +366,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-05ca7fa4"; const __vue_scope_id__ = "data-v-f04b1f34";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,7 +1,7 @@
.xml-single-video-group-h5[data-v-3ae74720] { .xml-single-video-group-h5[data-v-a0261188] {
} }
.xml-single-video-group-pc[data-v-3ae74720] { .xml-single-video-group-pc[data-v-a0261188] {
} }
.xml-single-video-group-pad[data-v-3ae74720] { .xml-single-video-group-pad[data-v-a0261188] {
} }

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
var singleGroupMixin = { var singleGroupMixin = {
@ -70,6 +70,7 @@ var singleGroupMixin = {
} }
}, },
mounted() { mounted() {
console.log('aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa=', this.islast);
if (this.islast) { if (this.islast) {
this.$nextTick(() => { this.$nextTick(() => {
this.$EventBus.$emit('mounted_success'); this.$EventBus.$emit('mounted_success');
@ -325,7 +326,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-3ae74720"; const __vue_scope_id__ = "data-v-a0261188";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,108 +1,108 @@
/*# sourceMappingURL=third.vue.map */
/*# sourceMappingURL=fourth.vue.map */
/*# sourceMappingURL=tenth.vue.map */
/*# sourceMappingURL=sixth.vue.map */
/*# sourceMappingURL=fifth.vue.map */ /*# sourceMappingURL=fifth.vue.map */
/*# sourceMappingURL=second.vue.map */
/*# sourceMappingURL=eighth.vue.map */
/*# sourceMappingURL=eleventh.vue.map */
/*# sourceMappingURL=Greytheme5.vue.map */
/*# sourceMappingURL=Greytheme1.vue.map */ /*# sourceMappingURL=Greytheme1.vue.map */
/*# sourceMappingURL=third.vue.map */
/*# sourceMappingURL=second.vue.map */
/*# sourceMappingURL=first.vue.map */ /*# sourceMappingURL=first.vue.map */
/*# sourceMappingURL=Greytheme2.vue.map */
/*# sourceMappingURL=tenth.vue.map */
/*# sourceMappingURL=Greytheme4.vue.map */ /*# sourceMappingURL=Greytheme4.vue.map */
/*# sourceMappingURL=ninth.vue.map */ /*# sourceMappingURL=eighth.vue.map */
/*# sourceMappingURL=seventh.vue.map */ /*# sourceMappingURL=sixth.vue.map */
/*# sourceMappingURL=Greytheme3.vue.map */ /*# sourceMappingURL=fourth.vue.map */
/*# sourceMappingURL=Greytheme6.vue.map */ /*# sourceMappingURL=Greytheme6.vue.map */
/*# sourceMappingURL=Redtheme1.vue.map */ /*# sourceMappingURL=Redtheme3.vue.map */
/*# sourceMappingURL=Yellowtheme3.vue.map */ /*# sourceMappingURL=ninth.vue.map */
/*# sourceMappingURL=Yellowtheme1.vue.map */
/*# sourceMappingURL=Redtheme4.vue.map */
/*# sourceMappingURL=Greytheme2.vue.map */
/*# sourceMappingURL=Greentheme4.vue.map */
/*# sourceMappingURL=Yellowtheme4.vue.map */
/*# sourceMappingURL=Greentheme2.vue.map */
/*# sourceMappingURL=Yellowtheme2.vue.map */
/*# sourceMappingURL=Greentheme3.vue.map */
/*# sourceMappingURL=Redtheme2.vue.map */ /*# sourceMappingURL=Redtheme2.vue.map */
/*# sourceMappingURL=Yellowtheme3.vue.map */
/*# sourceMappingURL=Greytheme5.vue.map */
/*# sourceMappingURL=Greentheme1.vue.map */ /*# sourceMappingURL=Greentheme1.vue.map */
/*# sourceMappingURL=Redtheme1.vue.map */
/*# sourceMappingURL=Yellowtheme2.vue.map */
/*# sourceMappingURL=eleventh.vue.map */
/*# sourceMappingURL=Bluetheme1.vue.map */ /*# sourceMappingURL=Bluetheme1.vue.map */
/*# sourceMappingURL=Bluetheme2.vue.map */
/*# sourceMappingURL=Yellowtheme4.vue.map */
/*# sourceMappingURL=Yellowtheme1.vue.map */
/*# sourceMappingURL=Greentheme2.vue.map */
/*# sourceMappingURL=Bluetheme3.vue.map */ /*# sourceMappingURL=Bluetheme3.vue.map */
/*# sourceMappingURL=Redtheme3.vue.map */ /*# sourceMappingURL=Greytheme3.vue.map */
/*# sourceMappingURL=Greentheme4.vue.map */
/*# sourceMappingURL=Bluetheme4.vue.map */ /*# sourceMappingURL=Bluetheme4.vue.map */
/*# sourceMappingURL=Bluetheme2.vue.map */ /*# sourceMappingURL=seventh.vue.map */
.xml-text-h5[data-v-4666e3b2] {
/*# sourceMappingURL=Greentheme3.vue.map */
/*# sourceMappingURL=Redtheme4.vue.map */
.xml-text-h5[data-v-51cfaa06] {
} }
.xml-text-pc[data-v-4666e3b2] { .xml-text-pc[data-v-51cfaa06] {
} }
.xml-text-h5[data-v-4666e3b2] { .xml-text-h5[data-v-51cfaa06] {
} }
.xml-text-h5 .inline-audio-wrap, .xml-text-h5 .inline-audio-wrap,

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,6 @@
/* /*
* XmlDigitalTeaching v0.0.1 * XmlDigitalTeaching v0.0.1
* Copyright ©Fri Apr 25 2025 16:10:48 GMT+0800 (中国标准时间) smile * Copyright ©Wed Dec 10 2025 14:35:07 GMT+0800 (中国标准时间) smile
* Released under the ISC License. * Released under the ISC License.
*/ */
// //
@ -367,7 +367,7 @@ __vue_render__._withStripped = true;
/* style */ /* style */
const __vue_inject_styles__ = undefined; const __vue_inject_styles__ = undefined;
/* scoped */ /* scoped */
const __vue_scope_id__ = "data-v-326ad307"; const __vue_scope_id__ = "data-v-d8637fba";
/* module identifier */ /* module identifier */
const __vue_module_identifier__ = undefined; const __vue_module_identifier__ = undefined;
/* functional template */ /* functional template */

View File

@ -1,3 +1,11 @@
.xml-text-h5[data-v-51cfaa06] {
}
.xml-text-pc[data-v-51cfaa06] {
}
.xml-text-h5[data-v-51cfaa06] {
}
.xml-text-h5 .inline-audio-wrap, .xml-text-h5 .inline-audio-wrap,
.xml-text-h5 .inline-link-wrap { .xml-text-h5 .inline-link-wrap {
align-items: center; align-items: center;
@ -69,14 +77,6 @@
/*# sourceMappingURL=XmlText.vue.map */ /*# sourceMappingURL=XmlText.vue.map */
.xml-text-h5[data-v-4666e3b2] {
}
.xml-text-pc[data-v-4666e3b2] {
}
.xml-text-h5[data-v-4666e3b2] {
}
/*# sourceMappingURL=XmlTextDialog.vue.map */ /*# sourceMappingURL=XmlTextDialog.vue.map */

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More