askbot-dragon 0.6.21 → 0.6.25

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 (26) hide show
  1. package/package.json +1 -1
  2. package/public/index.html +1 -1
  3. package/src/App.vue +2 -1
  4. package/src/assets/js/script.js +37 -0
  5. package/src/assets/less/common.css +17 -7
  6. package/src/assets/less/converSationContainer/common.less +23 -4583
  7. package/src/assets/less/converSationContainer/converSatonContainer.less +1 -0
  8. package/src/assets/less/iconfont.css +17 -0
  9. package/src/assets/less/ticketMessage.less +84 -188
  10. package/src/components/ConversationContainer.vue +334 -510
  11. package/src/components/actionSatisfaction.vue +76 -0
  12. package/src/components/actionSendToBot.vue +60 -0
  13. package/src/components/answerDissatisfaction.vue +61 -0
  14. package/src/components/answerRadio.vue +64 -0
  15. package/src/components/askVideo.vue +46 -0
  16. package/src/components/associationIntention.vue +91 -0
  17. package/src/components/botActionSatisfactor.vue +72 -0
  18. package/src/components/feedBack.vue +26 -15
  19. package/src/components/formTemplate.vue +160 -79
  20. package/src/components/loadingProcess.vue +176 -0
  21. package/src/components/message/TextMessage.vue +47 -12
  22. package/src/components/message/TicketMessage.vue +16 -22
  23. package/src/components/message/swiper/ticketSwiper.vue +9 -35
  24. package/src/components/msgLoading.vue +231 -0
  25. package/src/components/recommend.vue +76 -0
  26. package/src/components/voiceComponent.vue +102 -0
package/src/assets/less/converSationContainer/converSatonContainer.less CHANGED
@@ -1,4 +1,5 @@
1
1
  @import "../converSationContainer/common";
2
+ @import "../iconfont.css";
2
3
  .video-player{
3
4
  width: 260px!important;
4
5
  }
package/src/assets/less/iconfont.css ADDED
@@ -0,0 +1,17 @@
1
+ @font-face {
2
+ font-family: 'iconfont'; /* Project id 2913049 */
3
+ src: url('//at.alicdn.com/t/font_2913049_baxww6uvzup.woff2?t=1642737399832') format('woff2'),
4
+ url('//at.alicdn.com/t/font_2913049_baxww6uvzup.woff?t=1642737399832') format('woff'),
5
+ url('//at.alicdn.com/t/font_2913049_baxww6uvzup.ttf?t=1642737399832') format('truetype');
6
+ }
7
+
8
+ .iconfont {
9
+ font-family: "iconfont" !important;
10
+ font-size: 16px;
11
+ font-style: normal;
12
+ -webkit-font-smoothing: antialiased;
13
+ -moz-osx-font-smoothing: grayscale;
14
+ }
15
+ .arsenalchess-pawn-solid:before {
16
+ content: "\e718";
17
+ }
package/src/assets/less/ticketMessage.less CHANGED
@@ -1,129 +1,18 @@
1
1
 
2
- /*.typeClassRem{
3
- margin-bottom: 5px;
4
- .isPhoneClass{
5
- .el-divider--horizontal{
6
- margin: 0.15rem 0!important;
7
- height: 0.1rem!important;
8
- }
9
- .htmlClass{
10
- .img{
11
- overflow: hidden;
12
- img{
13
- width: 100%;
14
- height:calc(85vw / 2.35);
15
- }
16
- }
17
- }
18
- .isAndroidClass{
19
- .singleClass{
20
- padding: 0.2rem 0.26rem;
21
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
22
- font-size: 0.37333rem;
23
- }
24
- }
25
- .doubleClass{
26
- padding: 0.2rem 0.26rem;
27
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
28
- font-size: 0.37333rem;
29
- }
30
- }
31
- .tripleClass{
32
- padding: 0.2rem 0.26rem;
33
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
34
- font-size: 0.373333rem ;
35
- }
36
- }
37
- .buttonClass{
38
- padding: 0.2rem 0.26rem;
39
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
40
- font-size: 0.373333rem ;
41
- }
42
- }
43
- }
44
- .isIosClass{
45
- .singleClass{
46
- padding: 0.2rem 0;
47
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
48
- font-size: 0.3733rem!important;
49
- }
50
- }
51
- .doubleClass{
52
- padding: 0.2rem 0;
53
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
54
- font-size: 0.3733rem!important;
55
- }
56
- }
57
- .tripleClass{
58
- padding: 0.2rem 0;
59
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
60
- font-size: 0.3733rem !important;
61
- }
62
- }
63
- .buttonClass{
64
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
65
- font-size: 0.3733rem !important;
66
- }
67
- }
68
- }
69
- .buttonClass{
70
- font-weight: 600;
71
- text-align: center;
72
- padding: 0.3rem 0!important;
73
- color: #4C61E1;
74
- border-top: 2px solid #D7D7D7;
75
- cursor: pointer;
76
- }
77
- }
78
- .isCompayClass{
79
- .el-divider--horizontal{
80
- margin: 0.15rem 0!important;
81
- height: 0.1rem!important;
82
- }
83
- .htmlClass {
84
- .img{
85
- overflow: hidden;
86
- img{
87
- width: 300px;
88
- height:calc(400px / 2.35);
89
- }
90
- }
91
- }
92
- .buttonClassItem{
93
- font-weight: 600;
94
- text-align: center;
95
- padding: 0.3rem 0;
96
- color: #4C61E1;
97
- border-top: 2px solid #D7D7D7;
98
- cursor: pointer;
99
- }
100
- .singleClass{
101
- padding: 0.2rem 0;
102
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
103
- font-size: 0.37333rem;
104
- }
105
- }
106
- .doubleClass{
107
- padding: 0.2rem 0;
108
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{
109
- font-size: 0.37333rem;
110
- }
111
- }
112
- .tripleClass{
113
- padding: 0.2rem 0;
114
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
115
- font-size: 0.373333rem ;
116
- }
117
- }
118
- .buttonClass{
119
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
120
- font-size: 0.373333rem ;
121
- }
122
- }
123
- }
124
- }*/
125
2
 
