Compare commits
No commits in common. "b3a47589d868e893c4f5e9244dc776ab2f4ec34d" and "41bd2cf8dcd7597ddde1a1129ef8255848e7264e" have entirely different histories.
b3a47589d8
...
41bd2cf8dc
3
.env.sub
3
.env.sub
@ -1,8 +1,7 @@
|
|||||||
# 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
|
||||||
|
|||||||
10
build.sh
10
build.sh
@ -1,11 +1,11 @@
|
|||||||
|
|
||||||
|
|
||||||
# npm run build
|
npm run build
|
||||||
npm run build-sub
|
npm run build-sub
|
||||||
|
|
||||||
# rm reading.zip
|
rm dist.zip
|
||||||
rm reading.zip
|
rm aoxiang.zip
|
||||||
|
|
||||||
|
|
||||||
# zip -r reading.zip reading/
|
zip -r dist.zip dist/
|
||||||
zip -r reading.zip reading
|
zip -r aoxiang.zip aoxiang
|
||||||
|
|||||||
67
package-lock.json
generated
67
package-lock.json
generated
@ -9,7 +9,6 @@
|
|||||||
"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",
|
||||||
@ -4740,16 +4739,6 @@
|
|||||||
"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",
|
||||||
@ -6088,11 +6077,6 @@
|
|||||||
"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",
|
||||||
@ -7995,14 +7979,6 @@
|
|||||||
"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",
|
||||||
@ -12793,11 +12769,6 @@
|
|||||||
"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",
|
||||||
@ -14313,11 +14284,6 @@
|
|||||||
"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",
|
||||||
@ -20169,16 +20135,6 @@
|
|||||||
"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",
|
||||||
@ -21220,11 +21176,6 @@
|
|||||||
"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",
|
||||||
@ -22731,14 +22682,6 @@
|
|||||||
"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",
|
||||||
@ -26561,11 +26504,6 @@
|
|||||||
"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",
|
||||||
@ -27817,11 +27755,6 @@
|
|||||||
"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",
|
||||||
|
|||||||
@ -13,7 +13,6 @@
|
|||||||
},
|
},
|
||||||
"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",
|
||||||
|
|||||||
@ -3,11 +3,8 @@
|
|||||||
<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">
|
||||||
<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="<%= 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.
@ -1,790 +0,0 @@
|
|||||||
<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');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
// 格式化消息内容，处理HTML和Markdown格式
|
|
||||||
formatMessage(content) {
|
|
||||||
if (!content) return '';
|
|
||||||
|
|
||||||
// 处理HTML实体编码
|
|
||||||
content = content.replace(/&/g, '&')
|
|
||||||
.replace(/</g, '<')
|
|
||||||
.replace(/>/g, '>')
|
|
||||||
.replace(/"/g, '"')
|
|
||||||
.replace(/'/g, ''');
|
|
||||||
|
|
||||||
// 处理代码块 - 将 ```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>');
|
|
||||||
// 包裹相邻的li元素到ul中
|
|
||||||
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>');
|
|
||||||
// 包裹相邻的li元素到ol中
|
|
||||||
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>
|
|
||||||
@ -1,535 +0,0 @@
|
|||||||
<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">×</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>
|
|
||||||
@ -1,174 +0,0 @@
|
|||||||
# 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管理聊天状态
|
|
||||||
@ -1,210 +0,0 @@
|
|||||||
/**
|
|
||||||
* 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 };
|
|
||||||
@ -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> | -->
|
||||||
@ -92,7 +92,7 @@ export default {
|
|||||||
this.dialogVisible = true;
|
this.dialogVisible = true;
|
||||||
},
|
},
|
||||||
changeMode(e){
|
changeMode(e){
|
||||||
eventBus.$emit('changeMode',e)
|
eventBus.$emit('changeMode',e)
|
||||||
|
|
||||||
},
|
},
|
||||||
save(data){
|
save(data){
|
||||||
|
|||||||
@ -9,12 +9,10 @@ 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
|
||||||
|
|
||||||
|
|
||||||
@ -29,12 +27,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)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -3,17 +3,17 @@
|
|||||||
display: flex !important;
|
display: flex !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.catalog-node-label[data-v-842ba544] {
|
.catalog-node-label[data-v-2adc1e7a] {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.catalog-node-label img[data-v-842ba544] {
|
.catalog-node-label img[data-v-2adc1e7a] {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
.xml-show-catalog[data-v-842ba544] .el-tree-node__content {
|
.xml-show-catalog[data-v-2adc1e7a] .el-tree-node__content {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.xml-show-catalog[data-v-842ba544] .el-tree-node__content .catalog-node-label {
|
.xml-show-catalog[data-v-2adc1e7a] .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;
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 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-842ba544";
|
const __vue_scope_id__ = "data-v-2adc1e7a";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
.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}.catalog-node-label[data-v-2adc1e7a]{display:flex;align-items:center}.catalog-node-label img[data-v-2adc1e7a]{margin-right:4px}.xml-show-catalog[data-v-2adc1e7a] .el-tree-node__content{height:auto}.xml-show-catalog[data-v-2adc1e7a] .el-tree-node__content .catalog-node-label{max-width:calc(100% - 24px);word-break:break-all;white-space:normal}
|
||||||
@ -1,9 +1,9 @@
|
|||||||
|
|
||||||
.xml-ebook-container-h5[data-v-153d7766] {
|
.xml-ebook-container-h5[data-v-8b95769e] {
|
||||||
}
|
}
|
||||||
.xml-ebook-container-pc[data-v-153d7766] {
|
.xml-ebook-container-pc[data-v-8b95769e] {
|
||||||
}
|
}
|
||||||
.xml-ebook-container-pad[data-v-153d7766] {
|
.xml-ebook-container-pad[data-v-8b95769e] {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
//
|
//
|
||||||
@ -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-153d7766";
|
const __vue_scope_id__ = "data-v-8b95769e";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
//
|
//
|
||||||
@ -185,6 +185,12 @@ 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(),
|
||||||
@ -211,7 +217,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-bcc366a2";
|
const __vue_scope_id__ = "data-v-1ffc40b6";
|
||||||
/* 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
@ -4,15 +4,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.el-image__inner[data-v-2cbc6547] {
|
.el-image__inner[data-v-0ec43bef] {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
.xml-image-ping-pu-h5[data-v-2cbc6547] {
|
.xml-image-ping-pu-h5[data-v-0ec43bef] {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.xml-image-hua-lang[data-v-2cbc6547] {
|
.xml-image-hua-lang[data-v-0ec43bef] {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
import Vue from 'vue';
|
import Vue from 'vue';
|
||||||
@ -740,7 +740,7 @@ var script$1 = {
|
|||||||
const {
|
const {
|
||||||
previewSrcList
|
previewSrcList
|
||||||
} = this;
|
} = this;
|
||||||
return Array.isArray(previewSrcList) && previewSrcList.length > 0 && this.mode != 'editor' && (this.clickEffect === 'dian-ji-fang-da' || this.clickEffect === 'dian-ji-tiao-zhuan');
|
return Array.isArray(previewSrcList) && previewSrcList.length > 0 && this.mode === 'preview' && (this.clickEffect === 'dian-ji-fang-da' || this.clickEffect === 'dian-ji-tiao-zhuan');
|
||||||
},
|
},
|
||||||
imageIndex() {
|
imageIndex() {
|
||||||
if (this.currentIndex !== -1) {
|
if (this.currentIndex !== -1) {
|
||||||
@ -1118,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-2cbc6547";
|
const __vue_scope_id__$1 = "data-v-0ec43bef";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__$1 = undefined;
|
const __vue_module_identifier__$1 = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
.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}
|
.xml-image-lun-bo .el-carousel__item{text-align:center}.el-image__inner[data-v-0ec43bef]{width:100%!important}.xml-image-ping-pu-h5[data-v-0ec43bef]{display:flex;flex-direction:column;align-items:center}.xml-image-hua-lang[data-v-0ec43bef]{display:flex;flex-direction:column;align-items:center}
|
||||||
@ -1,5 +1,8 @@
|
|||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=second.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=first.vue.map */
|
/*# sourceMappingURL=first.vue.map */
|
||||||
|
|
||||||
|
|
||||||
@ -9,15 +12,12 @@
|
|||||||
/*# sourceMappingURL=fourth.vue.map */
|
/*# sourceMappingURL=fourth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=second.vue.map */
|
/*# sourceMappingURL=sixth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=fifth.vue.map */
|
/*# sourceMappingURL=fifth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=sixth.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=third.vue.map */
|
/*# sourceMappingURL=third.vue.map */
|
||||||
|
|
||||||
|
|
||||||
@ -27,6 +27,14 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.xml-text-h5[data-v-69788445] {
|
||||||
|
}
|
||||||
|
.xml-text-pc[data-v-69788445] {
|
||||||
|
}
|
||||||
|
.xml-text-h5[data-v-69788445] {
|
||||||
|
}
|
||||||
|
|
||||||
.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;
|
||||||
@ -98,14 +106,6 @@
|
|||||||
|
|
||||||
/*# sourceMappingURL=XmlText.vue.map */
|
/*# sourceMappingURL=XmlText.vue.map */
|
||||||
|
|
||||||
.xml-text-h5[data-v-62978240] {
|
|
||||||
}
|
|
||||||
.xml-text-pc[data-v-62978240] {
|
|
||||||
}
|
|
||||||
.xml-text-h5[data-v-62978240] {
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=XmlTextDialog.vue.map */
|
/*# sourceMappingURL=XmlTextDialog.vue.map */
|
||||||
|
|
||||||
@ -711,15 +711,15 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
.el-image__inner[data-v-2cbc6547] {
|
.el-image__inner[data-v-0ec43bef] {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
.xml-image-ping-pu-h5[data-v-2cbc6547] {
|
.xml-image-ping-pu-h5[data-v-0ec43bef] {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
.xml-image-hua-lang[data-v-2cbc6547] {
|
.xml-image-hua-lang[data-v-0ec43bef] {
|
||||||
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
@ -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-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}
|
.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-0ec43bef]{width:100%!important}.xml-image-ping-pu-h5[data-v-0ec43bef]{display:flex;flex-direction:column;align-items:center}.xml-image-hua-lang[data-v-0ec43bef]{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
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
import Vue from 'vue';
|
import Vue from 'vue';
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var playIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABxBJREFUeF7dW2tsFFUU/s5sCygo7W4JwfggkZAYNNYnqBB31iI2jYnERwyiRuILFcJuwZQEAgYfDbSzii8CYqDlYRQhUQNIS3cFkRbERxXTYMCCgGI7U0ssXbbbOWa2bu1ruzOzM8suN9lfe+53vvPdc2fu4wwhBc1ddjYPjnA+VM4XBMdogHPAyGFoP2onQgsxt6is/g1QI1RuRFZWY9Cb22g3PbLLgcevFLKqFjKRm4AbTPth3gjQtmHZqNox13XWNE6cjpYK4C5TJhOpj4BQCNA4i8kqALZAVVcH5o86ZBW2JQKIkjID4BkAiqwilgBntVVCJCWA6FeKAC4BY3KKAu/lhsGlWWGhtLrE2WrWvykBCt5Uru5ktQRMs806tqofAT8xqDTgc24yg2lYgHvKW0SV1FUAxptxaFsfxocRYdiivd7hfxjxYUgAj7/5cWaqMOIgxbYNTFgc9Lq26PWrWwBRkr9I4UNOL/8B7ZhoUdDrfE0PiC4BREmuAlCgBzBdbJjopaDX+W4iPgkFEP3yWjBmJQJKy/+ZnwwU5w06ZQcVwF3etJRIWJKWwekkRcC0Gp9rVzzzuAJ4pObpDNqq0086m9ULwtB7d88bcWYgkgMK4Fl+5lrOzv4SzNemc2T6uVFlwOd8QrcAbkneSsB0/Q7S35KI59Z4897uy7RfBrjLlZlEXJn+IRlkyDjtECJTqr2jj/Xs2UuAwpU8NBRp+Qbgmw3CZ4r5moDP9WxcATySUsLgNzIlGlM8mYoCxc7tsb7dGVBQqozsHML1AK42BZwhnYiwrsbreqqfAJ5yZTYTv5chcSRDs41JuD523NadAaJf3mv3vn786CxMGJOF+lMdONrUmUwQSfallwM+5woNJCqAWCZPg4CdSaIO2n1J0QjcPX5It82+o2FU1oVw5EzETrfxsA8EfK6J3QLYveTtG3yMVaiDUVnXjs0HQykXgRl3BItdtV0ZICkBgN12sfj8xVwMHxJ/2/Hd7x3YUBvCDyc77KLQD5dApTU+50IqXClfHorA9JlaIsbavF814/JEZtH/Nx5oj06LcIR12Sdp1BDwua4jtyTfR8COJMHids+/MhvSw5fphm/4MxKdFvuP2Z8NHecdTnJLTc8ThPd1MzRoaFSAGPy2H0KorA3h73bVoEcD5qp6K3kk5Q3WjrZtamYF0OicUDqj2bC7IWwLO2I8ogmwmcGP2uIBQDICxDjtPHwey3e1WU6RmUpI9Ct7wWzbxYYVAmiRf3wohFV7zlkqAhGVkSjJPwOYYClyDzCrBNAgZ1W0olG2bgVJhA9I9MunwLgiEwQoq2rD9p/PW0aVgC1aBmh5dYllqH2ArMyA13f8g2prH4jVmgAtAHIyQYAn1rXiZIt1U4BBn5MoKd8DnJ/uAqyvbcf6/e3W0iSqII9f2cbMD1iL/D9aslNAWxRX2BF811b4LfL4ZT8z5qWjANomSQu+/qQ9W2Zm9RVNgKeZsSadBIioXaO+oc7ilO8bpMNRQGJZ0y0QhG/TRYCDx7tG/fBpe0a9R5yhYVnOHOo6Cle0N4Etr8JxoxxYPXNkQn3PRxjag+6j1B2OVAd8rqn/HYjI+wDcmZClSYPPXsjFiKHxD0Rqf+sadW0rnKqmzf9g8ailUVYX6kisLczRwD85lPojMXTypMCCvLquDFjRPBEOqrVT/YEORbXgf/3LuoWNbv6EuoDXNUmz73ksXgtG9KTUrqatCW68KgtfHQlbuqkxyjeW/r0EsHsaGCVppz3DcVvQlxN983VnwDSp1RlGR50NJa52xmIG+9OAz/VQrGOvR7PH3zKHWV1pBjVj+pDwYMCb21350u/dJPpl258FF0osIhys8bpu7+m/f4GEX3mMmDdcKJJ2+mWB7g/Oc2r1jt1twNWJW5K3E7SS94unaYXVQV/ewr4RDSiA6FfuAngXGJdeFBIQ9nBr/T3BpWK/pWbc9alban6JQP2KijJQEAUseALFuT8OxH3QQkmxXF4LytAq0f+iJVW4u2Z+7p54A5ewVNYtNX9HoJsycOTBRDODXufGwbgnFEDrLEpySq5rrRSZGWXBYteCRJi6BNBAMunNQKB3anzOOYmC77UU1mMsSspygBOqqgfLLhsCXq3xuRbrxdedATFAUZK9AJYBGK7XSYrsDH8tYjgDukVY0TyRBVpGhKkpCm5wNya/FzItQIxNdAstCM/Yebc4WOTazQ4ErO67vDUyKIanQF/wKf62MQ713HOpFMKKwGNxJC1ADEgTIhvhh1RWC23aR7SCeBN3CpuC851fGxnlpNcBRp25pdZxAqmFAHuYo+V3Zi9fTwHYycD+LIGqquc5TxjlksjesgwYzJF7RZMbAtyCIFzDTGMBHgtgLAgtYGh3EtqviUCNKtTjADc6OtVfdi8YrRVv29r+BTKBrQtOiFe6AAAAAElFTkSuQmCC";
|
var playIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABxBJREFUeF7dW2tsFFUU/s5sCygo7W4JwfggkZAYNNYnqBB31iI2jYnERwyiRuILFcJuwZQEAgYfDbSzii8CYqDlYRQhUQNIS3cFkRbERxXTYMCCgGI7U0ssXbbbOWa2bu1ruzOzM8suN9lfe+53vvPdc2fu4wwhBc1ddjYPjnA+VM4XBMdogHPAyGFoP2onQgsxt6is/g1QI1RuRFZWY9Cb22g3PbLLgcevFLKqFjKRm4AbTPth3gjQtmHZqNox13XWNE6cjpYK4C5TJhOpj4BQCNA4i8kqALZAVVcH5o86ZBW2JQKIkjID4BkAiqwilgBntVVCJCWA6FeKAC4BY3KKAu/lhsGlWWGhtLrE2WrWvykBCt5Uru5ktQRMs806tqofAT8xqDTgc24yg2lYgHvKW0SV1FUAxptxaFsfxocRYdiivd7hfxjxYUgAj7/5cWaqMOIgxbYNTFgc9Lq26PWrWwBRkr9I4UNOL/8B7ZhoUdDrfE0PiC4BREmuAlCgBzBdbJjopaDX+W4iPgkFEP3yWjBmJQJKy/+ZnwwU5w06ZQcVwF3etJRIWJKWwekkRcC0Gp9rVzzzuAJ4pObpDNqq0086m9ULwtB7d88bcWYgkgMK4Fl+5lrOzv4SzNemc2T6uVFlwOd8QrcAbkneSsB0/Q7S35KI59Z4897uy7RfBrjLlZlEXJn+IRlkyDjtECJTqr2jj/Xs2UuAwpU8NBRp+Qbgmw3CZ4r5moDP9WxcATySUsLgNzIlGlM8mYoCxc7tsb7dGVBQqozsHML1AK42BZwhnYiwrsbreqqfAJ5yZTYTv5chcSRDs41JuD523NadAaJf3mv3vn786CxMGJOF+lMdONrUmUwQSfallwM+5woNJCqAWCZPg4CdSaIO2n1J0QjcPX5It82+o2FU1oVw5EzETrfxsA8EfK6J3QLYveTtG3yMVaiDUVnXjs0HQykXgRl3BItdtV0ZICkBgN12sfj8xVwMHxJ/2/Hd7x3YUBvCDyc77KLQD5dApTU+50IqXClfHorA9JlaIsbavF814/JEZtH/Nx5oj06LcIR12Sdp1BDwua4jtyTfR8COJMHids+/MhvSw5fphm/4MxKdFvuP2Z8NHecdTnJLTc8ThPd1MzRoaFSAGPy2H0KorA3h73bVoEcD5qp6K3kk5Q3WjrZtamYF0OicUDqj2bC7IWwLO2I8ogmwmcGP2uIBQDICxDjtPHwey3e1WU6RmUpI9Ct7wWzbxYYVAmiRf3wohFV7zlkqAhGVkSjJPwOYYClyDzCrBNAgZ1W0olG2bgVJhA9I9MunwLgiEwQoq2rD9p/PW0aVgC1aBmh5dYllqH2ArMyA13f8g2prH4jVmgAtAHIyQYAn1rXiZIt1U4BBn5MoKd8DnJ/uAqyvbcf6/e3W0iSqII9f2cbMD1iL/D9aslNAWxRX2BF811b4LfL4ZT8z5qWjANomSQu+/qQ9W2Zm9RVNgKeZsSadBIioXaO+oc7ilO8bpMNRQGJZ0y0QhG/TRYCDx7tG/fBpe0a9R5yhYVnOHOo6Cle0N4Etr8JxoxxYPXNkQn3PRxjag+6j1B2OVAd8rqn/HYjI+wDcmZClSYPPXsjFiKHxD0Rqf+sadW0rnKqmzf9g8ailUVYX6kisLczRwD85lPojMXTypMCCvLquDFjRPBEOqrVT/YEORbXgf/3LuoWNbv6EuoDXNUmz73ksXgtG9KTUrqatCW68KgtfHQlbuqkxyjeW/r0EsHsaGCVppz3DcVvQlxN983VnwDSp1RlGR50NJa52xmIG+9OAz/VQrGOvR7PH3zKHWV1pBjVj+pDwYMCb21350u/dJPpl258FF0osIhys8bpu7+m/f4GEX3mMmDdcKJJ2+mWB7g/Oc2r1jt1twNWJW5K3E7SS94unaYXVQV/ewr4RDSiA6FfuAngXGJdeFBIQ9nBr/T3BpWK/pWbc9alban6JQP2KijJQEAUseALFuT8OxH3QQkmxXF4LytAq0f+iJVW4u2Z+7p54A5ewVNYtNX9HoJsycOTBRDODXufGwbgnFEDrLEpySq5rrRSZGWXBYteCRJi6BNBAMunNQKB3anzOOYmC77UU1mMsSspygBOqqgfLLhsCXq3xuRbrxdedATFAUZK9AJYBGK7XSYrsDH8tYjgDukVY0TyRBVpGhKkpCm5wNya/FzItQIxNdAstCM/Yebc4WOTazQ4ErO67vDUyKIanQF/wKf62MQ713HOpFMKKwGNxJC1ADEgTIhvhh1RWC23aR7SCeBN3CpuC851fGxnlpNcBRp25pdZxAqmFAHuYo+V3Zi9fTwHYycD+LIGqquc5TxjlksjesgwYzJF7RZMbAtyCIFzDTGMBHgtgLAgtYGh3EtqviUCNKtTjADc6OtVfdi8YrRVv29r+BTKBrQtOiFe6AAAAAElFTkSuQmCC";
|
||||||
@ -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 != 'editor' && this.playStyle === 'yuan-wen') {
|
if (this.mode === 'preview' && 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 != "editor" && _vm.title.length >= 16 ? "preview" : "",
|
_vm.mode == "preview" && _vm.title.length >= 16 ? "preview" : "",
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
[
|
[
|
||||||
@ -577,7 +577,7 @@ var __vue_render__$2 = function () {
|
|||||||
{
|
{
|
||||||
staticClass: "scroll-text",
|
staticClass: "scroll-text",
|
||||||
style:
|
style:
|
||||||
_vm.mode != "editor" && _vm.title.length >= 16
|
_vm.mode == "preview" && _vm.title.length >= 16
|
||||||
? {
|
? {
|
||||||
animation:
|
animation:
|
||||||
"fadeNum " +
|
"fadeNum " +
|
||||||
@ -1248,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 != 'editor' && this.playStyle === 'yuan-wen') {
|
if (this.mode === 'preview' && this.playStyle === 'yuan-wen') {
|
||||||
this.$emit('resetTimeUpdate');
|
this.$emit('resetTimeUpdate');
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -1381,23 +1381,12 @@ var __vue_render__ = function () {
|
|||||||
{ class: ["xml-audio-player", _vm.mode] },
|
{ class: ["xml-audio-player", _vm.mode] },
|
||||||
[
|
[
|
||||||
_vm.styleMode == "A" || _vm.styleMode == "B" || _vm.styleMode == "C"
|
_vm.styleMode == "A" || _vm.styleMode == "B" || _vm.styleMode == "C"
|
||||||
? _c(
|
? _c("div", { staticClass: "play-mode-wrap" }, [
|
||||||
"div",
|
_c("img", {
|
||||||
{
|
staticClass: "play-control-image",
|
||||||
staticClass: "play-mode-wrap",
|
attrs: { src: _vm.playModeIconSrc },
|
||||||
on: {
|
}),
|
||||||
click: function ($event) {
|
])
|
||||||
return _vm.changeTime(0)
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
[
|
|
||||||
_c("img", {
|
|
||||||
staticClass: "play-control-image",
|
|
||||||
attrs: { src: _vm.playModeIconSrc },
|
|
||||||
}),
|
|
||||||
]
|
|
||||||
)
|
|
||||||
: _vm._e(),
|
: _vm._e(),
|
||||||
_vm._v(" "),
|
_vm._v(" "),
|
||||||
_vm.styleMode == "A" || _vm.styleMode == "B" || _vm.styleMode == "C"
|
_vm.styleMode == "A" || _vm.styleMode == "B" || _vm.styleMode == "C"
|
||||||
@ -1444,7 +1433,7 @@ var __vue_render__ = function () {
|
|||||||
{
|
{
|
||||||
class: [
|
class: [
|
||||||
"audio-player-title",
|
"audio-player-title",
|
||||||
_vm.mode != "editor" && _vm.title.length >= 16
|
_vm.mode == "preview" && _vm.title.length >= 16
|
||||||
? "preview"
|
? "preview"
|
||||||
: "",
|
: "",
|
||||||
],
|
],
|
||||||
@ -1455,7 +1444,7 @@ var __vue_render__ = function () {
|
|||||||
{
|
{
|
||||||
staticClass: "xml-audio-title scroll-text",
|
staticClass: "xml-audio-title scroll-text",
|
||||||
style:
|
style:
|
||||||
_vm.mode != "editor" && _vm.title.length >= 16
|
_vm.mode == "preview" && _vm.title.length >= 16
|
||||||
? {
|
? {
|
||||||
animation:
|
animation:
|
||||||
"fadeNum " +
|
"fadeNum " +
|
||||||
@ -1587,7 +1576,7 @@ var __vue_render__ = function () {
|
|||||||
{
|
{
|
||||||
class: [
|
class: [
|
||||||
"audio-player-title",
|
"audio-player-title",
|
||||||
_vm.mode != "editor" && _vm.title.length >= 16
|
_vm.mode == "preview" && _vm.title.length >= 16
|
||||||
? "preview"
|
? "preview"
|
||||||
: "",
|
: "",
|
||||||
],
|
],
|
||||||
@ -1598,7 +1587,7 @@ var __vue_render__ = function () {
|
|||||||
{
|
{
|
||||||
staticClass: "xml-audio-title scroll-text",
|
staticClass: "xml-audio-title scroll-text",
|
||||||
style:
|
style:
|
||||||
_vm.mode != "editor" && _vm.title.length >= 16
|
_vm.mode == "preview" && _vm.title.length >= 16
|
||||||
? {
|
? {
|
||||||
animation:
|
animation:
|
||||||
"fadeNum " +
|
"fadeNum " +
|
||||||
|
|||||||
@ -1,54 +1,33 @@
|
|||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=first.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=eleven.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=isosceles.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=quadrangle.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=ninth.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=second.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=seventh.vue.map */
|
/*# sourceMappingURL=seventh.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=eighth.vue.map */
|
/*# sourceMappingURL=first.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=thirteen.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=twelve.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=third.vue.map */
|
/*# sourceMappingURL=third.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=second.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=twelve.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=eleven.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=tenth.vue.map */
|
/*# sourceMappingURL=tenth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Yellowtheme1.vue.map */
|
/*# sourceMappingURL=thirteen.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greentheme3.vue.map */
|
/*# sourceMappingURL=eighth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=fifteen.vue.map */
|
/*# sourceMappingURL=isosceles.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=fourteen.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greentheme5.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=wave.vue.map */
|
/*# sourceMappingURL=wave.vue.map */
|
||||||
@ -57,76 +36,97 @@
|
|||||||
/*# sourceMappingURL=Greentheme2.vue.map */
|
/*# sourceMappingURL=Greentheme2.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Yellowtheme5.vue.map */
|
/*# sourceMappingURL=ninth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Yellowtheme3.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme2.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme3.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Yellowtheme4.vue.map */
|
/*# sourceMappingURL=Yellowtheme4.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Yellowtheme2.vue.map */
|
/*# sourceMappingURL=fifteen.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greentheme4.vue.map */
|
/*# sourceMappingURL=quadrangle.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=fourteen.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Greentheme3.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme6.vue.map */
|
/*# sourceMappingURL=Redtheme6.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme4.vue.map */
|
/*# sourceMappingURL=Yellowtheme2.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=SanQintheme3.vue.map */
|
/*# sourceMappingURL=Yellowtheme3.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=sixteen.vue.map */
|
/*# sourceMappingURL=Yellowtheme1.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme1.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Thirtyfive.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Thirtyseven2.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=SanQintheme1.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Thirtysix.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme5.vue.map */
|
/*# sourceMappingURL=Redtheme5.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Thirtyseven.vue.map */
|
/*# sourceMappingURL=Redtheme3.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Greentheme5.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Thirtysix.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=sixteen.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Greentheme4.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=SanQintheme2.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Redtheme4.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Yellowtheme5.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Redtheme2.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Redtheme1.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Thirtyseven3.vue.map */
|
/*# sourceMappingURL=Thirtyseven3.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=SanQintheme1.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Thirtyfive.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=SanQintheme3.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Thirtyseven.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Forty.vue.map */
|
/*# sourceMappingURL=Forty.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Thirtyeight.vue.map */
|
/*# sourceMappingURL=Thirtyeight.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=SanQintheme2.vue.map */
|
/*# sourceMappingURL=Thirtyseven2.vue.map */
|
||||||
|
|
||||||
.xml-text-h5[data-v-62978240] {
|
.xml-text-h5[data-v-69788445] {
|
||||||
}
|
}
|
||||||
.xml-text-pc[data-v-62978240] {
|
.xml-text-pc[data-v-69788445] {
|
||||||
}
|
}
|
||||||
.xml-text-h5[data-v-62978240] {
|
.xml-text-h5[data-v-69788445] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.xml-text-h5 .inline-audio-wrap,
|
.xml-text-h5 .inline-audio-wrap,
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,7 +1,10 @@
|
|||||||
|
|
||||||
.xml-question-container-h5[data-v-7cde6dac] {}
|
.xml-question-container-h5[data-v-56ad912d] {
|
||||||
.xml-question-container-pc[data-v-7cde6dac] {}
|
}
|
||||||
.xml-question-container-pad[data-v-7cde6dac] {}
|
.xml-question-container-pc[data-v-56ad912d] {
|
||||||
|
}
|
||||||
|
.xml-question-container-pad[data-v-56ad912d] {
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -9,186 +12,10 @@
|
|||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=QuestionItem.vue.map */
|
/*# sourceMappingURL=QuestionItem.vue.map */
|
||||||
.option-item + .option-item[data-v-669043fa] {
|
.content[data-v-c6cf9fb4] {
|
||||||
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 */
|
|
||||||
.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;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*# sourceMappingURL=checkbox.vue.map */
|
|
||||||
.option-item + .option-item[data-v-0bbbebe6] {
|
|
||||||
margin-top: 16px;
|
|
||||||
}
|
|
||||||
.option-item[data-v-0bbbebe6] {
|
|
||||||
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-0bbbebe6] {
|
|
||||||
padding: 8px 0;
|
|
||||||
}
|
|
||||||
.option-item.isActive[data-v-0bbbebe6] {
|
|
||||||
border-color: #2e9adb;
|
|
||||||
}
|
|
||||||
.option-item.isTrue[data-v-0bbbebe6] {
|
|
||||||
border: 1px solid #70b603;
|
|
||||||
}
|
|
||||||
.option-item.isTrue[data-v-0bbbebe6] .el-radio__input.is-checked .el-radio__inner {
|
|
||||||
border-color: #70b603;
|
|
||||||
background: #70b603;
|
|
||||||
}
|
|
||||||
.option-item.isFalse[data-v-0bbbebe6] {
|
|
||||||
border: 1px solid #d9001b;
|
|
||||||
}
|
|
||||||
.option-item.isFalse[data-v-0bbbebe6] .el-radio__input.is-checked .el-radio__inner {
|
|
||||||
border-color: #d9001b;
|
|
||||||
background: #d9001b;
|
|
||||||
}
|
|
||||||
.option-item[data-v-0bbbebe6]:hover {
|
|
||||||
background: #ddd;
|
|
||||||
}
|
|
||||||
.option-item[data-v-0bbbebe6] .content {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.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-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 */
|
|
||||||
.content[data-v-178d3ffd] {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.content .stem-content[data-v-178d3ffd] {
|
.content .stem-content[data-v-c6cf9fb4] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 5px 14px;
|
padding: 5px 14px;
|
||||||
@ -197,12 +24,12 @@
|
|||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.content .stem-content.no-border[data-v-178d3ffd] {
|
.content .stem-content.no-border[data-v-c6cf9fb4] {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
.content .stem-content .placeholder[data-v-178d3ffd] {
|
.content .stem-content .placeholder[data-v-c6cf9fb4] {
|
||||||
color: #c0c4cc;
|
color: #c0c4cc;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -210,10 +37,186 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=common.vue.map */
|
/*# sourceMappingURL=common.vue.map */
|
||||||
.content[data-v-0d12cfbf] {
|
.option-item + .option-item[data-v-8f71cb42] {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
.option-item[data-v-8f71cb42] {
|
||||||
|
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-8f71cb42] {
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
.option-item.isActive[data-v-8f71cb42] {
|
||||||
|
border-color: #2e9adb;
|
||||||
|
}
|
||||||
|
.option-item.isTrue[data-v-8f71cb42] {
|
||||||
|
border: 1px solid #70b603;
|
||||||
|
}
|
||||||
|
.option-item.isTrue[data-v-8f71cb42] .el-radio__input.is-checked .el-radio__inner {
|
||||||
|
border-color: #70b603;
|
||||||
|
background: #70b603;
|
||||||
|
}
|
||||||
|
.option-item.isFalse[data-v-8f71cb42] {
|
||||||
|
border: 1px solid #d9001b;
|
||||||
|
}
|
||||||
|
.option-item.isFalse[data-v-8f71cb42] .el-radio__input.is-checked .el-radio__inner {
|
||||||
|
border-color: #d9001b;
|
||||||
|
background: #d9001b;
|
||||||
|
}
|
||||||
|
.option-item[data-v-8f71cb42]:hover {
|
||||||
|
background: #ddd;
|
||||||
|
}
|
||||||
|
.option-item[data-v-8f71cb42] .content {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.option-item[data-v-8f71cb42] .stem-content.no-border {
|
||||||
|
padding: 8px 14px !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=radio.vue.map */
|
||||||
|
.option-item + .option-item[data-v-5461cc1c] {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
.option-item[data-v-5461cc1c] {
|
||||||
|
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-5461cc1c] {
|
||||||
|
border-color: #2e9adb;
|
||||||
|
}
|
||||||
|
.option-item .questionSeq[data-v-5461cc1c] {
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
.option-item.isTrue[data-v-5461cc1c] {
|
||||||
|
border: 1px solid #70b603;
|
||||||
|
}
|
||||||
|
.option-item.isTrue[data-v-5461cc1c] .el-checkbox__input.is-checked .el-checkbox__inner {
|
||||||
|
border-color: #70b603;
|
||||||
|
background: #70b603;
|
||||||
|
}
|
||||||
|
.option-item.isFalse[data-v-5461cc1c] {
|
||||||
|
border: 1px solid #d9001b;
|
||||||
|
}
|
||||||
|
.option-item.isFalse[data-v-5461cc1c] .el-checkbox__input.is-checked .el-checkbox__inner {
|
||||||
|
border-color: #d9001b;
|
||||||
|
background: #d9001b;
|
||||||
|
}
|
||||||
|
.option-item[data-v-5461cc1c]:hover {
|
||||||
|
background: #ddd;
|
||||||
|
}
|
||||||
|
.option-item[data-v-5461cc1c] .content {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.option-item[data-v-5461cc1c] .stem-content.no-border {
|
||||||
|
padding: 8px 14px !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=checkbox.vue.map */
|
||||||
|
.option-item + .option-item[data-v-6089cb1e] {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
.option-item[data-v-6089cb1e] {
|
||||||
|
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-6089cb1e] {
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
.option-item.isActive[data-v-6089cb1e] {
|
||||||
|
border-color: #2e9adb;
|
||||||
|
}
|
||||||
|
.option-item.isTrue[data-v-6089cb1e] {
|
||||||
|
border: 1px solid #70b603;
|
||||||
|
}
|
||||||
|
.option-item.isTrue[data-v-6089cb1e] .el-radio__input.is-checked .el-radio__inner {
|
||||||
|
border-color: #70b603;
|
||||||
|
background: #70b603;
|
||||||
|
}
|
||||||
|
.option-item.isFalse[data-v-6089cb1e] {
|
||||||
|
border: 1px solid #d9001b;
|
||||||
|
}
|
||||||
|
.option-item.isFalse[data-v-6089cb1e] .el-radio__input.is-checked .el-radio__inner {
|
||||||
|
border-color: #d9001b;
|
||||||
|
background: #d9001b;
|
||||||
|
}
|
||||||
|
.option-item[data-v-6089cb1e]:hover {
|
||||||
|
background: #ddd;
|
||||||
|
}
|
||||||
|
.option-item[data-v-6089cb1e] .content {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.option-item[data-v-6089cb1e] .stem-content.no-border {
|
||||||
|
padding: 8px 14px !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=radio.vue.map */
|
||||||
|
.option-item + .option-item[data-v-75c63557] {
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
.option-item[data-v-75c63557] {
|
||||||
|
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-75c63557] {
|
||||||
|
border-color: #2e9adb;
|
||||||
|
}
|
||||||
|
.option-item .questionSeq[data-v-75c63557] {
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
.option-item.isTrue[data-v-75c63557] {
|
||||||
|
border: 1px solid #70b603;
|
||||||
|
}
|
||||||
|
.option-item.isTrue[data-v-75c63557] .el-checkbox__input.is-checked .el-checkbox__inner {
|
||||||
|
border-color: #70b603;
|
||||||
|
background: #70b603;
|
||||||
|
}
|
||||||
|
.option-item.isFalse[data-v-75c63557] {
|
||||||
|
border: 1px solid #d9001b;
|
||||||
|
}
|
||||||
|
.option-item.isFalse[data-v-75c63557] .el-checkbox__input.is-checked .el-checkbox__inner {
|
||||||
|
border-color: #d9001b;
|
||||||
|
background: #d9001b;
|
||||||
|
}
|
||||||
|
.option-item[data-v-75c63557]:hover {
|
||||||
|
background: #ddd;
|
||||||
|
}
|
||||||
|
.option-item[data-v-75c63557] .content {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.option-item[data-v-75c63557] .stem-content.no-border {
|
||||||
|
padding: 8px 14px !important;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=checkbox.vue.map */
|
||||||
|
.content[data-v-a1571b3e] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.content .stem-content[data-v-0d12cfbf] {
|
.content .stem-content[data-v-a1571b3e] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 5px 14px;
|
padding: 5px 14px;
|
||||||
@ -222,12 +225,12 @@
|
|||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.content .stem-content.no-border[data-v-0d12cfbf] {
|
.content .stem-content.no-border[data-v-a1571b3e] {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
.content .stem-content .placeholder[data-v-0d12cfbf] {
|
.content .stem-content .placeholder[data-v-a1571b3e] {
|
||||||
color: #c0c4cc;
|
color: #c0c4cc;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@ -235,171 +238,289 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=common.vue.map */
|
/*# sourceMappingURL=common.vue.map */
|
||||||
.line-content[data-v-115d2322] {
|
.line-content[data-v-55d0cf86] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.line-content .line-content--item[data-v-115d2322] {
|
.line-content .line-content--item[data-v-55d0cf86] {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.line-content .line-content--item[data-v-115d2322] .stem-content {
|
.line-content .line-content--item[data-v-55d0cf86] .stem-content {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.line-content + .line-content[data-v-115d2322] {
|
.line-content + .line-content[data-v-55d0cf86] {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
.create-option[data-v-115d2322] {
|
.create-option[data-v-55d0cf86] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
border-style: dashed !important;
|
border-style: dashed !important;
|
||||||
}
|
}
|
||||||
.option-item[data-v-115d2322] {
|
.option-item[data-v-55d0cf86] {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.option-item + .option-item[data-v-115d2322] {
|
.option-item + .option-item[data-v-55d0cf86] {
|
||||||
margin-left: 100px;
|
margin-left: 100px;
|
||||||
}
|
}
|
||||||
.option-item.isMobile + .option-item.isMobile[data-v-115d2322] {
|
.option-item.isMobile + .option-item.isMobile[data-v-55d0cf86] {
|
||||||
margin-left: 50px;
|
margin-left: 50px;
|
||||||
}
|
}
|
||||||
.option-item[data-v-115d2322] {
|
.option-item[data-v-55d0cf86] {
|
||||||
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-115d2322] {
|
.option-item .questionSeq[data-v-55d0cf86] {
|
||||||
padding: 8px 0;
|
padding: 8px 0;
|
||||||
}
|
}
|
||||||
.option-item[data-v-115d2322] .stem-content.no-border {
|
.option-item[data-v-55d0cf86] .stem-content.no-border {
|
||||||
padding: 8px 14px !important;
|
padding: 8px 14px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=view-line-answer.vue.map */
|
/*# sourceMappingURL=view-line-answer.vue.map */
|
||||||
.line-content[data-v-4508580a] {
|
.line-content[data-v-fe769324] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.line-content .line-content--item[data-v-4508580a] {
|
.line-content .line-content--item[data-v-fe769324] {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
.line-content .line-content--item[data-v-4508580a] .stem-content {
|
.line-content .line-content--item[data-v-fe769324] .stem-content {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.line-content + .line-content[data-v-4508580a] {
|
.line-content + .line-content[data-v-fe769324] {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
.create-option[data-v-4508580a] {
|
.create-option[data-v-fe769324] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
border-style: dashed !important;
|
border-style: dashed !important;
|
||||||
}
|
}
|
||||||
.option-item[data-v-4508580a] {
|
.option-item[data-v-fe769324] {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.option-item + .option-item[data-v-4508580a] {
|
.option-item + .option-item[data-v-fe769324] {
|
||||||
margin-left: 100px;
|
margin-left: 100px;
|
||||||
}
|
}
|
||||||
.option-item.isMobile + .option-item.isMobile[data-v-4508580a] {
|
.option-item.isMobile + .option-item.isMobile[data-v-fe769324] {
|
||||||
margin-left: 50px;
|
margin-left: 50px;
|
||||||
}
|
}
|
||||||
.option-item[data-v-4508580a] {
|
.option-item[data-v-fe769324] {
|
||||||
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-4508580a] {
|
.option-item .questionSeq[data-v-fe769324] {
|
||||||
padding: 8px 0;
|
padding: 8px 0;
|
||||||
}
|
}
|
||||||
.option-item[data-v-4508580a] .stem-content.no-border {
|
.option-item[data-v-fe769324] .stem-content.no-border {
|
||||||
padding: 8px 14px !important;
|
padding: 8px 14px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=view-line.vue.map */
|
/*# sourceMappingURL=view-line.vue.map */
|
||||||
.image-file[data-v-1786cccf] {
|
.image-file[data-v-1c460556] {
|
||||||
width: 218px;
|
width: 218px;
|
||||||
object-fit: scale-down;
|
object-fit: scale-down;
|
||||||
}
|
}
|
||||||
.video-file[data-v-1786cccf] {
|
.video-file[data-v-1c460556] {
|
||||||
width: 408px;
|
width: 408px;
|
||||||
}
|
}
|
||||||
.file-render[data-v-1786cccf] {
|
.file-render[data-v-1c460556] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.file-info[data-v-1786cccf] {
|
.file-info[data-v-1c460556] {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.file-info.videoHandler[data-v-1786cccf] {
|
.file-info.videoHandler[data-v-1c460556] {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.file-info.videoHandler .fileName[data-v-1786cccf] {
|
.file-info.videoHandler .fileName[data-v-1c460556] {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-bottom: 19px;
|
margin-bottom: 19px;
|
||||||
}
|
}
|
||||||
.file-info.videoHandler .fileInfo[data-v-1786cccf] {
|
.file-info.videoHandler .fileInfo[data-v-1c460556] {
|
||||||
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-3e962af2] {
|
.image-file[data-v-6e5a4c33] {
|
||||||
width: 218px;
|
width: 218px;
|
||||||
object-fit: scale-down;
|
object-fit: scale-down;
|
||||||
}
|
}
|
||||||
.video-file[data-v-3e962af2] {
|
.video-file[data-v-6e5a4c33] {
|
||||||
width: 408px;
|
width: 408px;
|
||||||
}
|
}
|
||||||
.file-render[data-v-3e962af2] {
|
.file-render[data-v-6e5a4c33] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.file-info[data-v-3e962af2] {
|
.file-info[data-v-6e5a4c33] {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.file-info.videoHandler[data-v-3e962af2] {
|
.file-info.videoHandler[data-v-6e5a4c33] {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.file-info.videoHandler .fileName[data-v-3e962af2] {
|
.file-info.videoHandler .fileName[data-v-6e5a4c33] {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #333333;
|
color: #333333;
|
||||||
margin-bottom: 19px;
|
margin-bottom: 19px;
|
||||||
}
|
}
|
||||||
.file-info.videoHandler .fileInfo[data-v-3e962af2] {
|
.file-info.videoHandler .fileInfo[data-v-6e5a4c33] {
|
||||||
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-726cb75e] .el-dialog__header {
|
.audio .audio-icon[data-v-526ec536] {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
.audio .audio-icon img[data-v-526ec536] {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.audio .audio-controls[data-v-526ec536] {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 200px;
|
||||||
|
flex: 1;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--progress[data-v-526ec536], .audio .audio-controls .audio-controls--handler[data-v-526ec536] {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--handler[data-v-526ec536] {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--handler .play[data-v-526ec536] {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-526ec536] {
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--handler .current-time[data-v-526ec536], .audio .audio-controls .audio-controls--handler .total-time[data-v-526ec536] {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.play-handler.mobile[data-v-526ec536] {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
.audio-component[data-v-526ec536] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
[data-v-526ec536] .el-slider__runway {
|
||||||
|
margin: 0 0 4px 0;
|
||||||
|
background: #e3e3e3;
|
||||||
|
height: 4px;
|
||||||
|
}
|
||||||
|
[data-v-526ec536] .el-slider__bar {
|
||||||
|
height: 4px;
|
||||||
|
}
|
||||||
|
[data-v-526ec536] .el-slider__button {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
[data-v-526ec536] .el-slider__button-wrapper {
|
||||||
|
top: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=audio-play-new.vue.map */
|
||||||
|
.audio .audio-icon[data-v-512f1059] {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
.audio .audio-icon img[data-v-512f1059] {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.audio .audio-controls[data-v-512f1059] {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 200px;
|
||||||
|
flex: 1;
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--progress[data-v-512f1059], .audio .audio-controls .audio-controls--handler[data-v-512f1059] {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--handler[data-v-512f1059] {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--handler .play[data-v-512f1059] {
|
||||||
|
font-size: 24px;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--handler .play .play-handler[data-v-512f1059] {
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.audio .audio-controls .audio-controls--handler .current-time[data-v-512f1059], .audio .audio-controls .audio-controls--handler .total-time[data-v-512f1059] {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
.play-handler.mobile[data-v-512f1059] {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
}
|
||||||
|
.audio-component[data-v-512f1059] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
[data-v-512f1059] .el-slider__runway {
|
||||||
|
margin: 0 0 4px 0;
|
||||||
|
background: #e3e3e3;
|
||||||
|
height: 4px;
|
||||||
|
}
|
||||||
|
[data-v-512f1059] .el-slider__bar {
|
||||||
|
height: 4px;
|
||||||
|
}
|
||||||
|
[data-v-512f1059] .el-slider__button {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
[data-v-512f1059] .el-slider__button-wrapper {
|
||||||
|
top: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=audio-play-new.vue.map */
|
||||||
|
[data-v-55238730] .el-dialog__header {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
.video-content[data-v-726cb75e] {
|
.video-content[data-v-55238730] {
|
||||||
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-726cb75e] {
|
.video-content .play[data-v-55238730] {
|
||||||
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-726cb75e] {
|
.video-mask[data-v-55238730] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -407,36 +528,36 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
.video-mask img[data-v-726cb75e] {
|
.video-mask img[data-v-55238730] {
|
||||||
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-726cb75e] {
|
.video-player[data-v-55238730] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=video-play.vue.map */
|
/*# sourceMappingURL=video-play.vue.map */
|
||||||
[data-v-8495abd8] .el-dialog__header {
|
[data-v-99c9f326] .el-dialog__header {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
.video-content[data-v-8495abd8] {
|
.video-content[data-v-99c9f326] {
|
||||||
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-8495abd8] {
|
.video-content .play[data-v-99c9f326] {
|
||||||
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-8495abd8] {
|
.video-mask[data-v-99c9f326] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
@ -444,133 +565,15 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
background: rgba(0, 0, 0, 0.5);
|
background: rgba(0, 0, 0, 0.5);
|
||||||
}
|
}
|
||||||
.video-mask img[data-v-8495abd8] {
|
.video-mask img[data-v-99c9f326] {
|
||||||
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-8495abd8] {
|
.video-player[data-v-99c9f326] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=video-play.vue.map */
|
/*# sourceMappingURL=video-play.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 */
|
|
||||||
.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 */
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,687 +1,9 @@
|
|||||||
|
|
||||||
.read-the-docs[data-v-3dc783b6] {
|
.read-the-docs[data-v-2159313a] {
|
||||||
color: #888;
|
color: #888;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xml-text-h5 .inline-audio-wrap,
|
|
||||||
.xml-text-h5 .inline-link-wrap {
|
.read-the-docs[data-v-38e7cca0] {
|
||||||
align-items: center;
|
color: #888;
|
||||||
}
|
}
|
||||||
.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 */
|
|
||||||
|
|
||||||
.xml-text-h5[data-v-62978240] {
|
|
||||||
}
|
|
||||||
.xml-text-pc[data-v-62978240] {
|
|
||||||
}
|
|
||||||
.xml-text-h5[data-v-62978240] {
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=XmlTextDialog.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1 +1 @@
|
|||||||
.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}
|
.read-the-docs[data-v-2159313a]{color:#888}.read-the-docs[data-v-38e7cca0]{color:#888}
|
||||||
@ -1,5 +1,5 @@
|
|||||||
.preview-item-file[data-v-eff5e992]:hover,
|
.preview-item-file[data-v-274f0021]:hover,
|
||||||
.slip-over-cover[data-v-eff5e992]:hover {
|
.slip-over-cover[data-v-274f0021]:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 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==";
|
||||||
@ -63,10 +63,6 @@ var script = {
|
|||||||
// 是否阅读器
|
// 是否阅读器
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
|
||||||
bookReaderPath: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
@ -149,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 != 'editor') {
|
if (this.mode == 'preview') {
|
||||||
this.$emit('downloadFileUrl', {
|
this.$emit('downloadFileUrl', {
|
||||||
item,
|
item,
|
||||||
fileName,
|
fileName,
|
||||||
@ -192,38 +188,22 @@ var script = {
|
|||||||
window.open(item.link);
|
window.open(item.link);
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
let baseUrl = item.uploadFileUrl;
|
let url = item.uploadFileUrl;
|
||||||
let baseFileUrl = '';
|
if (item.uploadFileUrl.indexOf('./') !== -1) {
|
||||||
if (baseUrl.indexOf('http') === -1) {
|
url = this.resourceBasisPath + item.uploadFileUrl.split('./')[1];
|
||||||
baseUrl = this.resourceBasisPath + baseUrl.split('./')[1];
|
|
||||||
}
|
}
|
||||||
if (this.isReader) {
|
if (this.isReader) {
|
||||||
this.$emit('showFileReader', {
|
this.$emit('showFileReader', {
|
||||||
fileFormat: item.fileFormat,
|
fileFormat: item.fileFormat,
|
||||||
fileUrl: baseUrl,
|
fileUrl: url,
|
||||||
title: item.title
|
title: item.title
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
if (baseUrl.indexOf('.pdf') > 0) {
|
if (item.uploadFileUrl.indexOf('http') === -1) {
|
||||||
baseFileUrl = this.bookReaderPath + `/static/pdfjs/web/viewer.html?file=${baseUrl}`;
|
window.open((this.officePreviewPath ? this.officePreviewPath : process.env.VUE_APP_OFFICES_READ) + this.resourceBasisPath + item.uploadFileUrl.split('./')[1]);
|
||||||
} else if (baseUrl.indexOf('.epub') > 0) {
|
|
||||||
baseFileUrl = this.bookReaderPath + '/static/epubjs/index.html#/epub-read?flow=scrolled&bookPath=' + baseUrl;
|
|
||||||
} else {
|
} else {
|
||||||
baseFileUrl = (this.officePreviewPath ? this.officePreviewPath : process.env.VUE_APP_OFFICES_READ) + baseUrl;
|
window.open((this.officePreviewPath ? this.officePreviewPath : process.env.VUE_APP_OFFICES_READ) + item.uploadFileUrl);
|
||||||
}
|
}
|
||||||
window.open(baseFileUrl);
|
|
||||||
// if (item.uploadFileUrl.indexOf('http') === -1) {
|
|
||||||
// window.open(
|
|
||||||
// (this.officePreviewPath ? this.officePreviewPath : process.env.VUE_APP_OFFICES_READ) +
|
|
||||||
// this.resourceBasisPath +
|
|
||||||
// item.uploadFileUrl.split('./')[1]
|
|
||||||
// )
|
|
||||||
// } else {
|
|
||||||
// window.open(
|
|
||||||
// (this.officePreviewPath ? this.officePreviewPath : process.env.VUE_APP_OFFICES_READ) +
|
|
||||||
// item.uploadFileUrl
|
|
||||||
// )
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -1437,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-eff5e992";
|
const __vue_scope_id__ = "data-v-274f0021";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
.preview-item-file[data-v-eff5e992]:hover,.slip-over-cover[data-v-eff5e992]:hover{cursor:pointer}
|
.preview-item-file[data-v-274f0021]:hover,.slip-over-cover[data-v-274f0021]:hover{cursor:pointer}
|
||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.xml-single-ebook-group-h5[data-v-34f72946] {
|
.xml-single-ebook-group-h5[data-v-99cac87e] {
|
||||||
}
|
}
|
||||||
.xml-single-ebook-group-pc[data-v-34f72946] {
|
.xml-single-ebook-group-pc[data-v-99cac87e] {
|
||||||
}
|
}
|
||||||
.xml-single-ebook-group-pad[data-v-34f72946] {
|
.xml-single-ebook-group-pad[data-v-99cac87e] {
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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');
|
||||||
@ -307,7 +306,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-34f72946";
|
const __vue_scope_id__ = "data-v-99cac87e";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.xml-single-ebook-group-h5[data-v-662ea276] {
|
.xml-single-ebook-group-h5[data-v-376d31da] {
|
||||||
}
|
}
|
||||||
.xml-single-ebook-group-pc[data-v-662ea276] {
|
.xml-single-ebook-group-pc[data-v-376d31da] {
|
||||||
}
|
}
|
||||||
.xml-single-ebook-group-pad[data-v-662ea276] {
|
.xml-single-ebook-group-pad[data-v-376d31da] {
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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');
|
||||||
@ -331,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-662ea276";
|
const __vue_scope_id__ = "data-v-376d31da";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.xml-single-ebook-group-h5[data-v-f8e4bff6] {
|
.xml-single-ebook-group-h5[data-v-78c78d2e] {
|
||||||
}
|
}
|
||||||
.xml-single-ebook-group-pc[data-v-f8e4bff6] {
|
.xml-single-ebook-group-pc[data-v-78c78d2e] {
|
||||||
}
|
}
|
||||||
.xml-single-ebook-group-pad[data-v-f8e4bff6] {
|
.xml-single-ebook-group-pad[data-v-78c78d2e] {
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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 +329,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-f8e4bff6";
|
const __vue_scope_id__ = "data-v-78c78d2e";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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');
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.xml-single-music-group-h5[data-v-46631b30] {
|
.xml-single-music-group-h5[data-v-8c1ab368] {
|
||||||
}
|
}
|
||||||
.xml-single-music-group-pc[data-v-46631b30] {
|
.xml-single-music-group-pc[data-v-8c1ab368] {
|
||||||
}
|
}
|
||||||
.xml-single-music-group-pad[data-v-46631b30] {
|
.xml-single-music-group-pad[data-v-8c1ab368] {
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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');
|
||||||
@ -314,7 +313,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-46631b30";
|
const __vue_scope_id__ = "data-v-8c1ab368";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.xml-single-question-group-h5[data-v-5f63859c] {
|
.xml-single-question-group-h5[data-v-7a8321b8] {
|
||||||
}
|
}
|
||||||
.xml-single-question-group-pc[data-v-5f63859c] {
|
.xml-single-question-group-pc[data-v-7a8321b8] {
|
||||||
}
|
}
|
||||||
.xml-single-question-group-pad[data-v-5f63859c] {
|
.xml-single-question-group-pad[data-v-7a8321b8] {
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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');
|
||||||
@ -346,7 +345,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-5f63859c";
|
const __vue_scope_id__ = "data-v-7a8321b8";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.xml-single-question-group-h5[data-v-18c66dfc] {
|
.xml-single-question-group-h5[data-v-3ec41660] {
|
||||||
}
|
}
|
||||||
.xml-single-question-group-pc[data-v-18c66dfc] {
|
.xml-single-question-group-pc[data-v-3ec41660] {
|
||||||
}
|
}
|
||||||
.xml-single-question-group-pad[data-v-18c66dfc] {
|
.xml-single-question-group-pad[data-v-3ec41660] {
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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');
|
||||||
@ -338,7 +337,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-18c66dfc";
|
const __vue_scope_id__ = "data-v-3ec41660";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.xml-single-question-group-h5[data-v-18c66dfc] {
|
.xml-single-question-group-h5[data-v-3ec41660] {
|
||||||
}
|
}
|
||||||
.xml-single-question-group-pc[data-v-18c66dfc] {
|
.xml-single-question-group-pc[data-v-3ec41660] {
|
||||||
}
|
}
|
||||||
.xml-single-question-group-pad[data-v-18c66dfc] {
|
.xml-single-question-group-pad[data-v-3ec41660] {
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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');
|
||||||
@ -338,7 +337,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-18c66dfc";
|
const __vue_scope_id__ = "data-v-3ec41660";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.xml-single-text-group-h5[data-v-f04b1f34] {
|
.xml-single-text-group-h5[data-v-62ef7824] {
|
||||||
}
|
}
|
||||||
.xml-single-text-group-pc[data-v-f04b1f34] {
|
.xml-single-text-group-pc[data-v-62ef7824] {
|
||||||
}
|
}
|
||||||
.xml-single-text-group-pad[data-v-f04b1f34] {
|
.xml-single-text-group-pad[data-v-62ef7824] {
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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');
|
||||||
@ -183,9 +182,6 @@ var script = {
|
|||||||
dataName,
|
dataName,
|
||||||
data
|
data
|
||||||
});
|
});
|
||||||
},
|
|
||||||
getClassName() {
|
|
||||||
return this.groupData.textData.className || '';
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
@ -277,7 +273,6 @@ 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 },
|
||||||
},
|
},
|
||||||
@ -366,7 +361,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-f04b1f34";
|
const __vue_scope_id__ = "data-v-62ef7824";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,7 +1,7 @@
|
|||||||
|
|
||||||
.xml-single-video-group-h5[data-v-a0261188] {
|
.xml-single-video-group-h5[data-v-4a005fa0] {
|
||||||
}
|
}
|
||||||
.xml-single-video-group-pc[data-v-a0261188] {
|
.xml-single-video-group-pc[data-v-4a005fa0] {
|
||||||
}
|
}
|
||||||
.xml-single-video-group-pad[data-v-a0261188] {
|
.xml-single-video-group-pad[data-v-4a005fa0] {
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 GMT+0800 (中国标准时间) smile
|
||||||
* Released under the ISC License.
|
* Released under the ISC License.
|
||||||
*/
|
*/
|
||||||
var singleGroupMixin = {
|
var singleGroupMixin = {
|
||||||
@ -70,7 +70,6 @@ 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');
|
||||||
@ -326,7 +325,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-a0261188";
|
const __vue_scope_id__ = "data-v-4a005fa0";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,51 +1,24 @@
|
|||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=first.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=second.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=third.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=tenth.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=ninth.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greytheme4.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=fourth.vue.map */
|
/*# sourceMappingURL=fourth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=eighth.vue.map */
|
/*# sourceMappingURL=second.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=sixth.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=seventh.vue.map */
|
/*# sourceMappingURL=seventh.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greytheme1.vue.map */
|
/*# sourceMappingURL=first.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greytheme3.vue.map */
|
/*# sourceMappingURL=eighth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greytheme2.vue.map */
|
/*# sourceMappingURL=ninth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Yellowtheme1.vue.map */
|
/*# sourceMappingURL=tenth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greytheme5.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme4.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greytheme6.vue.map */
|
/*# sourceMappingURL=Greytheme6.vue.map */
|
||||||
@ -54,55 +27,82 @@
|
|||||||
/*# sourceMappingURL=eleventh.vue.map */
|
/*# sourceMappingURL=eleventh.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Yellowtheme2.vue.map */
|
/*# sourceMappingURL=Greytheme1.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme1.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Yellowtheme3.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greentheme2.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme3.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greentheme4.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Yellowtheme4.vue.map */
|
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Redtheme2.vue.map */
|
/*# sourceMappingURL=Redtheme2.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Bluetheme2.vue.map */
|
/*# sourceMappingURL=sixth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=fifth.vue.map */
|
/*# sourceMappingURL=Greytheme3.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=third.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Yellowtheme2.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Greytheme5.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Redtheme1.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Greytheme2.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Greentheme2.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greentheme1.vue.map */
|
/*# sourceMappingURL=Greentheme1.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Greentheme3.vue.map */
|
/*# sourceMappingURL=Yellowtheme4.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Bluetheme1.vue.map */
|
/*# sourceMappingURL=fifth.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Bluetheme2.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Yellowtheme3.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Redtheme3.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Bluetheme4.vue.map */
|
/*# sourceMappingURL=Bluetheme4.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Bluetheme1.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Redtheme4.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Greentheme3.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Greentheme4.vue.map */
|
||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=Bluetheme3.vue.map */
|
/*# sourceMappingURL=Bluetheme3.vue.map */
|
||||||
|
|
||||||
.xml-text-h5[data-v-62978240] {
|
|
||||||
|
/*# sourceMappingURL=Greytheme4.vue.map */
|
||||||
|
|
||||||
|
|
||||||
|
/*# sourceMappingURL=Yellowtheme1.vue.map */
|
||||||
|
|
||||||
|
.xml-text-h5[data-v-69788445] {
|
||||||
}
|
}
|
||||||
.xml-text-pc[data-v-62978240] {
|
.xml-text-pc[data-v-69788445] {
|
||||||
}
|
}
|
||||||
.xml-text-h5[data-v-62978240] {
|
.xml-text-h5[data-v-69788445] {
|
||||||
}
|
}
|
||||||
|
|
||||||
.xml-text-h5 .inline-audio-wrap,
|
.xml-text-h5 .inline-audio-wrap,
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -1,6 +1,6 @@
|
|||||||
/*
|
/*
|
||||||
* XmlDigitalTeaching v0.0.1
|
* XmlDigitalTeaching v0.0.1
|
||||||
* Copyright ©Mon Sep 08 2025 15:48:04 GMT+0800 (中国标准时间) smile
|
* Copyright ©Wed May 21 2025 14:29:30 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-d8637fba";
|
const __vue_scope_id__ = "data-v-b66d68f2";
|
||||||
/* module identifier */
|
/* module identifier */
|
||||||
const __vue_module_identifier__ = undefined;
|
const __vue_module_identifier__ = undefined;
|
||||||
/* functional template */
|
/* functional template */
|
||||||
|
|||||||
@ -1,14 +1,6 @@
|
|||||||
|
|
||||||
|
|
||||||
/*# sourceMappingURL=XmlTextDialog.vue.map */
|
/*# sourceMappingURL=XmlTextDialog.vue.map */
|
||||||
|
|
||||||
.xml-text-h5[data-v-62978240] {
|
|
||||||
}
|
|
||||||
.xml-text-pc[data-v-62978240] {
|
|
||||||
}
|
|
||||||
.xml-text-h5[data-v-62978240] {
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
||||||
@ -80,6 +72,14 @@
|
|||||||
|
|
||||||
/*# sourceMappingURL=XmlText.vue.map */
|
/*# sourceMappingURL=XmlText.vue.map */
|
||||||
|
|
||||||
|
.xml-text-h5[data-v-69788445] {
|
||||||
|
}
|
||||||
|
.xml-text-pc[data-v-69788445] {
|
||||||
|
}
|
||||||
|
.xml-text-h5[data-v-69788445] {
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user