yc-ui2 0.2.2-beta2 → 0.2.2-beta4

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 (47) hide show
  1. package/package.json +1 -1
  2. package/.env +0 -7
  3. package/babel.config.js +0 -5
  4. package/jsconfig.json +0 -19
  5. package/public/favicon.ico +0 -0
  6. package/public/index.html +0 -20
  7. package/src/App.vue +0 -70
  8. package/src/api/customerService.js +0 -56
  9. package/src/assets/ca/ca-bg.png +0 -0
  10. package/src/assets/ca/caBg.png +0 -0
  11. package/src/assets/customerService/admin.jpg +0 -0
  12. package/src/assets/customerService/chatTop.png +0 -0
  13. package/src/assets/customerService/ellipticalWenh.png +0 -0
  14. package/src/assets/customerService/enlarge.png +0 -0
  15. package/src/assets/customerService/personal.jpg +0 -0
  16. package/src/assets/customerService/personal1.jpg +0 -0
  17. package/src/assets/customerService/personal2.jpg +0 -0
  18. package/src/assets/slideVerify/1.jpg +0 -0
  19. package/src/assets/slideVerify/2.jpg +0 -0
  20. package/src/assets/slideVerify/3.jpg +0 -0
  21. package/src/assets/slideVerify/4.jpg +0 -0
  22. package/src/assets/slideVerify/5.jpg +0 -0
  23. package/src/assets/slideVerify/6.jpg +0 -0
  24. package/src/assets/slideVerify/7.jpg +0 -0
  25. package/src/assets/slideVerify/8.jpg +0 -0
  26. package/src/components/YcCA/index.vue +0 -536
  27. package/src/components/YcCustomerService/chat.vue +0 -337
  28. package/src/components/YcCustomerService/chatMixin.js +0 -128
  29. package/src/components/YcCustomerService/index.vue +0 -272
  30. package/src/components/YcQuestion/index.vue +0 -535
  31. package/src/components/YcSlideVerify/index.vue +0 -104
  32. package/src/main.js +0 -19
  33. package/src/packages/index.js +0 -29
  34. package/src/router/index.js +0 -20
  35. package/src/utils/auth.js +0 -6
  36. package/src/utils/mTokenPlugin/base64.js +0 -148
  37. package/src/utils/mTokenPlugin/base64_backups.js +0 -146
  38. package/src/utils/mTokenPlugin/hunca_mToken_core.js +0 -1447
  39. package/src/utils/mTokenPlugin/hunca_mToken_core2.js +0 -1455
  40. package/src/utils/mTokenPlugin/hunca_mToken_core_backups.js +0 -1425
  41. package/src/utils/mTokenPlugin/mToken.js +0 -3211
  42. package/src/utils/mTokenPlugin/mToken_backups.js +0 -3202
  43. package/src/utils/mTokenPluginBeijin/formateTime.js +0 -10
  44. package/src/utils/mTokenPluginBeijin/xtxasyn.js +0 -1156
  45. package/src/utils/request.js +0 -50
  46. package/src/views/question.vue +0 -32
  47. package/vue.config.js +0 -41
