yc-ui2 0.1.1 → 0.1.2-beta02

package/.env

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

package/README.md

@@ -1,30 +1,33 @@
-### 使用
-
-```
-// 安装
-$ npm install yc-ui2
-
-// main.js 导入
-import Ycui2 from 'yc-ui2'
-
-Vue.use(Ycui2)
-```
-
-### 组件
-
-> YcSlideVerify
-
-```
-<yc-slide-verify
-      :isShow="isShow"
-      @success="handleLogin"
-      @close="isShow = false"
-    />
-```
-
-| Param   | Type       | Describe |
-| ------- | ---------- | -------- |
-| title   | `String`   | 滑动验证 |
-| isShow  | `Boolean`  | 是否显示 |
-| success | `Function` | 成功回调 |
-| close   | `Function` | 关闭显示 |
+# 使用
+
+安装命令：`npm install yc-ui2`
+
+#### main.js 导入
+```javascript
+import Ycui2 from 'yc-ui2'
+import "yc-ui2/dist/yc-ui2.css"
+
+Vue.use(Ycui2)
+```
+
+#### vue.config.js
+
+```javascript
+proxy: {
+  // 在proxy中添加以下代码
+  ['/cloud-img']: {
+    target: `http://113.219.171.47:6610/cloud-img/`,
+    changeOrigin: true,
+    pathRewrite: {
+      ["^/cloud-img"]: "",
+    },
+  },
+}
+```
+
+# 组件
+
+| Name   | Describe |
+| ------- | -------- |
+| [YcSlideVerify](md/YcSlideVerify.md "点击跳转查看组件详情")   | 滑动验证 |
+| [YcCustomerService、YcQuestion](md/CustomerService.md "点击跳转查看组件详情")   | 小优客服 |

package/dist/yc-ui2.common.js

@@ -1673,11 +1673,11 @@ 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=7dfb6f60&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=2248e29b&scoped=true&
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
-  return _c('div', [_c('el-dialog', {
+  return _c('el-dialog', {
     attrs: {
       "title": _vm.title,
       "visible": _vm.isShow,
@@ -1705,7 +1705,7 @@ var render = function render() {
       "refresh": _vm.onRefresh,
       "fulfilled": _vm.onFulfilled
     }
-  })], 1)], 1);
+  })], 1);
 };
 var staticRenderFns = [];
 
@@ -1757,10 +1757,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=7dfb6f60&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=2248e29b&prod&lang=scss&scoped=true&
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=7dfb6f60&prod&lang=scss&scoped=true&
+;// CONCATENATED MODULE: ./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=2248e29b&prod&lang=scss&scoped=true&
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -1875,15 +1875,563 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "7dfb6f60",
+  "2248e29b",
   null
   
 )
 
 /* harmony default export */ var YcSlideVerify = (component.exports);
+;// 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/YcCustomerService/index.vue?vue&type=template&id=849349a0&scoped=true&
+var YcCustomerServicevue_type_template_id_849349a0_scoped_true_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    ref: "customer",
+    staticStyle: {
+      "display": "none"
+    }
+  }, [_c('chat-vue', {
+    attrs: {
+      "visible": _vm.visible,
+      "jumpPage": _vm.jumpPage,
+      "title": _vm.title,
+      "json": _vm.json,
+      "regular": _vm.regular
+    },
+    on: {
+      "update:visible": function ($event) {
+        _vm.visible = $event;
+      }
+    }
+  }), _c('div', {
+    staticClass: "customerService"
+  }, [_c('div', {
+    staticClass: "mobile"
+  }, [_vm._t("default")], 2), _c('div', {
+    staticClass: "headset",
+    on: {
+      "click": function ($event) {
+        _vm.visible = !_vm.visible;
+      }
+    }
+  }, [_vm._m(0), _vm._m(1)])])], 1);
+};
+var YcCustomerServicevue_type_template_id_849349a0_scoped_true_staticRenderFns = [function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', [_c('i', {
+    staticClass: "el-icon-headset"
+  })]);
+}, function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', [_c('a', [_vm._v("在线客服")])]);
+}];
+
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/index.vue?vue&type=template&id=849349a0&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/YcCustomerService/chat.vue?vue&type=template&id=dcf285b2&
+var chatvue_type_template_id_dcf285b2_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.visible,
+      expression: "visible"
+    }],
+    staticClass: "chat"
+  }, [_c('header', [_c('img', {
+    attrs: {
+      "src": "/cloud-img/customerService/admin.jpg"
+    }
+  }), _c('span', [_vm._v(_vm._s(_vm.title))]), _vm.jumpPage ? _c('i', {
+    staticClass: "icon-enlarge",
+    on: {
+      "click": _vm.enlarge
+    }
+  }, [_c('img', {
+    attrs: {
+      "src": "/cloud-img/customerService/enlarge.png"
+    }
+  })]) : _vm._e(), _c('i', {
+    staticClass: "el-icon-close",
+    on: {
+      "click": _vm.close
+    }
+  })]), _c('main', {
+    ref: "main"
+  }, _vm._l(_vm.messagelist, function (item, index) {
+    return _c('div', {
+      key: index,
+      class: ['message', item.id]
+    }, [_c('img', {
+      staticClass: "avatar",
+      attrs: {
+        "src": `/cloud-img/customerService/${item.id}.jpg`
+      }
+    }), _c('div', {
+      staticClass: "content"
+    }, [_vm._l(item.msg, function (msg, index) {
+      return _c('span', {
+        key: msg + index,
+        class: item.msg.length > 1 ? 'href' : '',
+        domProps: {
+          "innerHTML": _vm._s((item.msg.length > 1 ? 1 + index + '. ' : ' ') + msg)
+        },
+        on: {
+          "click": function ($event) {
+            item.msg.length > 1 && _vm.regularClick(msg);
+          }
+        }
+      });
+    }), item.based ? _c('div', {
+      staticClass: "based",
+      on: {
+        "click": function ($event) {
+          return _vm.handExpand(item);
+        }
+      }
+    }, [_c('span', [_vm._v("依据")]), _c('span', {
+      class: {
+        'is-active': item.isActive
+      }
+    }, [_vm._v(_vm._s(item.based)), _c('i', {
+      staticClass: "el-icon-d-arrow-right"
+    })])]) : _vm._e()], 2)]);
+  }), 0), _c('nav', _vm._l(_vm.regular, function (item, index) {
+    return _c('el-button', {
+      key: item + index,
+      attrs: {
+        "size": "mini",
+        "round": ""
+      },
+      on: {
+        "click": function ($event) {
+          return _vm.regularClick(item);
+        }
+      }
+    }, [_vm._v(_vm._s(item))]);
+  }), 1), _c('el-input', {
+    attrs: {
+      "type": "textarea",
+      "maxlength": "500",
+      "autosize": {
+        minRows: 2,
+        maxRows: 3
+      },
+      "autofocus": "true",
+      "resize": "none",
+      "placeholder": "请反馈您的问题，我们将尽快回复"
+    },
+    nativeOn: {
+      "keyup": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        return _vm.carriageReturn.apply(null, arguments);
+      }
+    },
+    model: {
+      value: _vm.textareaValue,
+      callback: function ($$v) {
+        _vm.textareaValue = $$v;
+      },
+      expression: "textareaValue"
+    }
+  }), _c('el-button', {
+    attrs: {
+      "type": "primary",
+      "size": "mini",
+      "disabled": !_vm.textareaValue
+    },
+    on: {
+      "click": _vm.send
+    }
+  }, [_vm._v("发送")])], 1);
+};
+var chatvue_type_template_id_dcf285b2_staticRenderFns = [];
+
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/chatMixin.js
+
+/* harmony default export */ var chatMixin = ({
+  props: {
+    visible: Boolean,
+    jumpPage: String,
+    json: String,
+    title: String,
+    commit: String,
+    regular: Array
+  },
+  data() {
+    return {
+      textareaValue: "",
+      // regular: ['发票增值税率', '城市维护建设税', '教育费附加征收率'],
+      messagelist: [{
+        id: 'admin',
+        msg: ['您好，38号客服很高兴为你服务！'],
+        isActive: false
+      }
+      // {id: 'personal', msg: ['消费税？']}
+      ],
+
+      isActive: false
+    };
+  },
+  computed: {
+    questions() {
+      return JSON.parse(this.json);
+    }
+  },
+  methods: {
+    close() {
+      this.$emit("update:visible", false);
+    },
+    carriageReturn() {
+      let e = window.event || arguments[0];
+      if ((e.key == "Enter" || e.code == "Enter" || e.keyCode == 13) && this.textareaValue) {
+        this.send();
+      }
+    },
+    send() {
+      if (!this.textareaValue.replace(/[^\w\u4E00-\u9FA5]/g, '')) return;
+      this.add(this.textareaValue, "personal", () => {
+        this.textareaValue = '';
+      });
+      this.search(this.textareaValue);
+    },
+    regularClick(msg) {
+      this.add(msg);
+      this.search(msg);
+    },
+    search(msg) {
+      const list = this.questions.filter(item => item.faq.replace(/[^\w\u4E00-\u9FA5]/g, '').toLowerCase().includes(msg.replace(/[^\w\u4E00-\u9FA5]/g, '').toLowerCase()));
+      let [vlaue, based] = ['', ''];
+      if (list.length > 1) {
+        vlaue = list.reduce((prev, curr) => [...prev, curr.faq], []);
+      } else if (list.length == 1) {
+        [vlaue, based] = [list[0].msg, list[0].based];
+      } else if (["您好", "你好"].includes(msg.replace(/[^\w\u4E00-\u9FA5]/g, ''))) {
+        vlaue = '您好！';
+      } else {
+        vlaue = '请提关键词问题？<br/> 比如: 税率<br/><br/><a href="tel:4000770168">客服热线：<span style="color: #FF575F;">400 0770 168</span></a>';
+      }
+      this.add(vlaue, 'admin', null, based);
+    },
+    add(msg, id = "personal", fun, based = "") {
+      this.messagelist.push({
+        id,
+        msg: Array.isArray(msg) ? msg : [msg],
+        based,
+        isActive: false
+      });
+      this.$nextTick(() => {
+        fun && fun();
+        // this.$refs.main.scrollTop += 70
+        this.$refs.main.scrollTop = this.$refs.main.scrollHeight;
+        // console.log(this.$refs.main.scrollTop, this.$refs.main.scrollHeight)
+      });
+    },
+
+    enlarge() {
+      // this.$router.resolve({
+      //     name: this.jumpPage
+      // })
+
+      window.open(this.jumpPage, '_blank');
+    },
+    handExpand(item) {
+      item.isActive = !item.isActive;
+    }
+  }
+});
+;// 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/index.js??vue-loader-options!./src/components/YcCustomerService/chat.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var chatvue_type_script_lang_js_ = ({
+  name: "ChatMini",
+  mixins: [chatMixin]
+});
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/chat.vue?vue&type=script&lang=js&
+ /* harmony default export */ var YcCustomerService_chatvue_type_script_lang_js_ = (chatvue_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/YcCustomerService/chat.vue?vue&type=style&index=0&id=dcf285b2&prod&lang=scss&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/chat.vue?vue&type=style&index=0&id=dcf285b2&prod&lang=scss&
+
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/chat.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var chat_component = normalizeComponent(
+  YcCustomerService_chatvue_type_script_lang_js_,
+  chatvue_type_template_id_dcf285b2_render,
+  chatvue_type_template_id_dcf285b2_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var chat = (chat_component.exports);
+;// 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/index.js??vue-loader-options!./src/components/YcCustomerService/index.vue?vue&type=script&lang=js&
+
+/* harmony default export */ var YcCustomerServicevue_type_script_lang_js_ = ({
+  name: "YcCustomerService",
+  components: {
+    chatVue: chat
+  },
+  props: {
+    jumpPage: String,
+    title: String,
+    json: String,
+    regular: Array
+  },
+  data() {
+    return {
+      visible: false
+    };
+  },
+  computed: {
+    hasSlot() {
+      return Boolean(this.$slots.default);
+    }
+  },
+  watch: {
+    $route(to) {
+      if (to.path != this.jumpPage) {
+        this.$refs.customer.style.display = "block";
+      } else {
+        this.$refs.customer.style.display = "none";
+      }
+    }
+  },
+  mounted() {
+    this.$refs.customer.style.display = "block";
+  }
+});
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_YcCustomerServicevue_type_script_lang_js_ = (YcCustomerServicevue_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/YcCustomerService/index.vue?vue&type=style&index=0&id=849349a0&prod&lang=scss&scoped=true&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/index.vue?vue&type=style&index=0&id=849349a0&prod&lang=scss&scoped=true&
+
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/index.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var YcCustomerService_component = normalizeComponent(
+  components_YcCustomerServicevue_type_script_lang_js_,
+  YcCustomerServicevue_type_template_id_849349a0_scoped_true_render,
+  YcCustomerServicevue_type_template_id_849349a0_scoped_true_staticRenderFns,
+  false,
+  null,
+  "849349a0",
+  null
+  
+)
+
+/* harmony default export */ var YcCustomerService = (YcCustomerService_component.exports);
+;// 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/YcQuestion/index.vue?vue&type=template&id=168e6b3f&
+var YcQuestionvue_type_template_id_168e6b3f_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "chatPage"
+  }, [_c('header', {
+    staticStyle: {
+      "background": "url('/cloud-img/customerService/chatTop.png') center",
+      "background-size": "cover"
+    }
+  }, [_c('div', [_c('h3', [_vm._v(_vm._s(_vm.title))]), _c('span', [_vm._v("Problem Help")])]), _c('p', [_vm._v("小优为您提供24小时服务")])]), _c('div', {
+    staticClass: "main"
+  }, [_c('div', [_c('main', {
+    ref: "main"
+  }, [_c('p', [_vm._v("今天" + _vm._s(_vm.currData))]), _vm._l(_vm.messagelist, function (item, index) {
+    return _c('div', {
+      key: index,
+      class: ['message', item.id]
+    }, [_c('img', {
+      staticClass: "avatar",
+      attrs: {
+        "src": '/cloud-img/customerService/' + item.id + '.jpg'
+      }
+    }), _c('div', {
+      staticClass: "content"
+    }, [_vm._l(item.msg, function (msg, index) {
+      return _c('span', {
+        key: msg + index,
+        class: item.msg.length > 1 ? 'href' : '',
+        domProps: {
+          "innerHTML": _vm._s((item.msg.length > 1 ? 1 + index + '. ' : ' ') + msg)
+        },
+        on: {
+          "click": function ($event) {
+            item.msg.length > 1 && _vm.regularClick(msg);
+          }
+        }
+      });
+    }), item.based ? _c('div', {
+      staticClass: "based",
+      on: {
+        "click": function ($event) {
+          $event.preventDefault();
+          return _vm.handExpand(item);
+        }
+      }
+    }, [_c('span', [_vm._v("依据")]), _c('span', {
+      class: {
+        'is-active': item.isActive
+      }
+    }, [_vm._v(_vm._s(item.based)), _c('i', {
+      staticClass: "el-icon-d-arrow-right"
+    })])]) : _vm._e()], 2)]);
+  })], 2), _c('footer', [_c('el-input', {
+    attrs: {
+      "type": "textarea",
+      "maxlength": "500",
+      "autosize": {
+        minRows: 6,
+        maxRows: 6
+      },
+      "autofocus": "true",
+      "resize": "none",
+      "placeholder": "请输入你要咨询的问题"
+    },
+    nativeOn: {
+      "keyup": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) return null;
+        return _vm.carriageReturn.apply(null, arguments);
+      }
+    },
+    model: {
+      value: _vm.textareaValue,
+      callback: function ($$v) {
+        _vm.textareaValue = $$v;
+      },
+      expression: "textareaValue"
+    }
+  }), _c('el-button', {
+    style: !_vm.textareaValue ? 'background-color: #F7F7F9;color: #FF575F;border-color: transparent;' : '',
+    attrs: {
+      "type": "primary",
+      "disabled": !_vm.textareaValue
+    },
+    on: {
+      "click": _vm.send
+    }
+  }, [_vm._v("发送")])], 1)]), _c('aside', [_c('el-collapse', {
+    attrs: {
+      "accordion": ""
+    },
+    model: {
+      value: _vm.activeNames,
+      callback: function ($$v) {
+        _vm.activeNames = $$v;
+      },
+      expression: "activeNames"
+    }
+  }, _vm._l(_vm.questionsList, function (item, key, index) {
+    return _c('el-collapse-item', {
+      key: key,
+      attrs: {
+        "name": index
+      }
+    }, [_c('template', {
+      slot: "title"
+    }, [_c('img', {
+      attrs: {
+        "src": "/cloud-img/customerService/ellipticalWenh.png"
+      }
+    }), _vm._v(_vm._s(key) + " ")]), _vm._l(item, function (faq) {
+      return _c('div', {
+        key: faq,
+        domProps: {
+          "innerHTML": _vm._s(faq)
+        },
+        on: {
+          "click": function ($event) {
+            return _vm.regularClick(faq);
+          }
+        }
+      });
+    })], 2);
+  }), 1)], 1)])]);
+};
+var YcQuestionvue_type_template_id_168e6b3f_staticRenderFns = [];
+
+;// 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/index.js??vue-loader-options!./src/components/YcQuestion/index.vue?vue&type=script&lang=js&
+
+
+/* harmony default export */ var YcQuestionvue_type_script_lang_js_ = ({
+  name: "YcQuestion",
+  mixins: [chatMixin],
+  data() {
+    return {
+      activeNames: [1]
+    };
+  },
+  computed: {
+    currData() {
+      const currData = new Date();
+      return `${currData.getHours()}:${currData.getMinutes()}`;
+    },
+    questionsList() {
+      return this.questions.reduce((prev, curr) => {
+        // eslint-disable-next-line no-prototype-builtins
+        if (prev.hasOwnProperty(curr.type)) {
+          prev[curr.type].push(curr.faq);
+        } else {
+          prev[curr.type] = [curr.faq];
+        }
+        return prev;
+      }, {});
+    }
+  }
+});
+;// CONCATENATED MODULE: ./src/components/YcQuestion/index.vue?vue&type=script&lang=js&
+ /* harmony default export */ var components_YcQuestionvue_type_script_lang_js_ = (YcQuestionvue_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/YcQuestion/index.vue?vue&type=style&index=0&id=168e6b3f&prod&lang=scss&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/YcQuestion/index.vue?vue&type=style&index=0&id=168e6b3f&prod&lang=scss&
+
+;// CONCATENATED MODULE: ./src/components/YcQuestion/index.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var YcQuestion_component = normalizeComponent(
+  components_YcQuestionvue_type_script_lang_js_,
+  YcQuestionvue_type_template_id_168e6b3f_render,
+  YcQuestionvue_type_template_id_168e6b3f_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var YcQuestion = (YcQuestion_component.exports);
 ;// CONCATENATED MODULE: ./src/packages/index.js
 
-const components = [YcSlideVerify];
+
+
+const components = [YcSlideVerify, YcCustomerService, YcQuestion];
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 const install = function (Vue) {
   // 遍历注册全局组件