yc-ui2 0.1.3 → 0.1.5-beta1
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.
- 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成功回调方法 |
|