yc-ui2 0.1.1-beta13 → 0.1.1-beta15

package/dist/yc-ui2.css

@@ -1 +1 @@
-.el-dialog__wrapper[data-v-2248e29b]{display:flex;justify-content:center;align-items:center}[data-v-2248e29b] .el-dialog{margin-top:0!important;border-radius:8px}[data-v-2248e29b] .el-dialog__header{background-color:#f2f6fc;border-radius:8px 8px 0 0}.el-dialog__body[data-v-2248e29b]{display:flex;justify-content:center}.chat{width:350px;height:480px;position:fixed;bottom:10px;right:55px;z-index:2001;background-color:#fff;border-radius:12px;border:1px solid #e6ebf5;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);overflow:hidden}.chat>header{display:flex;justify-content:flex-start;align-items:center;background-color:#ff575f;font-size:16px;padding:10px;font-weight:400;color:#fafdff}.chat>header>img{width:44px;height:44px;border-radius:50%;margin-right:10px;transition:all .3s linear}.chat>header>img:focus,.chat>header>img:hover{transform:scale(1.2) rotate(15deg)}.chat>header i{cursor:pointer;position:absolute;top:5px;width:20px;height:20px;border-radius:6px;display:flex;justify-content:center;align-items:center;transition:all .3s linear}.chat>header i:focus,.chat>header i:hover{transform:scale(1.2);background-color:hsla(7,100%,74%,.8)}.chat>header i.el-icon-close{right:10px}.chat>header i.icon-enlarge{right:35px}.chat>header i>img{width:12px}.chat>main{width:100%;height:60%;overflow-y:auto;padding-bottom:20px;background-color:#f7f7f9}.chat>main::-webkit-scrollbar{width:6px}.chat>main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.chat>main::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.chat>main::-webkit-scrollbar-thumb:hover{background:#ff755d}.chat>main .message{display:flex;gap:15px;position:relative;margin:20px 5px 0 5px;opacity:0}.chat>main .message .avatar{width:30px;height:30px;border-radius:50%}.chat>main .message .content{width:-moz-fit-content;width:fit-content;max-width:250px;font-weight:400;font-size:12px;color:#4c4c4d;line-height:20px;padding:10px;border-radius:10px;background-color:#fff}.chat>main .message .content .href{cursor:pointer;display:block;color:#ff575f;margin-bottom:.5rem}.chat>main .message .content .href:hover{text-decoration:underline}.chat>main .message .content>.based{cursor:pointer;color:#909399;display:flex;align-items:flex-start;justify-content:flex-start;border-top:1px solid #ebebed;padding-top:5px;margin-top:5px;gap:5px}.chat>main .message .content>.based>span:first-child{white-space:nowrap;color:#4c4c4d;border-radius:10px;background-color:#eeeef0;padding:0 7px}.chat>main .message .content>.based>span:last-child{width:100%;position:relative;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:12px}.chat>main .message .content>.based>span:last-child .el-icon-d-arrow-right{position:absolute;right:0;bottom:5px;transform:rotate(90deg);transition:all .35s linear}.chat>main .message .content>.based>span:last-child.is-active{overflow:visible;white-space:normal}.chat>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right{transform:rotate(270deg)}.chat>main .message .content>.based>span:last-child:hover{color:#ff575f}.chat>main .message.admin{animation:animation01 .3s linear 1.5s forwards}.chat>main .message.admin .content:before{content:"";position:absolute;top:2px;left:37px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff}.chat>main .message.personal{animation:animation01 .3s linear .3s forwards;flex-direction:row-reverse}.chat>main .message.personal .content:after{content:"";position:absolute;top:2px;right:37px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent #fff transparent}@keyframes animation01{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat>nav{background-color:#f7f7f9;border-bottom:1px solid #e7e7ea;padding:5px 10px;display:flex}.chat>nav .el-button{font-size:12px;font-weight:400;color:#4c4c4d;background-color:#fff!important;border:1px solid #e7e7ea;padding:5px 8px}.chat>.el-textarea{border-color:transparent}.chat>.el-textarea textarea{overflow-y:hidden;padding-right:65px;font-weight:400;color:#19191a;font-size:12px;font-family:Source Han Sans CN-Regular,Source Han Sans CN}.chat>.el-textarea textarea,.chat>.el-textarea textarea:focus{border-color:transparent}.chat>.el-button{position:absolute;bottom:10px;right:10px}.customerService[data-v-777e6b16]{position:fixed;right:0;bottom:35px;z-index:2001}.customerService>div[data-v-777e6b16]{cursor:pointer;position:absolute;right:0;display:flex;align-items:center;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.customerService>div:hover>div[data-v-777e6b16]:first-child{color:#ff4949}.customerService>div:hover>div:first-child i[data-v-777e6b16]{animation-name:animateRotate-777e6b16;animation-duration:.5s;animation-iteration-count:infinite}.customerService>div>div[data-v-777e6b16]:first-child{width:50px;height:50px;text-align:center;line-height:50px;font-size:18px}.customerService>div>div[data-v-777e6b16]:last-child{opacity:0;padding:10px;border-radius:6px;position:absolute;min-height:50px;display:flex;flex-direction:column;justify-content:space-around;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.customerService>div>div[data-v-777e6b16]:last-child:after{content:"";position:absolute;top:calc(50% - 10px);right:-20px;border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2))}.customerService>div>div:last-child a[data-v-777e6b16]{color:#333;font-size:14px;display:block}.customerService .mobile[data-v-777e6b16]{bottom:50px;border-bottom:1px solid #e6ebf5}.customerService .mobile:hover>div[data-v-777e6b16]:last-child{left:-210px;opacity:1;animation-name:animateMobile-777e6b16;animation-duration:.5s}.customerService .mobile>div[data-v-777e6b16]:last-child{left:-120vw;width:190px;bottom:0}.customerService .mobile>div:last-child a[data-v-777e6b16]{width:-moz-fit-content;width:fit-content;position:relative;margin-top:5px;text-indent:5px}.customerService .mobile>div:last-child a[data-v-777e6b16]:hover{color:#ff4949}.customerService .mobile>div:last-child a[data-v-777e6b16]:hover:before{width:100%;right:auto;left:0}.customerService .mobile>div:last-child a[data-v-777e6b16]:before{content:"";width:0;height:1px;opacity:.6;background:#ff4949;transition:all .5s linear;position:absolute;right:0;bottom:-2px}.customerService .mobile>div[data-v-777e6b16]:last-child:after{top:calc(100% - 35px)}@keyframes animateMobile-777e6b16{0%{left:-200vw;opacity:0}0.1%{left:-310px;opacity:0}to{left:-210px;opacity:1}}.customerService .headset[data-v-777e6b16]{bottom:0}.customerService .headset:hover>div[data-v-777e6b16]:last-child{left:-110px;opacity:1;animation-name:animateHeadset-777e6b16;animation-duration:.5s}.customerService .headset>div[data-v-777e6b16]:last-child{left:-120vw;width:90px}@keyframes animateHeadset-777e6b16{0%{left:-120vw;opacity:0}0.1%{left:-210px;opacity:.5}to{left:-110px;opacity:1}}@keyframes animateRotate-777e6b16{0%{transform:rotate(0deg)}20%{transform:rotate(7deg)}40%{transform:rotate(0deg)}80%{transform:rotate(-7deg)}to{transform:rotate(0deg)}}
+.el-dialog__wrapper[data-v-2248e29b]{display:flex;justify-content:center;align-items:center}[data-v-2248e29b] .el-dialog{margin-top:0!important;border-radius:8px}[data-v-2248e29b] .el-dialog__header{background-color:#f2f6fc;border-radius:8px 8px 0 0}.el-dialog__body[data-v-2248e29b]{display:flex;justify-content:center}.chat{width:350px;height:480px;position:fixed;bottom:10px;right:55px;z-index:2001;background-color:#fff;border-radius:12px;border:1px solid #e6ebf5;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);overflow:hidden}.chat>header{display:flex;justify-content:flex-start;align-items:center;background-color:#ff575f;font-size:16px;padding:10px;font-weight:400;color:#fafdff}.chat>header>img{width:44px;height:44px;border-radius:50%;margin-right:10px;transition:all .3s linear}.chat>header>img:focus,.chat>header>img:hover{transform:scale(1.2) rotate(15deg)}.chat>header i{cursor:pointer;position:absolute;top:5px;width:20px;height:20px;border-radius:6px;display:flex;justify-content:center;align-items:center;transition:all .3s linear}.chat>header i:focus,.chat>header i:hover{transform:scale(1.2);background-color:hsla(7,100%,74%,.8)}.chat>header i.el-icon-close{right:10px}.chat>header i.icon-enlarge{right:35px}.chat>header i>img{width:12px}.chat>main{width:100%;height:60%;overflow-y:auto;padding-bottom:20px;background-color:#f7f7f9}.chat>main::-webkit-scrollbar{width:6px}.chat>main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.chat>main::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.chat>main::-webkit-scrollbar-thumb:hover{background:#ff755d}.chat>main .message{display:flex;gap:15px;position:relative;margin:20px 5px 0 5px;opacity:0}.chat>main .message .avatar{width:30px;height:30px;border-radius:50%}.chat>main .message .content{width:-moz-fit-content;width:fit-content;max-width:250px;font-weight:400;font-size:12px;color:#4c4c4d;line-height:20px;padding:10px;border-radius:10px;background-color:#fff}.chat>main .message .content .href{cursor:pointer;display:block;color:#ff575f;margin-bottom:.5rem}.chat>main .message .content .href:hover{text-decoration:underline}.chat>main .message .content>.based{cursor:pointer;color:#909399;display:flex;align-items:flex-start;justify-content:flex-start;border-top:1px solid #ebebed;padding-top:5px;margin-top:5px;gap:5px}.chat>main .message .content>.based>span:first-child{white-space:nowrap;color:#4c4c4d;border-radius:10px;background-color:#eeeef0;padding:0 7px}.chat>main .message .content>.based>span:last-child{width:100%;position:relative;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:12px}.chat>main .message .content>.based>span:last-child .el-icon-d-arrow-right{position:absolute;right:0;bottom:5px;transform:rotate(90deg);transition:all .35s linear}.chat>main .message .content>.based>span:last-child.is-active{overflow:visible;white-space:normal}.chat>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right{transform:rotate(270deg)}.chat>main .message .content>.based>span:last-child:hover{color:#ff575f}.chat>main .message.admin{animation:animation01 .3s linear 1.5s forwards}.chat>main .message.admin .content:before{content:"";position:absolute;top:2px;left:37px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff}.chat>main .message.personal{animation:animation01 .3s linear .3s forwards;flex-direction:row-reverse}.chat>main .message.personal .content:after{content:"";position:absolute;top:2px;right:37px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent #fff transparent}.chat>nav{background-color:#f7f7f9;border-bottom:1px solid #e7e7ea;padding:5px 10px;display:flex}.chat>nav .el-button{font-size:12px;font-weight:400;color:#4c4c4d;background-color:#fff!important;border:1px solid #e7e7ea;padding:5px 8px}.chat>.el-textarea{border-color:transparent}.chat>.el-textarea textarea{overflow-y:hidden;padding-right:65px;font-weight:400;color:#19191a;font-size:12px;font-family:Source Han Sans CN-Regular,Source Han Sans CN}.chat>.el-textarea textarea,.chat>.el-textarea textarea:focus{border-color:transparent}.chat>.el-button{position:absolute;bottom:10px;right:10px}.customerService[data-v-777e6b16]{position:fixed;right:0;bottom:35px;z-index:2001}.customerService>div[data-v-777e6b16]{cursor:pointer;position:absolute;right:0;display:flex;align-items:center;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.customerService>div:hover>div[data-v-777e6b16]:first-child{color:#ff4949}.customerService>div:hover>div:first-child i[data-v-777e6b16]{animation-name:animateRotate-777e6b16;animation-duration:.5s;animation-iteration-count:infinite}.customerService>div>div[data-v-777e6b16]:first-child{width:50px;height:50px;text-align:center;line-height:50px;font-size:18px}.customerService>div>div[data-v-777e6b16]:last-child{opacity:0;padding:10px;border-radius:6px;position:absolute;min-height:50px;display:flex;flex-direction:column;justify-content:space-around;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.customerService>div>div[data-v-777e6b16]:last-child:after{content:"";position:absolute;top:calc(50% - 10px);right:-20px;border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2))}.customerService>div>div:last-child a[data-v-777e6b16]{color:#333;font-size:14px;display:block}.customerService .mobile[data-v-777e6b16]{bottom:50px;border-bottom:1px solid #e6ebf5}.customerService .mobile:hover>div[data-v-777e6b16]:last-child{left:-210px;opacity:1;animation-name:animateMobile-777e6b16;animation-duration:.5s}.customerService .mobile>div[data-v-777e6b16]:last-child{left:-120vw;width:190px;bottom:0}.customerService .mobile>div:last-child a[data-v-777e6b16]{width:-moz-fit-content;width:fit-content;position:relative;margin-top:5px;text-indent:5px}.customerService .mobile>div:last-child a[data-v-777e6b16]:hover{color:#ff4949}.customerService .mobile>div:last-child a[data-v-777e6b16]:hover:before{width:100%;right:auto;left:0}.customerService .mobile>div:last-child a[data-v-777e6b16]:before{content:"";width:0;height:1px;opacity:.6;background:#ff4949;transition:all .5s linear;position:absolute;right:0;bottom:-2px}.customerService .mobile>div[data-v-777e6b16]:last-child:after{top:calc(100% - 35px)}@keyframes animateMobile-777e6b16{0%{left:-200vw;opacity:0}0.1%{left:-310px;opacity:0}to{left:-210px;opacity:1}}.customerService .headset[data-v-777e6b16]{bottom:0}.customerService .headset:hover>div[data-v-777e6b16]:last-child{left:-110px;opacity:1;animation-name:animateHeadset-777e6b16;animation-duration:.5s}.customerService .headset>div[data-v-777e6b16]:last-child{left:-120vw;width:90px}@keyframes animateHeadset-777e6b16{0%{left:-120vw;opacity:0}0.1%{left:-210px;opacity:.5}to{left:-110px;opacity:1}}@keyframes animateRotate-777e6b16{0%{transform:rotate(0deg)}20%{transform:rotate(7deg)}40%{transform:rotate(0deg)}80%{transform:rotate(-7deg)}to{transform:rotate(0deg)}}#app{min-width:auto;overflow:hidden}.chatPage{background-color:#fff}.chatPage>header{height:8vw;display:flex;justify-content:flex-start;align-items:center;gap:5vw;padding-left:8vw;background-position:50%;background-repeat:no-repeat;background-size:cover}.chatPage>header>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.chatPage>header>div h3{height:1vw;margin-top:0;font-size:2.125rem;font-weight:700;color:#191a2c;font-family:Source Han Sans CN-Bold,Source Han Sans CN}.chatPage>header>div span{font-size:1rem;font-family:LXGW New Clear Gothic-Regular,LXGW New Clear Gothic;font-weight:400;color:#666}.chatPage>header p{font-size:1rem;font-family:Source Han Sans CN-Regular,Source Han Sans CN;font-weight:400;color:#2e2f42}.chatPage .main{display:flex}.chatPage .main>div{width:74vw;position:relative}.chatPage .main>div>main{height:62vh;overflow-y:auto;padding-bottom:2vw;background-color:#f7f7f9}.chatPage .main>div>main::-webkit-scrollbar{width:6px}.chatPage .main>div>main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.chatPage .main>div>main::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.chatPage .main>div>main::-webkit-scrollbar-thumb:hover{background:#ff755d}.chatPage .main>div>main>p{text-align:center;font-size:.875rem;font-family:Source Han Sans CN-Regular,Source Han Sans CN;font-weight:400;color:#909399}.chatPage .main>div>main .message{display:flex;gap:15px;margin:1.5vw 1.5vw 0 1.5vw;opacity:0}.chatPage .main>div>main .message .avatar{width:2.5vw;height:2.5vw;min-width:35px;min-height:35px;border-radius:50%;transition:all .3s linear}.chatPage .main>div>main .message .avatar:focus,.chatPage .main>div>main .message .avatar:hover{transform:scale(1.2) rotate(15deg)}.chatPage .main>div>main .message .content{width:-moz-fit-content;width:fit-content;max-width:50vw;font-weight:400;font-size:1rem;color:#4c4c4d;padding:10px;border-radius:10px;position:relative;background-color:#fff}.chatPage .main>div>main .message .content .href{cursor:pointer;display:block;color:#ff575f;margin-bottom:1.5rem}.chatPage .main>div>main .message .content .href:hover{text-decoration:underline}.chatPage .main>div>main .message .content>.based{cursor:pointer;font-size:1rem;font-weight:400;color:#909399;display:flex;align-items:flex-start;justify-content:flex-start;border-top:1px solid #ebebed;padding-top:.625rem;margin-top:.625rem;gap:.625rem}.chatPage .main>div>main .message .content>.based>span:first-child{white-space:nowrap;color:#4c4c4d;border-radius:18px;background-color:#eeeef0;padding:.1875rem .625rem;margin-top:-.1875rem}.chatPage .main>div>main .message .content>.based>span:last-child{width:100%;position:relative;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:12px}.chatPage .main>div>main .message .content>.based>span:last-child .el-icon-d-arrow-right{position:absolute;right:0;bottom:0;transform:rotate(90deg);transition:all .35s linear}.chatPage .main>div>main .message .content>.based>span:last-child.is-active{overflow:visible;white-space:normal}.chatPage .main>div>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right{transform:rotate(270deg)}.chatPage .main>div>main .message .content>.based>span:last-child:hover{color:#ff575f}.chatPage .main>div>main .message.admin{animation:animation01 .3s linear 1.5s forwards}.chatPage .main>div>main .message.admin .content{margin-top:20px}.chatPage .main>div>main .message.admin .content:before{content:"";position:absolute;top:2px;left:-10px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff}.chatPage .main>div>main .message.admin .content:after{content:"小优客服【38号为您服务】";width:200px;font-size:.875rem;font-family:Source Han Sans CN-Medium,Source Han Sans CN;font-weight:500;color:#8b8c8f;position:absolute;left:0;top:-20px}.chatPage .main>div>main .message.personal{animation:animation01 .3s linear .3s forwards;flex-direction:row-reverse}.chatPage .main>div>main .message.personal .content:after{content:"";position:absolute;top:2px;right:-10px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent #fff transparent}@keyframes animation01{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chatPage .main>div footer{height:30vh;border:1px solid #e7e7ea}.chatPage .main>div footer>.el-textarea{border-color:transparent}.chatPage .main>div footer>.el-textarea textarea{overflow-y:hidden;font-weight:400;color:#19191a;font-size:1rem;font-family:Source Han Sans CN-Regular,Source Han Sans CN}.chatPage .main>div footer>.el-textarea textarea,.chatPage .main>div footer>.el-textarea textarea:focus{border-color:transparent}.chatPage .main>div footer>.el-button{float:right;z-index:1;font-size:.875rem;font-family:Source Han Sans CN-Regular,Source Han Sans CN;font-weight:400;border-radius:4px;margin-right:2vw;width:5vw;min-width:92px}.chatPage .main aside{width:26vw;height:92vh;padding:1vw;overflow-y:auto;background-color:#fff}.chatPage .main aside .el-collapse-item__header{color:#373a3c;font-size:1.5rem;font-weight:500;font-family:Source Han Sans CN-Medium,Source Han Sans CN;padding:2rem;background-color:red;background:linear-gradient(#ffdad4,#ffa9a3)}.chatPage .main aside .el-collapse-item__header.is-active{color:#fff;background:linear-gradient(#ff897a,#ff645a)}.chatPage .main aside .el-collapse-item__header.is-active i{color:#fff}.chatPage .main aside .el-collapse-item__header img{width:2.25rem;height:2.25rem;float:left;margin-left:-.5rem;margin-right:.5rem}.chatPage .main aside .el-collapse-item__header i{font-size:2rem;color:#ff575f;font-weight:900}.chatPage .main aside .el-collapse-item__content{font-size:1rem;font-family:Source Han Sans CN-Regular,Source Han Sans CN;font-weight:400;padding:20px 20px 20px 40px;color:#000;background-color:#f7f7f9}.chatPage .main aside .el-collapse-item__content>div{position:relative;margin-top:1rem;cursor:pointer;transition:all .3s linear}.chatPage .main aside .el-collapse-item__content>div:first-child{margin-top:0}.chatPage .main aside .el-collapse-item__content>div:before{content:"";position:absolute;top:5px;left:-15px;border-width:10px;border-style:solid;border-color:transparent transparent transparent #ffa9a3}.chatPage .main aside .el-collapse-item__content>div:hover{color:#ff575f;transform:translate(.5rem)}.chatPage .main aside .el-collapse-item__content>div:hover:before{border-color:transparent transparent transparent #ff575f}

package/dist/yc-ui2.umd.js

@@ -2382,10 +2382,211 @@ var YcCustomerService_component = normalizeComponent(
 )
 
 /* 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-82.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=d5ef92ea&
+var YcQuestionvue_type_template_id_d5ef92ea_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "chatPage"
+  }, [_vm._m(0), _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_d5ef92ea_staticRenderFns = [function () {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('header', {
+    staticStyle: {
+      "background": "url('/cloud-img/customerService/chatTop.png') center",
+      "background-size": "cover"
+    }
+  }, [_c('div', [_c('h3', [_vm._v("小优客服")]), _c('span', [_vm._v("Problem Help")])]), _c('p', [_vm._v("小优为您提供24小时服务")])]);
+}];
+
+;// CONCATENATED MODULE: ./src/components/YcQuestion/index.vue?vue&type=template&id=d5ef92ea&
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.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]
+    };
+  },
+  props: {
+    page: {
+      type: String,
+      default: ""
+    }
+  },
+  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;
+      }, {});
+    }
+  },
+  mounted() {
+    console.log("page", this.page);
+  }
+});
+;// 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-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.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=d5ef92ea&prod&lang=scss&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/YcQuestion/index.vue?vue&type=style&index=0&id=d5ef92ea&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_d5ef92ea_render,
+  YcQuestionvue_type_template_id_d5ef92ea_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var YcQuestion = (YcQuestion_component.exports);
 ;// CONCATENATED MODULE: ./src/packages/index.js
 
 
-const components = [YcSlideVerify, YcCustomerService];
+
+const components = [YcSlideVerify, YcCustomerService, YcQuestion];
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 const install = function (Vue) {
   // 遍历注册全局组件