yc-ui2 0.1.3 → 0.1.5-beta1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +57 -28
- package/dist/yc-ui2.common.js +40627 -3540
- package/dist/yc-ui2.common.js.map +1 -1
- package/dist/yc-ui2.css +1 -1
- package/dist/yc-ui2.umd.js +40631 -3544
- package/dist/yc-ui2.umd.js.map +1 -1
- package/dist/yc-ui2.umd.min.js +24 -1
- package/dist/yc-ui2.umd.min.js.map +1 -1
- package/package.json +4 -3
- package/src/App.vue +18 -12
- package/src/api/customerService.js +56 -0
- package/src/utils/request.js +45 -0
- package/src/views/question.vue +13 -3
- package/vue.config.js +11 -3
- package/.env +0 -2
- package/src/assets/questions.js +0 -115
package/README.md
CHANGED
@@ -10,13 +10,24 @@ import "yc-ui2/dist/yc-ui2.css"
|
|
10
10
|
Vue.use(Ycui2)
|
11
11
|
```
|
12
12
|
|
13
|
+
# 组件
|
14
|
+
| Name | Describe |
|
15
|
+
| --------------------------------------------------------------------- | -------- |
|
16
|
+
| [YcSlideVerify](#yc-slide-verify) | 滑动验证 |
|
17
|
+
| [YcCustomerService](#yc-customer-service) [YcQuestion](#yc-question) | 小优客服 |
|
18
|
+
| [YcCA](#YcCA) | CA组件 |
|
19
|
+
|
20
|
+
|
21
|
+
#### yc-slide-verify
|
22
|
+
> 滑动验证
|
23
|
+
|
13
24
|
***vue.config.js***
|
14
25
|
|
15
26
|
```javascript
|
16
27
|
proxy: {
|
17
28
|
// 在proxy中添加以下代码
|
18
29
|
['/cloud-img']: {
|
19
|
-
target: `http
|
30
|
+
target: `http://***:***/cloud-img/`,
|
20
31
|
changeOrigin: true,
|
21
32
|
pathRewrite: {
|
22
33
|
["^/cloud-img"]: "",
|
@@ -25,16 +36,6 @@ proxy: {
|
|
25
36
|
}
|
26
37
|
```
|
27
38
|
|
28
|
-
# 组件
|
29
|
-
| Name | Describe |
|
30
|
-
| --------------------------------------------------------------------- | -------- |
|
31
|
-
| [YcSlideVerify](#yc-slide-verify) | 滑动验证 |
|
32
|
-
| [YcCustomerService](#yc-customer-service) [YcQuestion](#yc-question) | 小优客服 |
|
33
|
-
|
34
|
-
|
35
|
-
#### yc-slide-verify
|
36
|
-
> 滑动验证
|
37
|
-
|
38
39
|
```html
|
39
40
|
<yc-slide-verify
|
40
41
|
:isShow.sync="isShow"
|
@@ -48,18 +49,32 @@ proxy: {
|
|
48
49
|
| isShow | `Boolean` | 是否显示 |
|
49
50
|
| success | `Function` | 成功回调 |
|
50
51
|
| close | `Function` | 关闭显示 |
|
51
|
-
|
52
|
+
-------------
|
52
53
|
|
53
54
|
|
54
55
|
#### yc-customer-service
|
55
56
|
> 小优客服右角展示
|
56
57
|
|
58
|
+
***vue.config.js***
|
59
|
+
|
60
|
+
```javascript
|
61
|
+
proxy: {
|
62
|
+
// 在proxy中添加以下代码
|
63
|
+
['/customer-api']: {
|
64
|
+
target: `http://***:***`,
|
65
|
+
changeOrigin: true,
|
66
|
+
pathRewrite: {
|
67
|
+
["^/customer-api"]: "",
|
68
|
+
},
|
69
|
+
},
|
70
|
+
}
|
71
|
+
```
|
72
|
+
|
57
73
|
```html
|
58
74
|
<yc-customer-service
|
59
|
-
|
75
|
+
:id=""
|
76
|
+
:title=""
|
60
77
|
jumpPage="/question"
|
61
|
-
:json="JSON.stringify(require('@/assets/questions.js').default)"
|
62
|
-
:regular="['发票增值税率', '城市维护建设税', '教育费附加征收率']"
|
63
78
|
>
|
64
79
|
<!-- 定制化插槽部分 -->
|
65
80
|
<div>
|
@@ -69,11 +84,11 @@ proxy: {
|
|
69
84
|
<div>
|
70
85
|
<!-- 第二个div内容 鼠标放入第一个div会提示以下部分 -->
|
71
86
|
<span>客服热线</span>
|
72
|
-
<a href="tel
|
87
|
+
<a href="tel:***">***</a>
|
73
88
|
<template v-if="!['/login', '/register'].includes($route.path)">
|
74
|
-
<span style="margin-top: 10px"
|
75
|
-
<a href="tel
|
76
|
-
<a href="tel
|
89
|
+
<span style="margin-top: 10px">***服务电话</span>
|
90
|
+
<a href="tel:***">***(***)</a>
|
91
|
+
<a href="tel:***">***(***)</a>
|
77
92
|
</template>
|
78
93
|
</div>
|
79
94
|
</yc-customer-service>
|
@@ -81,10 +96,9 @@ proxy: {
|
|
81
96
|
|
82
97
|
| Param | Type | Describe |
|
83
98
|
| -------- | -------- | ---------------- |
|
84
|
-
|
|
99
|
+
| id | `Number` | 服务id |
|
100
|
+
| title | `String` | 服务标题 |
|
85
101
|
| jumpPage | `String` | 展开跳转客服页面 |
|
86
|
-
| json | `String` | 问题库 |
|
87
|
-
| regular | `Array` | 常见问题 |
|
88
102
|
-------------
|
89
103
|
|
90
104
|
|
@@ -111,15 +125,30 @@ const whiteList = ['/login', '......', '/question']
|
|
111
125
|
```html
|
112
126
|
<template>
|
113
127
|
<YcQuestion
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
128
|
+
:id=""
|
129
|
+
:title=""
|
130
|
+
:commit=""
|
131
|
+
></YcQuestion>
|
118
132
|
</template>
|
119
133
|
```
|
120
134
|
|
121
135
|
| Param | Type | Describe |
|
122
136
|
| ------ | -------- | -------- |
|
123
|
-
|
|
137
|
+
| id | `Number` | 服务id |
|
138
|
+
| title | `String` | 服务Name |
|
124
139
|
| commit | `String` | 描述 |
|
125
|
-
|
140
|
+
-------------
|
141
|
+
|
142
|
+
#### YcCA
|
143
|
+
> CA组件
|
144
|
+
|
145
|
+
```html
|
146
|
+
<template>
|
147
|
+
<YcCA :region="region" @caSuccess="login" />
|
148
|
+
</template>
|
149
|
+
```
|
150
|
+
|
151
|
+
| Param | Type | Describe |
|
152
|
+
| ------ | -------- | -------- |
|
153
|
+
| region | `Number` | CA地区类型 |
|
154
|
+
| caSuccess | `Function` | CA成功回调方法 |
|