@@ -1,272 +0,0 @@
1
- <template>
2
- <div ref="customer" style="display: none">
3
- <chat-vue
4
- :visible.sync="visible"
5
- :jumpPage="jumpPage"
6
- :title="title"
7
- :id="id"
8
- />
9
- <div class="customerService">
10
- <div class="mobile" :data-mobile="hotlineService || '客服热线'">
11
- <slot></slot>
12
- </div>
13
- <div
14
- class="headset"
15
- @click="visible = !visible"
16
- :data-headset="onlineService"
17
- >
18
- <div><i class="el-icon-headset"></i></div>
19
- <div>
20
- <a>{{ onlineService }}</a>
21
- </div>
22
- </div>
23
- </div>
24
- </div>
25
- </template>
26
-
27
- <script>
28
- import chatVue from "./chat.vue";
29
- export default {
30
- name: "YcCustomerService",
31
- components: {
32
- chatVue,
33
- },
34
- props: {
35
- jumpPage: String,
36
- title: String,
37
- tokenName: String,
38
- id: Number,
39
- hotlineService: String,
40
- },
41
- data() {
42
- return {
43
- visible: false,
44
- // hotlineService: "客服热线",
45
- onlineService: "在线客服",
46
- };
47
- },
48
- computed: {
49
- hasSlot() {
50
- return Boolean(this.$slots.default);
51
- },
52
- },
53
- watch: {
54
- $route(to) {
55
- if (to.path != this.jumpPage) {
56
- this.$refs.customer.style.display = "block";
57
- } else {
58
- this.$refs.customer.style.display = "none";
59
- }
60
- },
61
- },
62
- mounted() {
63
- sessionStorage.setItem(process.env.VUE_APP_TOKEN_NAME, this.tokenName);
64
- this.$refs.customer.style.display = "block";
65
- },
66
- };
67
- </script>
68
- <style lang="scss" scoped>
69
- .customerService {
70
- @mixin repeated-styles($delay, $text) {
71
- &:not(:hover) {
72
- animation: animateMobileText 60s linear $delay infinite;
73
- &:after {
74
- content: $text;
75
- width: 40px;
76
- height: 51px;
77
- padding: 0px 5px;
78
- position: absolute;
79
- top: 0px;
80
- left: 50px;
81
- font-size: 14px;
82
- display: flex;
83
- align-items: center;
84
- justify-content: center;
85
- background-color: #ffffff;
86
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
87
- }
88
- }
89
- }
90
- position: fixed;
91
- right: 0px;
92
- bottom: 35px;
93
- z-index: 2001;
94
- > div {
95
- cursor: pointer;
96
- position: absolute;
97
- right: 0px;
98
- display: flex;
99
- align-items: center;
100
- background-color: #ffffff;
101
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
102
- &:hover {
103
- > div:first-child {
104
- color: #ff4949;
105
- i {
106
- animation-name: animateRotate;
107
- animation-duration: 0.5s;
108
- animation-iteration-count: infinite;
109
- }
110
- }
111
- }
112
- > div:first-child {
113
- width: 50px;
114
- height: 50px;
115
- text-align: center;
116
- line-height: 50px;
117
- font-size: 18px;
118
- }
119
- > div:last-child {
120
- opacity: 0;
121
- // transition: all 0.3s linear;
122
- padding: 10px;
123
- border-radius: 6px;
124
- position: absolute;
125
- min-height: 50px;
126
- display: flex;
127
- flex-direction: column;
128
- // align-items: center;
129
- justify-content: space-around;
130
- background-color: #ffffff;
131
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
132
- &::after {
133
- content: "";
134
- position: absolute;
135
- top: calc(50% - 10px);
136
- right: -20px;
137
- border-width: 10px;
138
- border-style: solid;
139
- border-color: transparent transparent transparent #ffffff;
140
- filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
141
- }
142
- a {
143
- color: #333;
144
- font-size: 14px;
145
- display: block;
146
- }
147
- }
148
- }
149
- .mobile {
150
- bottom: 50px;
151
- border-bottom: 1px solid #e6ebf5;
152
- @include repeated-styles(3s, attr(data-mobile));
153
- &:hover {
154
- > div:last-child {
155
- left: -210px;
156
- opacity: 1;
157
- animation-name: animateMobile;
158
- animation-duration: 0.5s;
159
- }
160
- }
161
- > div:last-child {
162
- left: -120vw;
163
- width: 190px;
164
- bottom: 0px;
165
- a {
166
- width: fit-content;
167
- position: relative;
168
- margin-top: 5px;
169
- text-indent: 5px;
170
- &:hover {
171
- color: #ff4949;
172
- &::before {
173
- width: 100%;
174
- right: auto;
175
- left: 0px;
176
- }
177
- }
178
- &::before {
179
- content: "";
180
- width: 0%;
181
- height: 1px;
182
- opacity: 0.6;
183
- background: #ff4949;
184
- transition: all 0.5s linear;
185
- position: absolute;
186
- right: 0px;
187
- bottom: -2px;
188
- }
189
- }
190
- &::after {
191
- top: calc(100% - 35px);
192
- }
193
- }
194
- }
195
- .headset {
196
- bottom: 0px;
197
- @include repeated-styles(13s, attr(data-headset));
198
- &:hover {
199
- > div:last-child {
200
- left: -110px;
201
- opacity: 1;
202
- animation-name: animateHeadset;
203
- animation-duration: 0.5s;
204
- }
205
- }
206
- > div:last-child {
207
- left: -120vw;
208
- width: 90px;
209
- }
210
- }
211
- @keyframes animateMobile {
212
- 0% {
213
- left: -200vw;
214
- opacity: 0;
215
- }
216
- 0.1% {
217
- left: -310px;
218
- opacity: 0;
219
- }
220
- 100% {
221
- left: -210px;
222
- opacity: 1;
223
- }
224
- }
225
- @keyframes animateHeadset {
226
- 0% {
227
- left: -120vw;
228
- opacity: 0;
229
- }
230
- 0.1% {
231
- left: -210px;
232
- opacity: 0.5;
233
- }
234
- 100% {
235
- left: -110px;
236
- opacity: 1;
237
- }
238
- }
239
- @keyframes animateRotate {
240
- 0% {
241
- transform: rotate(0deg);
242
- }
243
- 20% {
244
- transform: rotate(7deg);
245
- }
246
- 40% {
247
- transform: rotate(0deg);
248
- }
249
- 80% {
250
- transform: rotate(-7deg);
251
- }
252
- 100% {
253
- transform: rotate(0deg);
254
- }
255
- }
256
-
257
- @keyframes animateMobileText {
258
- 0% {
259
- transform: translateX(0px);
260
- }
261
- 1% {
262
- transform: translateX(-50px);
263
- }
264
- 21% {
265
- transform: translateX(-50px);
266
- }
267
- 22% {
268
- transform: translateX(0px);
269
- }
270
- }
271
- }
272
- </style>