askbot-dragon 1.7.34-beta → 1.7.35-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 +56 -54
  5. package/public/index.html +73 -75
  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 -94
  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 -89
  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 -192
  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 +177 -154
  21. package/src/components/AiGuide.vue +438 -471
  22. package/src/components/AnswerDocknowledge.vue +1111 -1068
  23. package/src/components/AnswerVoice.vue +285 -285
  24. package/src/components/AskIFrame.vue +15 -15
  25. package/src/components/ConversationContainer.vue +10764 -10960
  26. package/src/components/FileType.vue +86 -86
  27. package/src/components/Message.vue +27 -27
  28. package/src/components/MyEditor.vue +342 -350
  29. package/src/components/QwFeedback.vue +301 -301
  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 +204 -204
  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 -139
  38. package/src/components/assetDetails.vue +378 -378
  39. package/src/components/assetMessage.vue +228 -228
  40. package/src/components/associationIntention.vue +378 -374
  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 +3501 -3507
  48. package/src/components/imgView.vue +32 -0
  49. package/src/components/intelligentSummary.vue +231 -227
  50. package/src/components/kkview.vue +1138 -1138
  51. package/src/components/loadingProcess.vue +164 -164
  52. package/src/components/markDownText.vue +198 -0
  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 -924
  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 +70 -70
  62. package/src/components/newPdfPosition.vue +878 -0
  63. package/src/components/pagination.vue +129 -0
  64. package/src/components/pdfPosition.vue +1514 -1334
  65. package/src/components/popup.vue +227 -227
  66. package/src/components/preview/docView.vue +107 -0
  67. package/src/components/preview/excelView.vue +160 -0
  68. package/src/components/preview/newPositionPreview.vue +285 -0
  69. package/src/components/preview/pdfView.vue +737 -0
  70. package/src/components/previewDoc.vue +251 -247
  71. package/src/components/previewPdf.vue +822 -779
  72. package/src/components/receiverMessagePlatform.vue +65 -65
  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 +50 -50
  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 -82
  83. package/src/components/utils/ckeditor.js +185 -174
  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 +344 -340
  89. package/src/components/welcomeLlmCard.vue +144 -140
  90. package/src/components/welcomeSuggest.vue +97 -97
  91. package/src/locales/cn.json +72 -0
  92. package/src/locales/en.json +73 -0
  93. package/src/locales/jp.json +73 -0
  94. package/src/main.js +75 -57
  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>