126
3
  .ticketMessageContain{
4
+ .htmlClass{
5
+ padding-bottom: 12px;
6
+ }
7
+ .button-item{
8
+ display: flex;
9
+ align-content: center;
10
+ justify-content: center;
11
+ margin-bottom: 14px;
12
+ }
13
+ .button-item:last-child{
14
+ margin-bottom: 0!important;
15
+ }
127
16
  .isCompayClass{
128
17
  .el-divider--horizontal{
129
18
  margin: 8px 0 0 0 !important;
@@ -144,8 +33,7 @@
144
33
  text-align: center;
145
34
  border-top: 1.5px solid #DCDFE6;
146
35
  padding: 8px 0;
147
- color: #4C61E1;
148
- /* border-top: 2px solid #D7D7D7;*/
36
+ color: #366aff;
149
37
  cursor: pointer;
150
38
  }
151
39
  .singleClass{
@@ -240,80 +128,88 @@
240
128
  }
241
129
  }
242
130
  .buttonClassItem{
243
- border-top: 1.5px solid #DCDFE6;
244
- font-weight: 600;
245
- text-align: center;
246
- color: #4C61E1;
247
- padding: 8px 0;
248
- /* border-top: 2px solid #D7D7D7;*/
249
- cursor: pointer;
131
+ /* width: 178px;*/
132
+ padding: 0px 30px;
133
+ height: 30px;
134
+ background: #FFFFFF;
135
+ border: 1px solid #BBCDFF;
136
+ border-radius: 14px;
137
+ color: #366aff;
138
+ display: flex;
139
+ align-content: center;
140
+ justify-content: center;
141
+ .btn-name{
142
+ display: flex;
143
+ align-items: center;
144
+ }
250
145
  }
251
146
  }
252
- }
253
-
254
- .singleClass{
255
- display: flex;
256
- justify-content: space-between;
257
- .singleItem{
258
- padding: 0 4px;
259
- white-space: normal;
260
- word-wrap: break-word;
261
- text-align: left!important;
262
- width: 99%;
263
- }
264
- }
265
- .doubleClass{
266
- display: flex;
267
- justify-content: space-between;
268
- .doubleItem{
269
- width: 50%;
270
- padding: 0 4px;
271
- white-space: normal;
272
- word-wrap: break-word;
273
- }
274
- .doubleItem:nth-of-type(1){
275
- text-align: left;
276
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
147
+ .singleClass{
148
+ display: flex;
149
+ justify-content: space-between;
150
+ .singleItem{
151
+ padding: 0 4px;
152
+ white-space: normal;
153
+ word-wrap: break-word;
277
154
  text-align: left!important;
155
+ width: 99%;
278
156
  }
279
-
280
157
  }
281
- .doubleItem:last-child{
282
- text-align: right;
283
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
284
- text-align: right!important;
158
+ .doubleClass{
159
+ display: flex;
160
+ justify-content: space-between;
161
+ .doubleItem{
162
+ width: 50%;
163
+ padding: 0 4px;
164
+ white-space: normal;
165
+ word-wrap: break-word;
166
+ }
167
+ .doubleItem:nth-of-type(1){
168
+ text-align: left;
169
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
170
+ text-align: left!important;
171
+ }
172
+
285
173
  }
286
- }
287
- }
288
- .tripleClass{
289
- display: flex;
290
- flex-direction: row;
291
- justify-content: space-between;
292
- align-items: center;
293
- .tripleItem{
294
- width: 33.33%;
295
- padding: 0 4px;
296
- white-space: normal;
297
- word-wrap: break-word;
298
- }
299
- .tripleItem:nth-of-type(1){
300
- text-align: left;
301
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
302
- text-align: left!important;
174
+ .doubleItem:last-child{
175
+ text-align: right;
176
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
177
+ text-align: right!important;
178
+ }
303
179
  }
304
180
  }
305
- .tripleItem:nth-of-type(2){
306
- text-align: center;
307
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
308
- text-align: center!important;
181
+ .tripleClass{
182
+ display: flex;
183
+ flex-direction: row;
184
+ justify-content: space-between;
185
+ align-items: center;
186
+ .tripleItem{
187
+ width: 33.33%;
188
+ padding: 0 4px;
189
+ white-space: normal;
190
+ word-wrap: break-word;
191
+ }
192
+ .tripleItem:nth-of-type(1){
193
+ text-align: left;
194
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
195
+ text-align: left!important;
196
+ }
309
197
  }
310
- }
311
- .tripleItem:last-child{
312
- text-align: right;
313
- div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
314
- text-align: right!important;
198
+ .tripleItem:nth-of-type(2){
199
+ text-align: center;
200
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
201
+ text-align: center!important;
202
+ }
203
+ }
204
+ .tripleItem:last-child{
205
+ text-align: right;
206
+ div, h1, h2, h3, h4, h5, h6, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
207
+ text-align: right!important;
208
+ }
315
209
  }
316
210
  }
317
211
  }
318
212
 
319
213
 
214
+
215
+