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 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://113.219.171.47:6610/cloud-img/`,
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
- title="小优客服【38号为您服务】"
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:4000770168">400 0770 168</a>
87
+ <a href="tel:***">***</a>
73
88
  <template v-if="!['/login', '/register'].includes($route.path)">
74
- <span style="margin-top: 10px">银行服务电话</span>
75
- <a href="tel:13973004180">13973004180(蒋行长)</a>
76
- <a href="tel:15773001997">15773001997(彭经理)</a>
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
- | title | `String` | 标题 |
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
- title="小优客服"
115
- commit="小优为您提供24小时服务"
116
- :json="JSON.stringify(require('@/assets/questions.js').default)"
117
- ></YcQuestion>
128
+ :id=""
129
+ :title=""
130
+ :commit=""
131
+ ></YcQuestion>
118
132
  </template>
119
133
  ```
120
134
 
121
135
  | Param | Type | Describe |
122
136
  | ------ | -------- | -------- |
123
- | title | `String` | 标题 |
137
+ | id | `Number` | 服务id |
138
+ | title | `String` | 服务Name |
124
139
  | commit | `String` | 描述 |
125
- | json | `String` | 问题库 |
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成功回调方法 |