askbot-dragon 1.7.65-beta → 1.7.67-beta

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.
Files changed (95) hide show
  1. package/README.md +27 -27
  2. package/babel.config.js +6 -6
  3. package/dragon.iml +7 -7
  4. package/package.json +57 -57
  5. package/public/index.html +73 -73
  6. package/src/App.vue +31 -31
  7. package/src/api/index.js +1 -1
  8. package/src/api/mock.http +2 -2
  9. package/src/api/requestUrl.js +185 -185
  10. package/src/assets/js/AliyunlssUtil.js +141 -141
  11. package/src/assets/js/Base64Util.js +22 -22
  12. package/src/assets/js/common.js +252 -252
  13. package/src/assets/js/hammer.js +100 -100
  14. package/src/assets/js/script.js +36 -36
  15. package/src/assets/less/common.css +6773 -6773
  16. package/src/assets/less/converSationContainer/common.less +199 -199
  17. package/src/assets/less/converSationContainer/converSatonContainer.less +493 -493
  18. package/src/assets/less/iconfont.css +37 -37
  19. package/src/assets/less/ticketMessage.less +294 -294
  20. package/src/components/ActionAlertIframe.vue +178 -178
  21. package/src/components/AiGuide.vue +434 -434
  22. package/src/components/AnswerDocknowledge.vue +1203 -1203
  23. package/src/components/AnswerVoice.vue +285 -285
  24. package/src/components/AskIFrame.vue +15 -15
  25. package/src/components/ConversationContainer.vue +10764 -10764
  26. package/src/components/FileType.vue +86 -86
  27. package/src/components/Message.vue +27 -27
  28. package/src/components/MyEditor.vue +342 -342
  29. package/src/components/QwFeedback.vue +302 -302
  30. package/src/components/actionSatisfaction.vue +107 -107
  31. package/src/components/actionSendToBot.vue +62 -62
  32. package/src/components/answerDissatisfaction.vue +62 -62
  33. package/src/components/answerRadio.vue +259 -259
  34. package/src/components/ask-components/DissatisfactionOptions.vue +57 -57
  35. package/src/components/ask-components/Msgloading.vue +37 -37
  36. package/src/components/ask-components/SatisfactionV2.vue +15 -15
  37. package/src/components/askVideo.vue +162 -162
  38. package/src/components/assetDetails.vue +378 -378
  39. package/src/components/assetMessage.vue +229 -229
  40. package/src/components/associationIntention.vue +378 -378
  41. package/src/components/attachmentPreview.vue +90 -90
  42. package/src/components/botActionSatisfactor.vue +68 -68
  43. package/src/components/chatContent.vue +513 -513
  44. package/src/components/feedBack.vue +136 -136
  45. package/src/components/fielListView.vue +351 -351
  46. package/src/components/file/AliyunOssComponents.vue +108 -108
  47. package/src/components/formTemplate.vue +3512 -3512
  48. package/src/components/imgView.vue +31 -31
  49. package/src/components/intelligentSummary.vue +234 -234
  50. package/src/components/kkview.vue +1138 -1138
  51. package/src/components/loadingProcess.vue +164 -164
  52. package/src/components/markDownText.vue +357 -357
  53. package/src/components/message/ActionAlertIframe.vue +112 -112
  54. package/src/components/message/ShopMessage.vue +164 -164
  55. package/src/components/message/TextMessage.vue +928 -928
  56. package/src/components/message/TicketMessage.vue +201 -201
  57. package/src/components/message/swiper/index.js +4 -4
  58. package/src/components/message/swiper/ticketSwiper.vue +503 -503
  59. package/src/components/message/swiper/ticketSwiperItem.vue +61 -61
  60. package/src/components/msgLoading.vue +231 -231
  61. package/src/components/myPopup.vue +73 -73
  62. package/src/components/newPdfPosition.vue +877 -877
  63. package/src/components/pagination.vue +128 -128
  64. package/src/components/pdfPosition.vue +1523 -1523
  65. package/src/components/popup.vue +228 -228
  66. package/src/components/preview/docView.vue +113 -113
  67. package/src/components/preview/excelView.vue +190 -190
  68. package/src/components/preview/newPositionPreview.vue +384 -369
  69. package/src/components/preview/pdfView.vue +824 -824
  70. package/src/components/previewDoc.vue +252 -252
  71. package/src/components/previewPdf.vue +1087 -1087
  72. package/src/components/receiverMessagePlatform.vue +69 -69
  73. package/src/components/recommend.vue +80 -80
  74. package/src/components/selector/hOption.vue +20 -20
  75. package/src/components/selector/hSelector.vue +199 -199
  76. package/src/components/selector/hWrapper.vue +216 -216
  77. package/src/components/senderMessagePlatform.vue +58 -58
  78. package/src/components/source/BotMessage.vue +24 -24
  79. package/src/components/source/CustomMessage.vue +24 -24
  80. package/src/components/test.vue +260 -260
  81. package/src/components/tree.vue +307 -307
  82. package/src/components/utils/AliyunIssUtil.js +103 -103
  83. package/src/components/utils/ckeditor.js +185 -185
  84. package/src/components/utils/format_date.js +25 -25
  85. package/src/components/utils/index.js +6 -6
  86. package/src/components/utils/math_utils.js +29 -29
  87. package/src/components/voiceComponent.vue +119 -119
  88. package/src/components/welcomeKnowledgeFile.vue +347 -347
  89. package/src/components/welcomeLlmCard.vue +144 -144
  90. package/src/components/welcomeSuggest.vue +97 -97
  91. package/src/locales/cn.json +95 -95
  92. package/src/locales/en.json +95 -95
  93. package/src/locales/jp.json +72 -72
  94. package/src/main.js +76 -76
  95. package/vue.config.js +54 -54
package/src/components/message/ActionAlertIframe.vue CHANGED
@@ -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>
package/src/components/message/ShopMessage.vue CHANGED
@@ -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>