yc-ui2 0.1.2-beta02 → 0.1.2-beta04

package/.env

@@ -1,2 +1,2 @@
-VUE_APP_BASE_API = /cloud-img
-VUE_APP_PATH = http://113.219.171.47:6610/cloud-img
+VUE_APP_BASE_API = http://113.219.171.47:6610
+VUE_APP_PATH = /cloud-img

package/README.md

@@ -2,7 +2,7 @@
 
 安装命令：`npm install yc-ui2`
 
-#### main.js 导入
+***main.js 导入***
 ```javascript
 import Ycui2 from 'yc-ui2'
 import "yc-ui2/dist/yc-ui2.css"
@@ -10,7 +10,7 @@ import "yc-ui2/dist/yc-ui2.css"
 Vue.use(Ycui2)
 ```
 
-#### vue.config.js
+***vue.config.js***
 
 ```javascript
 proxy: {
@@ -26,8 +26,101 @@ proxy: {
 ```
 
 # 组件
+| Name                                                                  | Describe |
+| --------------------------------------------------------------------- | -------- |
+| [YcSlideVerify](#yc-slide-verify)                                     | 滑动验证 |
+| [YcCustomerService](#yc-customer-service)  [YcQuestion](#yc-question) | 小优客服 |
 
-| Name   | Describe |
-| ------- | -------- |
-| [YcSlideVerify](md/YcSlideVerify.md "点击跳转查看组件详情")   | 滑动验证 |
-| [YcCustomerService、YcQuestion](md/CustomerService.md "点击跳转查看组件详情")   | 小优客服 |
+
+#### yc-slide-verify
+> 滑动验证
+
+```html
+<yc-slide-verify
+      :isShow="isShow"
+      @success="handleLogin"
+      @close="isShow = false"
+    />
+```
+
+| Param   | Type       | Describe |
+| ------- | ---------- | -------- |
+| title   | `String`   | 滑动验证 |
+| isShow  | `Boolean`  | 是否显示 |
+| success | `Function` | 成功回调 |
+| close   | `Function` | 关闭显示 |
+
+
+
+#### yc-customer-service 
+> 小优客服右角展示
+
+```html
+<yc-customer-service
+      title="小优客服【38号为您服务】"
+      jumpPage="/question"
+      :json="JSON.stringify(require('@/assets/questions.js').default)"
+      :regular="['发票增值税率', '城市维护建设税', '教育费附加征收率']"
+    >
+      <!-- 定制化插槽部分 -->
+      <div>
+        <!-- 第一个div内容 右下角显示图片 -->
+        <i class="el-icon-mobile"></i>
+      </div>
+      <div>
+        <!-- 第二个div内容 鼠标放入第一个div会提示以下部分 -->
+        <span>客服热线</span>
+        <a href="tel:4000770168">400 0770 168</a>
+        <template v-if="!['/login', '/register'].includes($route.path)">
+          <span style="margin-top: 10px">银行服务电话</span>
+          <a href="tel:13973004180">13973004180（蒋行长）</a>
+          <a href="tel:15773001997">15773001997（彭经理）</a>
+        </template>
+      </div>
+    </yc-customer-service>
+```
+
+| Param    | Type     | Describe         |
+| -------- | -------- | ---------------- |
+| title    | `String` | 标题             |
+| jumpPage | `String` | 展开跳转客服页面 |
+| json     | `String` | 问题库           |
+| regular  | `Array`  | 常见问题         |
+-------------
+
+
+#### yc-question 
+> 小优客服页面
+> 
+> 需要在白名单中添加 /question 页面；有的在 permission.js 有的在router中
+```javascript
+const whiteList = ['/login', '......', '/question']
+```
+> 路由中需要配置 yc-customer-service组件中jumpPage参数跳转的页面
+> router/index.js 路由中添加以下部分
+
+```javascript
+{
+    path: "/question", //yc-customer-service组件中jumpPage参数保持一致
+    component: (resolve) => require(["@/views/question"], resolve),
+    hidden: true,
+  },
+```
+
+> 根据自己编写的路由文件创建文件：views/question.vue
+> 新创建的question.vue 中加入以下代码
+```html
+<template>
+  <YcQuestion
+    title="小优客服"
+    commit="小优为您提供24小时服务"
+    :json="JSON.stringify(require('@/assets/files/questions.js').default)"
+  ></YcQuestion>
+</template>
+```
+
+| Param  | Type     | Describe |
+| ------ | -------- | -------- |
+| title  | `String` | 标题     |
+| commit | `String` | 描述     |
+| json   | `String` | 问题库   |

package/dist/yc-ui2.common.js

@@ -1673,7 +1673,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/YcSlideVerify/index.vue?vue&type=template&id=2248e29b&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/YcSlideVerify/index.vue?vue&type=template&id=576db1f2&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1741,6 +1741,11 @@ var es_array_push = __webpack_require__(7658);
       return list;
     }
   },
+  watch: {
+    isShow(newVal) {
+      newVal && this.$refs.slideblock.reset();
+    }
+  },
   created() {},
   methods: {
     onSuccess() {
@@ -1757,10 +1762,10 @@ var es_array_push = __webpack_require__(7658);
 });
 ;// CONCATENATED MODULE: ./src/components/YcSlideVerify/index.vue?vue&type=script&lang=js&
  /* harmony default export */ var components_YcSlideVerifyvue_type_script_lang_js_ = (YcSlideVerifyvue_type_script_lang_js_); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=2248e29b&prod&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=576db1f2&prod&lang=scss&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=2248e29b&prod&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=576db1f2&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -1875,7 +1880,7 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "2248e29b",
+  "576db1f2",
   null
   
 )