askbot-dragon 1.6.76-beta → 1.6.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +27 -27
- package/babel.config.js +6 -6
- package/dragon.iml +7 -7
- package/package.json +58 -55
- package/public/index.html +75 -72
- package/public/pdfjs/cmaps/78-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/78-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/78-H.bcmap +0 -0
- package/public/pdfjs/cmaps/78-RKSJ-H.bcmap +0 -0
- package/public/pdfjs/cmaps/78-RKSJ-V.bcmap +0 -0
- package/public/pdfjs/cmaps/78-V.bcmap +0 -0
- package/public/pdfjs/cmaps/78ms-RKSJ-H.bcmap +0 -0
- package/public/pdfjs/cmaps/78ms-RKSJ-V.bcmap +0 -0
- package/public/pdfjs/cmaps/83pv-RKSJ-H.bcmap +0 -0
- package/public/pdfjs/cmaps/90ms-RKSJ-H.bcmap +0 -0
- package/public/pdfjs/cmaps/90ms-RKSJ-V.bcmap +0 -0
- package/public/pdfjs/cmaps/90msp-RKSJ-H.bcmap +0 -0
- package/public/pdfjs/cmaps/90msp-RKSJ-V.bcmap +0 -0
- package/public/pdfjs/cmaps/90pv-RKSJ-H.bcmap +0 -0
- package/public/pdfjs/cmaps/90pv-RKSJ-V.bcmap +0 -0
- package/public/pdfjs/cmaps/Add-H.bcmap +0 -0
- package/public/pdfjs/cmaps/Add-RKSJ-H.bcmap +0 -0
- package/public/pdfjs/cmaps/Add-RKSJ-V.bcmap +0 -0
- package/public/pdfjs/cmaps/Add-V.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-CNS1-0.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-CNS1-1.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-CNS1-2.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-CNS1-3.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-CNS1-4.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-CNS1-5.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-CNS1-6.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-CNS1-UCS2.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-GB1-0.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-GB1-1.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-GB1-2.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-GB1-3.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-GB1-4.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-GB1-5.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-GB1-UCS2.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Japan1-0.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Japan1-1.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Japan1-2.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Japan1-3.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Japan1-4.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Japan1-5.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Japan1-6.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Japan1-UCS2.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Korea1-0.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Korea1-1.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Korea1-2.bcmap +0 -0
- package/public/pdfjs/cmaps/Adobe-Korea1-UCS2.bcmap +0 -0
- package/public/pdfjs/cmaps/B5-H.bcmap +0 -0
- package/public/pdfjs/cmaps/B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/B5pc-H.bcmap +0 -0
- package/public/pdfjs/cmaps/B5pc-V.bcmap +0 -0
- package/public/pdfjs/cmaps/CNS-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/CNS-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/CNS1-H.bcmap +0 -0
- package/public/pdfjs/cmaps/CNS1-V.bcmap +0 -0
- package/public/pdfjs/cmaps/CNS2-H.bcmap +0 -0
- package/public/pdfjs/cmaps/CNS2-V.bcmap +3 -0
- package/public/pdfjs/cmaps/ETHK-B5-H.bcmap +0 -0
- package/public/pdfjs/cmaps/ETHK-B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/ETen-B5-H.bcmap +0 -0
- package/public/pdfjs/cmaps/ETen-B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/ETenms-B5-H.bcmap +3 -0
- package/public/pdfjs/cmaps/ETenms-B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/Ext-H.bcmap +0 -0
- package/public/pdfjs/cmaps/Ext-RKSJ-H.bcmap +0 -0
- package/public/pdfjs/cmaps/Ext-RKSJ-V.bcmap +0 -0
- package/public/pdfjs/cmaps/Ext-V.bcmap +0 -0
- package/public/pdfjs/cmaps/GB-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/GB-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/GB-H.bcmap +4 -0
- package/public/pdfjs/cmaps/GB-V.bcmap +0 -0
- package/public/pdfjs/cmaps/GBK-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/GBK-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/GBK2K-H.bcmap +0 -0
- package/public/pdfjs/cmaps/GBK2K-V.bcmap +0 -0
- package/public/pdfjs/cmaps/GBKp-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/GBKp-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/GBT-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/GBT-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/GBT-H.bcmap +0 -0
- package/public/pdfjs/cmaps/GBT-V.bcmap +0 -0
- package/public/pdfjs/cmaps/GBTpc-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/GBTpc-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/GBpc-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/GBpc-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/H.bcmap +0 -0
- package/public/pdfjs/cmaps/HKdla-B5-H.bcmap +0 -0
- package/public/pdfjs/cmaps/HKdla-B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/HKdlb-B5-H.bcmap +0 -0
- package/public/pdfjs/cmaps/HKdlb-B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/HKgccs-B5-H.bcmap +0 -0
- package/public/pdfjs/cmaps/HKgccs-B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/HKm314-B5-H.bcmap +0 -0
- package/public/pdfjs/cmaps/HKm314-B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/HKm471-B5-H.bcmap +0 -0
- package/public/pdfjs/cmaps/HKm471-B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/HKscs-B5-H.bcmap +0 -0
- package/public/pdfjs/cmaps/HKscs-B5-V.bcmap +0 -0
- package/public/pdfjs/cmaps/Hankaku.bcmap +0 -0
- package/public/pdfjs/cmaps/Hiragana.bcmap +0 -0
- package/public/pdfjs/cmaps/KSC-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/KSC-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/KSC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/KSC-Johab-H.bcmap +0 -0
- package/public/pdfjs/cmaps/KSC-Johab-V.bcmap +0 -0
- package/public/pdfjs/cmaps/KSC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/KSCms-UHC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/KSCms-UHC-HW-H.bcmap +0 -0
- package/public/pdfjs/cmaps/KSCms-UHC-HW-V.bcmap +0 -0
- package/public/pdfjs/cmaps/KSCms-UHC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/KSCpc-EUC-H.bcmap +0 -0
- package/public/pdfjs/cmaps/KSCpc-EUC-V.bcmap +0 -0
- package/public/pdfjs/cmaps/Katakana.bcmap +0 -0
- package/public/pdfjs/cmaps/LICENSE +36 -0
- package/public/pdfjs/cmaps/NWP-H.bcmap +0 -0
- package/public/pdfjs/cmaps/NWP-V.bcmap +0 -0
- package/public/pdfjs/cmaps/RKSJ-H.bcmap +0 -0
- package/public/pdfjs/cmaps/RKSJ-V.bcmap +0 -0
- package/public/pdfjs/cmaps/Roman.bcmap +0 -0
- package/public/pdfjs/cmaps/UniCNS-UCS2-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniCNS-UCS2-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniCNS-UTF16-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniCNS-UTF16-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniCNS-UTF32-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniCNS-UTF32-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniCNS-UTF8-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniCNS-UTF8-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniGB-UCS2-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniGB-UCS2-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniGB-UTF16-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniGB-UTF16-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniGB-UTF32-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniGB-UTF32-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniGB-UTF8-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniGB-UTF8-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UCS2-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UCS2-HW-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UCS2-HW-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UCS2-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UTF16-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UTF16-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UTF32-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UTF32-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UTF8-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS-UTF8-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS2004-UTF16-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS2004-UTF16-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS2004-UTF32-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS2004-UTF32-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS2004-UTF8-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJIS2004-UTF8-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJISPro-UCS2-HW-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJISPro-UCS2-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJISPro-UTF8-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJISX0213-UTF32-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJISX0213-UTF32-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJISX02132004-UTF32-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniJISX02132004-UTF32-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniKS-UCS2-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniKS-UCS2-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniKS-UTF16-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniKS-UTF16-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniKS-UTF32-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniKS-UTF32-V.bcmap +0 -0
- package/public/pdfjs/cmaps/UniKS-UTF8-H.bcmap +0 -0
- package/public/pdfjs/cmaps/UniKS-UTF8-V.bcmap +0 -0
- package/public/pdfjs/cmaps/V.bcmap +0 -0
- package/public/pdfjs/cmaps/WP-Symbol.bcmap +0 -0
- package/public/pdfjs/standard_fonts/FoxitDingbats.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitFixed.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitFixedBold.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitFixedBoldItalic.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitFixedItalic.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitSans.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitSansBold.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitSansBoldItalic.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitSansItalic.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitSerif.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitSerifBold.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitSerifBoldItalic.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitSerifItalic.pfb +0 -0
- package/public/pdfjs/standard_fonts/FoxitSymbol.pfb +0 -0
- package/public/pdfjs/standard_fonts/LICENSE_FOXIT +27 -0
- package/public/pdfjs/standard_fonts/LICENSE_LIBERATION +102 -0
- package/public/pdfjs/standard_fonts/LiberationSans-Bold.ttf +0 -0
- package/public/pdfjs/standard_fonts/LiberationSans-BoldItalic.ttf +0 -0
- package/public/pdfjs/standard_fonts/LiberationSans-Italic.ttf +0 -0
- package/public/pdfjs/standard_fonts/LiberationSans-Regular.ttf +0 -0
- package/src/App.vue +31 -31
- package/src/api/index.js +1 -1
- package/src/api/mock.http +2 -2
- package/src/api/requestUrl.js +185 -185
- package/src/assets/image/default_avt_ui.png +0 -0
- package/src/assets/image/filtType/audio.png +0 -0
- package/src/assets/image/filtType/excel1.png +0 -0
- package/src/assets/image/filtType/general.png +0 -0
- package/src/assets/image/filtType/html.png +0 -0
- package/src/assets/image/filtType/image1.png +0 -0
- package/src/assets/image/filtType/link.png +0 -0
- package/src/assets/image/filtType/md2.png +0 -0
- package/src/assets/image/filtType/mode.png +0 -0
- package/src/assets/image/filtType/news.png +0 -0
- package/src/assets/image/filtType/pdf1.png +0 -0
- package/src/assets/image/filtType/ppt1.png +0 -0
- package/src/assets/image/filtType/selfadd1.png +0 -0
- package/src/assets/image/filtType/txt1.png +0 -0
- package/src/assets/image/filtType/video.png +0 -0
- package/src/assets/image/filtType/wechat.png +0 -0
- package/src/assets/image/filtType/word1.png +0 -0
- package/src/assets/image/loading.gif +0 -0
- package/src/assets/js/AliyunlssUtil.js +117 -92
- package/src/assets/js/Base64Util.js +22 -22
- package/src/assets/js/common.js +287 -252
- package/src/assets/js/hammer.js +89 -100
- package/src/assets/js/script.js +36 -36
- package/src/assets/less/common.css +6773 -6773
- package/src/assets/less/converSationContainer/common.less +192 -199
- package/src/assets/less/converSationContainer/converSatonContainer.less +486 -493
- package/src/assets/less/iconfont.css +37 -37
- package/src/assets/less/ticketMessage.less +294 -294
- package/src/assets/less/variables.less +122 -0
- package/src/components/ActionAlertIframe.vue +155 -177
- package/src/components/AiGuide.vue +473 -466
- package/src/components/AnswerDocknowledge.vue +1207 -1059
- package/src/components/AnswerVoice.vue +286 -285
- package/src/components/AskIFrame.vue +15 -15
- package/src/components/ConversationContainer.vue +10880 -4934
- package/src/components/FileType.vue +86 -86
- package/src/components/Message.vue +27 -27
- package/src/components/MyEditor.vue +343 -351
- package/src/components/QwFeedback.vue +304 -0
- package/src/components/actionSatisfaction.vue +109 -107
- package/src/components/actionSendToBot.vue +64 -62
- package/src/components/answerDissatisfaction.vue +64 -62
- package/src/components/answerRadio.vue +261 -186
- package/src/components/ask-components/DissatisfactionOptions.vue +58 -57
- package/src/components/ask-components/Msgloading.vue +38 -37
- package/src/components/ask-components/SatisfactionV2.vue +15 -15
- package/src/components/askVideo.vue +214 -162
- package/src/components/assetDetails.vue +379 -378
- package/src/components/assetMessage.vue +231 -228
- package/src/components/associationIntention.vue +414 -355
- package/src/components/attachmentPreview.vue +92 -90
- package/src/components/botActionSatisfactor.vue +70 -68
- package/src/components/chatContent.vue +514 -513
- package/src/components/feedBack.vue +138 -136
- package/src/components/fielListView.vue +352 -351
- package/src/components/file/AliyunOssComponents.vue +108 -108
- package/src/components/formTemplate.vue +3517 -3572
- package/src/components/imgView.vue +32 -0
- package/src/components/intelligentSummary.vue +232 -227
- package/src/components/interruptComponents/imageSelectionAnswer.vue +203 -0
- package/src/components/interruptComponents/multipleChoiceAnswer.vue +134 -0
- package/src/components/interruptComponents/singleChoiceAnswer.vue +82 -0
- package/src/components/kkview.vue +1130 -1138
- package/src/components/loadingProcess.vue +164 -164
- package/src/components/markDownText.vue +961 -0
- package/src/components/message/ActionAlertIframe.vue +112 -112
- package/src/components/message/ShopMessage.vue +164 -164
- package/src/components/message/TextMessage.vue +926 -924
- package/src/components/message/TicketMessage.vue +201 -201
- package/src/components/message/swiper/index.js +4 -4
- package/src/components/message/swiper/ticketSwiper.vue +503 -503
- package/src/components/message/swiper/ticketSwiperItem.vue +61 -61
- package/src/components/msgLoading.vue +231 -231
- package/src/components/myPopup.vue +75 -70
- package/src/components/outputComponents/outputCom.vue +149 -0
- package/src/components/pagination.vue +130 -0
- package/src/components/pdfPosition.vue +1337 -1506
- package/src/components/popup.vue +230 -227
- package/src/components/preview/docView.vue +263 -0
- package/src/components/preview/excelView.vue +260 -0
- package/src/components/preview/markDownView.vue +70 -0
- package/src/components/preview/newPositionPreview.vue +601 -0
- package/src/components/preview/pdfView.vue +973 -0
- package/src/components/previewDoc.vue +253 -247
- package/src/components/previewPdf.vue +1106 -757
- package/src/components/previewWisdom.vue +252 -0
- package/src/components/receiverMessagePlatform.vue +71 -65
- package/src/components/recommend.vue +82 -80
- package/src/components/selector/hOption.vue +20 -20
- package/src/components/selector/hSelector.vue +199 -199
- package/src/components/selector/hWrapper.vue +216 -216
- package/src/components/senderMessagePlatform.vue +60 -50
- package/src/components/source/BotMessage.vue +24 -24
- package/src/components/source/CustomMessage.vue +24 -24
- package/src/components/test.vue +260 -260
- package/src/components/tree.vue +310 -295
- package/src/components/utils/AliyunIssUtil.js +103 -81
- package/src/components/utils/ckeditor.js +185 -174
- package/src/components/utils/format_date.js +25 -25
- package/src/components/utils/index.js +6 -6
- package/src/components/utils/math_utils.js +29 -29
- package/src/components/voiceComponent.vue +122 -119
- package/src/components/welcomeKnowledgeFile.vue +346 -340
- package/src/components/welcomeLlmCard.vue +142 -140
- package/src/components/welcomeSuggest.vue +99 -97
- package/src/locales/cn.json +100 -0
- package/src/locales/en.json +99 -0
- package/src/main.js +76 -57
- package/vue.config.js +54 -54
- package/src/components/newPdfPosition.vue +0 -878
|
@@ -1,113 +1,113 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div id="action_alert_iframe">
|
|
3
|
-
<iframe
|
|
4
|
-
class="grzh-iframe"
|
|
5
|
-
:id="tampId"
|
|
6
|
-
:data-name="tampId"
|
|
7
|
-
:src="actionAlertIframe.template"
|
|
8
|
-
:width="actionAlertIframe.version == 1?actionAlertIframe.width:'100%'"
|
|
9
|
-
:height="actionAlertIframe.height"
|
|
10
|
-
:scrolling="actionAlertIframe.scrolling"
|
|
11
|
-
frameborder="no"
|
|
12
|
-
border="0"
|
|
13
|
-
></iframe>
|
|
14
|
-
</div>
|
|
15
|
-
</template>
|
|
16
|
-
<script>
|
|
17
|
-
export default {
|
|
18
|
-
name: "action_alert_iframe",
|
|
19
|
-
props: ["actionAlertIframe"],
|
|
20
|
-
data() {
|
|
21
|
-
return {
|
|
22
|
-
name: "action_alert_iframe",
|
|
23
|
-
dataName: "",
|
|
24
|
-
tampId:'',
|
|
25
|
-
// 组件接收数据
|
|
26
|
-
actionAlertIframeObj: {
|
|
27
|
-
template: "url地址(可插入变量)",
|
|
28
|
-
description: "描述",
|
|
29
|
-
height: "frame高度",
|
|
30
|
-
width: "iframe 的宽度",
|
|
31
|
-
scrolling: "yes/no/auto(是否在 iframe 中显示滚动条)",
|
|
32
|
-
sandbox: [
|
|
33
|
-
"预留",
|
|
34
|
-
"启用一系列对 <iframe> 中内容的额外限制",
|
|
35
|
-
"参考 https://www.w3school.com.cn/tags/att_iframe_sandbox.asp",
|
|
36
|
-
],
|
|
37
|
-
frameborder: "0/1(是否显示框架周围的边框)",
|
|
38
|
-
displayStyle:
|
|
39
|
-
"iframe 样式(点击弹出/嵌入iframe 字符串类型后端未做限制)",
|
|
40
|
-
},
|
|
41
|
-
};
|
|
42
|
-
},
|
|
43
|
-
methods: {},
|
|
44
|
-
mounted() {
|
|
45
|
-
this.tampId = 'iframeId++' + new Date().getTime();
|
|
46
|
-
let tampUrl = this.actionAlertIframe.template;
|
|
47
|
-
function GetRequest() {
|
|
48
|
-
var url = tampUrl.split("?")[1]; //获取url中"?"符后的字串
|
|
49
|
-
var theRequest = new Object();
|
|
50
|
-
if (url) {
|
|
51
|
-
// var str = url.substr(1);
|
|
52
|
-
let strs = url.split("&");
|
|
53
|
-
for (var i = 0; i < strs.length; i++) {
|
|
54
|
-
theRequest[strs[i].split("=")[0]] = unescape(
|
|
55
|
-
strs[i].split("=")[1]
|
|
56
|
-
);
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
return theRequest;
|
|
60
|
-
}
|
|
61
|
-
if (JSON.stringify(GetRequest()) == "{}") {
|
|
62
|
-
this.actionAlertIframe.template = this.actionAlertIframe.template + "?iframeId=" + this.tampId
|
|
63
|
-
} else {
|
|
64
|
-
this.actionAlertIframe.template = this.actionAlertIframe.template + "&iframeId=" + this.tampId
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
};
|
|
68
|
-
</script>
|
|
69
|
-
<style lang="less" scoped>
|
|
70
|
-
// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
71
|
-
|
|
72
|
-
#action_alert_iframe {
|
|
73
|
-
width: 100%;
|
|
74
|
-
margin: 0 auto;
|
|
75
|
-
overflow-x: auto;
|
|
76
|
-
.grzh-iframe {
|
|
77
|
-
scrollbar-face-color: #9aa1c4;
|
|
78
|
-
/* 滚动条滑块按钮的颜色 */
|
|
79
|
-
scrollbar-highlight-color: #f60;
|
|
80
|
-
/* 滚动条整体颜色 */
|
|
81
|
-
scrollbar-3dlight-color: #f00;
|
|
82
|
-
scrollbar-darkshadow-color: #000;
|
|
83
|
-
/* 滚动条阴影 */
|
|
84
|
-
scrollbar-shadow-color: #000;
|
|
85
|
-
/* 三角箭头颜色 */
|
|
86
|
-
scrollbar-arrow-color: #394264;
|
|
87
|
-
/* 滚动条轨道颜色 */
|
|
88
|
-
scrollbar-track-color: #394264;
|
|
89
|
-
|
|
90
|
-
::-webkit-scrollbar {
|
|
91
|
-
width: 5px;
|
|
92
|
-
height: 5px;
|
|
93
|
-
}
|
|
94
|
-
::-webkit-scrollbar-thumb {
|
|
95
|
-
background-color: #999;
|
|
96
|
-
-webkit-border-radius: 5px;
|
|
97
|
-
border-radius: 5px;
|
|
98
|
-
}
|
|
99
|
-
::-webkit-scrollbar-thumb:vertical:hover {
|
|
100
|
-
background-color: #666;
|
|
101
|
-
}
|
|
102
|
-
::-webkit-scrollbar-thumb:vertical:active {
|
|
103
|
-
background-color: #333;
|
|
104
|
-
}
|
|
105
|
-
::-webkit-scrollbar-button {
|
|
106
|
-
display: none;
|
|
107
|
-
}
|
|
108
|
-
::-webkit-scrollbar-track {
|
|
109
|
-
background-color: #f1f1f1;
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
1
|
+
<template>
|
|
2
|
+
<div id="action_alert_iframe">
|
|
3
|
+
<iframe
|
|
4
|
+
class="grzh-iframe"
|
|
5
|
+
:id="tampId"
|
|
6
|
+
:data-name="tampId"
|
|
7
|
+
:src="actionAlertIframe.template"
|
|
8
|
+
:width="actionAlertIframe.version == 1?actionAlertIframe.width:'100%'"
|
|
9
|
+
:height="actionAlertIframe.height"
|
|
10
|
+
:scrolling="actionAlertIframe.scrolling"
|
|
11
|
+
frameborder="no"
|
|
12
|
+
border="0"
|
|
13
|
+
></iframe>
|
|
14
|
+
</div>
|
|
15
|
+
</template>
|
|
16
|
+
<script>
|
|
17
|
+
export default {
|
|
18
|
+
name: "action_alert_iframe",
|
|
19
|
+
props: ["actionAlertIframe"],
|
|
20
|
+
data() {
|
|
21
|
+
return {
|
|
22
|
+
name: "action_alert_iframe",
|
|
23
|
+
dataName: "",
|
|
24
|
+
tampId:'',
|
|
25
|
+
// 组件接收数据
|
|
26
|
+
actionAlertIframeObj: {
|
|
27
|
+
template: "url地址(可插入变量)",
|
|
28
|
+
description: "描述",
|
|
29
|
+
height: "frame高度",
|
|
30
|
+
width: "iframe 的宽度",
|
|
31
|
+
scrolling: "yes/no/auto(是否在 iframe 中显示滚动条)",
|
|
32
|
+
sandbox: [
|
|
33
|
+
"预留",
|
|
34
|
+
"启用一系列对 <iframe> 中内容的额外限制",
|
|
35
|
+
"参考 https://www.w3school.com.cn/tags/att_iframe_sandbox.asp",
|
|
36
|
+
],
|
|
37
|
+
frameborder: "0/1(是否显示框架周围的边框)",
|
|
38
|
+
displayStyle:
|
|
39
|
+
"iframe 样式(点击弹出/嵌入iframe 字符串类型后端未做限制)",
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
},
|
|
43
|
+
methods: {},
|
|
44
|
+
mounted() {
|
|
45
|
+
this.tampId = 'iframeId++' + new Date().getTime();
|
|
46
|
+
let tampUrl = this.actionAlertIframe.template;
|
|
47
|
+
function GetRequest() {
|
|
48
|
+
var url = tampUrl.split("?")[1]; //获取url中"?"符后的字串
|
|
49
|
+
var theRequest = new Object();
|
|
50
|
+
if (url) {
|
|
51
|
+
// var str = url.substr(1);
|
|
52
|
+
let strs = url.split("&");
|
|
53
|
+
for (var i = 0; i < strs.length; i++) {
|
|
54
|
+
theRequest[strs[i].split("=")[0]] = unescape(
|
|
55
|
+
strs[i].split("=")[1]
|
|
56
|
+
);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
return theRequest;
|
|
60
|
+
}
|
|
61
|
+
if (JSON.stringify(GetRequest()) == "{}") {
|
|
62
|
+
this.actionAlertIframe.template = this.actionAlertIframe.template + "?iframeId=" + this.tampId
|
|
63
|
+
} else {
|
|
64
|
+
this.actionAlertIframe.template = this.actionAlertIframe.template + "&iframeId=" + this.tampId
|
|
65
|
+
}
|
|
66
|
+
},
|
|
67
|
+
};
|
|
68
|
+
</script>
|
|
69
|
+
<style lang="less" scoped>
|
|
70
|
+
// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
71
|
+
|
|
72
|
+
#action_alert_iframe {
|
|
73
|
+
width: 100%;
|
|
74
|
+
margin: 0 auto;
|
|
75
|
+
overflow-x: auto;
|
|
76
|
+
.grzh-iframe {
|
|
77
|
+
scrollbar-face-color: #9aa1c4;
|
|
78
|
+
/* 滚动条滑块按钮的颜色 */
|
|
79
|
+
scrollbar-highlight-color: #f60;
|
|
80
|
+
/* 滚动条整体颜色 */
|
|
81
|
+
scrollbar-3dlight-color: #f00;
|
|
82
|
+
scrollbar-darkshadow-color: #000;
|
|
83
|
+
/* 滚动条阴影 */
|
|
84
|
+
scrollbar-shadow-color: #000;
|
|
85
|
+
/* 三角箭头颜色 */
|
|
86
|
+
scrollbar-arrow-color: #394264;
|
|
87
|
+
/* 滚动条轨道颜色 */
|
|
88
|
+
scrollbar-track-color: #394264;
|
|
89
|
+
|
|
90
|
+
::-webkit-scrollbar {
|
|
91
|
+
width: 5px;
|
|
92
|
+
height: 5px;
|
|
93
|
+
}
|
|
94
|
+
::-webkit-scrollbar-thumb {
|
|
95
|
+
background-color: #999;
|
|
96
|
+
-webkit-border-radius: 5px;
|
|
97
|
+
border-radius: 5px;
|
|
98
|
+
}
|
|
99
|
+
::-webkit-scrollbar-thumb:vertical:hover {
|
|
100
|
+
background-color: #666;
|
|
101
|
+
}
|
|
102
|
+
::-webkit-scrollbar-thumb:vertical:active {
|
|
103
|
+
background-color: #333;
|
|
104
|
+
}
|
|
105
|
+
::-webkit-scrollbar-button {
|
|
106
|
+
display: none;
|
|
107
|
+
}
|
|
108
|
+
::-webkit-scrollbar-track {
|
|
109
|
+
background-color: #f1f1f1;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
113
|
</style>
|
|
@@ -1,165 +1,165 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="Shop-Container">
|
|
3
|
-
<swiper ref="swiper">
|
|
4
|
-
<template>
|
|
5
|
-
<swiper-item
|
|
6
|
-
v-for="(item, index) in shopInfo"
|
|
7
|
-
:key="index"
|
|
8
|
-
@slideEven="slideLoadOn"
|
|
9
|
-
>
|
|
10
|
-
<template>
|
|
11
|
-
<div style="position: relative">
|
|
12
|
-
<div>
|
|
13
|
-
<div class="img" >
|
|
14
|
-
<img
|
|
15
|
-
:src="item.image"
|
|
16
|
-
alt=""
|
|
17
|
-
@load="SwiperImgLoad"
|
|
18
|
-
ref='imgShow'
|
|
19
|
-
/>
|
|
20
|
-
</div>
|
|
21
|
-
|
|
22
|
-
<div class="Describe">
|
|
23
|
-
<span>{{item.describe}}</span>
|
|
24
|
-
</div>
|
|
25
|
-
<div class="shopAttr">
|
|
26
|
-
<span>{{item.attr}}</span>
|
|
27
|
-
</div>
|
|
28
|
-
<div class="ClickClass" >
|
|
29
|
-
<div class="clickItem" v-for="(itemClick,index) in item.click" :key="index">
|
|
30
|
-
<a :href="item.link"><span style="color: #409eff">{{itemClick.name}}</span></a>
|
|
31
|
-
</div>
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
<div class="clickBtn">
|
|
35
|
-
<div class="preBtn" @click="preClickTest($event)">
|
|
36
|
-
<i class="el-icon-arrow-left" style="font-size: 16px;font-weight:800;position: absolute;top: 25%;left: 25%"></i></div>
|
|
37
|
-
<div class="nextBtn" @click="nextClickTest($event)">
|
|
38
|
-
<i class="el-icon-arrow-right" style="font-size: 16px;font-weight:800;position: absolute;top: 25%;left: 25%"></i></div>
|
|
39
|
-
</div>
|
|
40
|
-
</div>
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
</template>
|
|
45
|
-
</swiper-item>
|
|
46
|
-
</template>
|
|
47
|
-
</swiper>
|
|
48
|
-
<!-- <div v-for="(item,index) in shopInfo" :key="index">
|
|
49
|
-
<div class="img">
|
|
50
|
-
<img src="../../assets/image/1.jpg" style="width: 90%">
|
|
51
|
-
</div>
|
|
52
|
-
<div class="Describe">
|
|
53
|
-
<span>{{item.describe}}</span>
|
|
54
|
-
</div>
|
|
55
|
-
<div class="shopAttr">
|
|
56
|
-
<span>{{item.attr}}</span>
|
|
57
|
-
</div>
|
|
58
|
-
<div class="ClickClass">
|
|
59
|
-
<div class="clickItem">
|
|
60
|
-
<a href=""><span style="color: #409eff">查看商品详情</span></a>
|
|
61
|
-
</div>
|
|
62
|
-
<div class="clickItem">
|
|
63
|
-
<a href=""><span style="color: #409eff">立即购买</span></a>
|
|
64
|
-
</div>
|
|
65
|
-
</div>
|
|
66
|
-
</div>-->
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
</div>
|
|
70
|
-
</template>
|
|
71
|
-
|
|
72
|
-
<script>
|
|
73
|
-
import Swiper from "./swiper/ticketSwiper";
|
|
74
|
-
import SwiperItem from "./swiper/ticketSwiperItem";
|
|
75
|
-
export default {
|
|
76
|
-
name: "ShopMessage",
|
|
77
|
-
components:{Swiper,SwiperItem},
|
|
78
|
-
data(){
|
|
79
|
-
return{
|
|
80
|
-
shopInfo:[{image:require('../../assets/image/1.jpg'),describe:'商品描述商品描述商品描述商品描述',attr:'商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍',link:'1',link2:'21',click:[{name:'点击购买'},{name:'查看商品详情'}]},
|
|
81
|
-
{image:require('../../assets/image/2.jpg'),describe:'商品描述商品描述商品描述商品描述商品描述',attr:'商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍',link:'2',link2:22,click:[{name:'点击收藏'},{name:'查看商品详情'}]},
|
|
82
|
-
{image:require('../../assets/image/3.jpg'),describe:'商品描述商品描述商品描述商品描述',attr:'商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍',link:'2',link2:22,click:[{name:'点击收藏'},{name:'查看商品详情'}]},
|
|
83
|
-
],
|
|
84
|
-
loadCheck: false,
|
|
85
|
-
isHeight:false,
|
|
86
|
-
scale:0,
|
|
87
|
-
test:{multiple:true},
|
|
88
|
-
slideWidth:'',
|
|
89
|
-
swiperStyle:{},
|
|
90
|
-
slideCount:0
|
|
91
|
-
}
|
|
92
|
-
},
|
|
93
|
-
mounted() {
|
|
94
|
-
},
|
|
95
|
-
methods:{
|
|
96
|
-
init(){
|
|
97
|
-
let swiperEl = document.querySelector(".swiper");
|
|
98
|
-
let slides = swiperEl.querySelectorAll(".slide");
|
|
99
|
-
this.swiperStyle = swiperEl.style;
|
|
100
|
-
this.slideWidth = swiperEl.offsetWidth;
|
|
101
|
-
this.slideCount=slides.length
|
|
102
|
-
if (this.shopInfo > 1) {
|
|
103
|
-
let firstSlide = slides[0].cloneNode(true);
|
|
104
|
-
let lastSlide = slides[this.slideCount - 1].cloneNode(true);
|
|
105
|
-
swiperEl.appendChild(firstSlide);
|
|
106
|
-
swiperEl.insertBefore(lastSlide, slides[0]);
|
|
107
|
-
//设置开头位置
|
|
108
|
-
this.setTransform(-this.slideWidth);
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
SwiperImgLoad() {
|
|
112
|
-
if (!this.loadCheck) {
|
|
113
|
-
this.$emit("SwiperImgLoadEvent");
|
|
114
|
-
this.loadCheck = true;
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
slideLoadOn() {
|
|
118
|
-
this.$refs.swiper.slideOn();
|
|
119
|
-
},
|
|
120
|
-
preClickTest(){
|
|
121
|
-
let swiperEl = document.querySelector(".swiper");
|
|
122
|
-
console.debug('swiperEl',swiperEl.offsetWidth)
|
|
123
|
-
},
|
|
124
|
-
nextClickTest(){
|
|
125
|
-
let swiperEl = document.querySelector(".swiper");
|
|
126
|
-
console.debug('swiperEl',swiperEl.offsetWidth)
|
|
127
|
-
}
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
</script>
|
|
131
|
-
|
|
132
|
-
<style scoped lang="less">
|
|
133
|
-
.Describe{
|
|
134
|
-
text-align: left;
|
|
135
|
-
line-height: 1.5;
|
|
136
|
-
padding: 10px 0;
|
|
137
|
-
}
|
|
138
|
-
.shopAttr{
|
|
139
|
-
color: #AAAAAA;
|
|
140
|
-
text-align: left;
|
|
141
|
-
line-height: 1.5;
|
|
142
|
-
padding: 10px 0;
|
|
143
|
-
}
|
|
144
|
-
.clickItem{
|
|
145
|
-
text-align: center;
|
|
146
|
-
padding: 12px 0;
|
|
147
|
-
border-top: 1px solid #AAAAAA;
|
|
148
|
-
|
|
149
|
-
}
|
|
150
|
-
a{
|
|
151
|
-
text-decoration: none;
|
|
152
|
-
}
|
|
153
|
-
/*.ClickClass div:last-of-type{
|
|
154
|
-
border-bottom:none;
|
|
155
|
-
}*/
|
|
156
|
-
.img img{
|
|
157
|
-
object-fit: contain;
|
|
158
|
-
}
|
|
159
|
-
/* .Describe{
|
|
160
|
-
padding: 10px 30px;
|
|
161
|
-
}
|
|
162
|
-
.shopAttr{
|
|
163
|
-
padding: 0 30px 10px 30px;
|
|
164
|
-
}*/
|
|
1
|
+
<template>
|
|
2
|
+
<div class="Shop-Container">
|
|
3
|
+
<swiper ref="swiper">
|
|
4
|
+
<template>
|
|
5
|
+
<swiper-item
|
|
6
|
+
v-for="(item, index) in shopInfo"
|
|
7
|
+
:key="index"
|
|
8
|
+
@slideEven="slideLoadOn"
|
|
9
|
+
>
|
|
10
|
+
<template>
|
|
11
|
+
<div style="position: relative">
|
|
12
|
+
<div>
|
|
13
|
+
<div class="img" >
|
|
14
|
+
<img
|
|
15
|
+
:src="item.image"
|
|
16
|
+
alt=""
|
|
17
|
+
@load="SwiperImgLoad"
|
|
18
|
+
ref='imgShow'
|
|
19
|
+
/>
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
<div class="Describe">
|
|
23
|
+
<span>{{item.describe}}</span>
|
|
24
|
+
</div>
|
|
25
|
+
<div class="shopAttr">
|
|
26
|
+
<span>{{item.attr}}</span>
|
|
27
|
+
</div>
|
|
28
|
+
<div class="ClickClass" >
|
|
29
|
+
<div class="clickItem" v-for="(itemClick,index) in item.click" :key="index">
|
|
30
|
+
<a :href="item.link"><span style="color: #409eff">{{itemClick.name}}</span></a>
|
|
31
|
+
</div>
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
<div class="clickBtn">
|
|
35
|
+
<div class="preBtn" @click="preClickTest($event)">
|
|
36
|
+
<i class="el-icon-arrow-left" style="font-size: 16px;font-weight:800;position: absolute;top: 25%;left: 25%"></i></div>
|
|
37
|
+
<div class="nextBtn" @click="nextClickTest($event)">
|
|
38
|
+
<i class="el-icon-arrow-right" style="font-size: 16px;font-weight:800;position: absolute;top: 25%;left: 25%"></i></div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
</template>
|
|
45
|
+
</swiper-item>
|
|
46
|
+
</template>
|
|
47
|
+
</swiper>
|
|
48
|
+
<!-- <div v-for="(item,index) in shopInfo" :key="index">
|
|
49
|
+
<div class="img">
|
|
50
|
+
<img src="../../assets/image/1.jpg" style="width: 90%">
|
|
51
|
+
</div>
|
|
52
|
+
<div class="Describe">
|
|
53
|
+
<span>{{item.describe}}</span>
|
|
54
|
+
</div>
|
|
55
|
+
<div class="shopAttr">
|
|
56
|
+
<span>{{item.attr}}</span>
|
|
57
|
+
</div>
|
|
58
|
+
<div class="ClickClass">
|
|
59
|
+
<div class="clickItem">
|
|
60
|
+
<a href=""><span style="color: #409eff">查看商品详情</span></a>
|
|
61
|
+
</div>
|
|
62
|
+
<div class="clickItem">
|
|
63
|
+
<a href=""><span style="color: #409eff">立即购买</span></a>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
66
|
+
</div>-->
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
</div>
|
|
70
|
+
</template>
|
|
71
|
+
|
|
72
|
+
<script>
|
|
73
|
+
import Swiper from "./swiper/ticketSwiper";
|
|
74
|
+
import SwiperItem from "./swiper/ticketSwiperItem";
|
|
75
|
+
export default {
|
|
76
|
+
name: "ShopMessage",
|
|
77
|
+
components:{Swiper,SwiperItem},
|
|
78
|
+
data(){
|
|
79
|
+
return{
|
|
80
|
+
shopInfo:[{image:require('../../assets/image/1.jpg'),describe:'商品描述商品描述商品描述商品描述',attr:'商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍',link:'1',link2:'21',click:[{name:'点击购买'},{name:'查看商品详情'}]},
|
|
81
|
+
{image:require('../../assets/image/2.jpg'),describe:'商品描述商品描述商品描述商品描述商品描述',attr:'商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍',link:'2',link2:22,click:[{name:'点击收藏'},{name:'查看商品详情'}]},
|
|
82
|
+
{image:require('../../assets/image/3.jpg'),describe:'商品描述商品描述商品描述商品描述',attr:'商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍商品介绍',link:'2',link2:22,click:[{name:'点击收藏'},{name:'查看商品详情'}]},
|
|
83
|
+
],
|
|
84
|
+
loadCheck: false,
|
|
85
|
+
isHeight:false,
|
|
86
|
+
scale:0,
|
|
87
|
+
test:{multiple:true},
|
|
88
|
+
slideWidth:'',
|
|
89
|
+
swiperStyle:{},
|
|
90
|
+
slideCount:0
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
mounted() {
|
|
94
|
+
},
|
|
95
|
+
methods:{
|
|
96
|
+
init(){
|
|
97
|
+
let swiperEl = document.querySelector(".swiper");
|
|
98
|
+
let slides = swiperEl.querySelectorAll(".slide");
|
|
99
|
+
this.swiperStyle = swiperEl.style;
|
|
100
|
+
this.slideWidth = swiperEl.offsetWidth;
|
|
101
|
+
this.slideCount=slides.length
|
|
102
|
+
if (this.shopInfo > 1) {
|
|
103
|
+
let firstSlide = slides[0].cloneNode(true);
|
|
104
|
+
let lastSlide = slides[this.slideCount - 1].cloneNode(true);
|
|
105
|
+
swiperEl.appendChild(firstSlide);
|
|
106
|
+
swiperEl.insertBefore(lastSlide, slides[0]);
|
|
107
|
+
//设置开头位置
|
|
108
|
+
this.setTransform(-this.slideWidth);
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
SwiperImgLoad() {
|
|
112
|
+
if (!this.loadCheck) {
|
|
113
|
+
this.$emit("SwiperImgLoadEvent");
|
|
114
|
+
this.loadCheck = true;
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
slideLoadOn() {
|
|
118
|
+
this.$refs.swiper.slideOn();
|
|
119
|
+
},
|
|
120
|
+
preClickTest(){
|
|
121
|
+
let swiperEl = document.querySelector(".swiper");
|
|
122
|
+
console.debug('swiperEl',swiperEl.offsetWidth)
|
|
123
|
+
},
|
|
124
|
+
nextClickTest(){
|
|
125
|
+
let swiperEl = document.querySelector(".swiper");
|
|
126
|
+
console.debug('swiperEl',swiperEl.offsetWidth)
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
</script>
|
|
131
|
+
|
|
132
|
+
<style scoped lang="less">
|
|
133
|
+
.Describe{
|
|
134
|
+
text-align: left;
|
|
135
|
+
line-height: 1.5;
|
|
136
|
+
padding: 10px 0;
|
|
137
|
+
}
|
|
138
|
+
.shopAttr{
|
|
139
|
+
color: #AAAAAA;
|
|
140
|
+
text-align: left;
|
|
141
|
+
line-height: 1.5;
|
|
142
|
+
padding: 10px 0;
|
|
143
|
+
}
|
|
144
|
+
.clickItem{
|
|
145
|
+
text-align: center;
|
|
146
|
+
padding: 12px 0;
|
|
147
|
+
border-top: 1px solid #AAAAAA;
|
|
148
|
+
|
|
149
|
+
}
|
|
150
|
+
a{
|
|
151
|
+
text-decoration: none;
|
|
152
|
+
}
|
|
153
|
+
/*.ClickClass div:last-of-type{
|
|
154
|
+
border-bottom:none;
|
|
155
|
+
}*/
|
|
156
|
+
.img img{
|
|
157
|
+
object-fit: contain;
|
|
158
|
+
}
|
|
159
|
+
/* .Describe{
|
|
160
|
+
padding: 10px 30px;
|
|
161
|
+
}
|
|
162
|
+
.shopAttr{
|
|
163
|
+
padding: 0 30px 10px 30px;
|
|
164
|
+
}*/
|
|
165
165
|
</style>
|