yc-ui2 0.1.1-beta08 → 0.1.1-beta10

package/dist/css/25.6e3f4a2f.css

@@ -0,0 +1 @@
+#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/css/50.6a139aa9.css

@@ -0,0 +1,2 @@
+#app{min-width:auto;overflow:hidden}.chatPage{background-color:#ffffff}.chatPage>header{height:8vw;display:flex;justify-content:flex-start;align-items:center;gap:5vw;padding-left:8vw;background-position:center center;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:0px;font-size:2.125rem;font-weight:bold;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:0.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 0px 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 0.3s linear}.chatPage .main>div>main .message .avatar:focus,.chatPage .main>div>main .message .avatar:hover{transform:scale(1.2, 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:#ffffff}.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:0.625rem;margin-top:0.625rem;gap:0.625rem}.chatPage .main>div>main .message .content>.based>span:first-child{white-space:nowrap;color:#4c4c4d;border-radius:18px;background-color:#eeeef0;padding:0.1875rem 0.625rem;margin-top:-0.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:0px;bottom:0px;transform:rotate(90deg);transition:all 0.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 0.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:0.875rem;font-family:Source Han Sans CN-Medium, Source Han Sans CN;font-weight:500;color:#8b8c8f;position:absolute;left:0px;top:-20px}.chatPage .main>div>main .message.personal{animation:animation01 0.3s linear 0.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 #ffffff transparent}@keyframes animation01{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0px);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:0.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:#ffffff}.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:#f00;background:linear-gradient(#ffdad4, #ffa9a3)}.chatPage .main aside .el-collapse-item__header.is-active{color:#ffffff;background:linear-gradient(#ff897a, #ff645a)}.chatPage .main aside .el-collapse-item__header.is-active i{color:#ffffff}.chatPage .main aside .el-collapse-item__header img{width:2.25rem;height:2.25rem;float:left;margin-left:-0.5rem;margin-right:0.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:#000000;background-color:#f7f7f9}.chatPage .main aside .el-collapse-item__content>div{position:relative;margin-top:1rem;cursor:pointer;transition:all 0.3s linear}.chatPage .main aside .el-collapse-item__content>div:first-child{margin-top:0px}.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(0.5rem)}.chatPage .main aside .el-collapse-item__content>div:hover::before{border-color:transparent transparent transparent #ff575f}
+

package/dist/css/525.6a139aa9.css

@@ -0,0 +1,2 @@
+#app{min-width:auto;overflow:hidden}.chatPage{background-color:#ffffff}.chatPage>header{height:8vw;display:flex;justify-content:flex-start;align-items:center;gap:5vw;padding-left:8vw;background-position:center center;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:0px;font-size:2.125rem;font-weight:bold;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:0.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 0px 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 0.3s linear}.chatPage .main>div>main .message .avatar:focus,.chatPage .main>div>main .message .avatar:hover{transform:scale(1.2, 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:#ffffff}.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:0.625rem;margin-top:0.625rem;gap:0.625rem}.chatPage .main>div>main .message .content>.based>span:first-child{white-space:nowrap;color:#4c4c4d;border-radius:18px;background-color:#eeeef0;padding:0.1875rem 0.625rem;margin-top:-0.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:0px;bottom:0px;transform:rotate(90deg);transition:all 0.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 0.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:0.875rem;font-family:Source Han Sans CN-Medium, Source Han Sans CN;font-weight:500;color:#8b8c8f;position:absolute;left:0px;top:-20px}.chatPage .main>div>main .message.personal{animation:animation01 0.3s linear 0.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 #ffffff transparent}@keyframes animation01{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0px);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:0.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:#ffffff}.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:#f00;background:linear-gradient(#ffdad4, #ffa9a3)}.chatPage .main aside .el-collapse-item__header.is-active{color:#ffffff;background:linear-gradient(#ff897a, #ff645a)}.chatPage .main aside .el-collapse-item__header.is-active i{color:#ffffff}.chatPage .main aside .el-collapse-item__header img{width:2.25rem;height:2.25rem;float:left;margin-left:-0.5rem;margin-right:0.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:#000000;background-color:#f7f7f9}.chatPage .main aside .el-collapse-item__content>div{position:relative;margin-top:1rem;cursor:pointer;transition:all 0.3s linear}.chatPage .main aside .el-collapse-item__content>div:first-child{margin-top:0px}.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(0.5rem)}.chatPage .main aside .el-collapse-item__content>div:hover::before{border-color:transparent transparent transparent #ff575f}
+

package/dist/yc-ui2.common.525.js

@@ -0,0 +1,216 @@
+"use strict";
+((typeof self !== 'undefined' ? self : this)["webpackChunkyc_ui2"] = (typeof self !== 'undefined' ? self : this)["webpackChunkyc_ui2"] || []).push([[525],{
+
+/***/ 9525:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ question; }
+});
+
+;// 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/question.vue?vue&type=template&id=224b0f0a&
+var 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 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/YcCustomerService/question.vue?vue&type=template&id=224b0f0a&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__(7658);
+// EXTERNAL MODULE: ./src/components/YcCustomerService/chatMixin.js
+var chatMixin = __webpack_require__(7014);
+;// 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/question.vue?vue&type=script&lang=js&
+
+
+/* harmony default export */ var questionvue_type_script_lang_js_ = ({
+  name: "questionChat",
+  mixins: [chatMixin/* default */.Z],
+  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/YcCustomerService/question.vue?vue&type=script&lang=js&
+ /* harmony default export */ var YcCustomerService_questionvue_type_script_lang_js_ = (questionvue_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/question.vue?vue&type=style&index=0&id=224b0f0a&prod&lang=scss&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/question.vue?vue&type=style&index=0&id=224b0f0a&prod&lang=scss&
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1001);
+;// CONCATENATED MODULE: ./src/components/YcCustomerService/question.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.Z)(
+  YcCustomerService_questionvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var question = (component.exports);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=yc-ui2.common.525.js.map

package/dist/yc-ui2.common.525.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yc-ui2.common.525.js","mappings":"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","sources":["webpack://yc-ui2/./src/components/YcCustomerService/question.vue","webpack://yc-ui2/./src/components/YcCustomerService/question.vue?8411","webpack://yc-ui2/src/components/YcCustomerService/question.vue","webpack://yc-ui2/./src/components/YcCustomerService/question.vue?5012","webpack://yc-ui2/./src/components/YcCustomerService/question.vue?45b2","webpack://yc-ui2/./src/components/YcCustomerService/question.vue?a026","webpack://yc-ui2/./src/components/YcCustomerService/question.vue?a2db"],"sourcesContent":["var 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\n              ? 'background-color: #F7F7F9;color: #FF575F;border-color: transparent;'\n              : ''),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)])])\n}\nvar 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小时服务\")])])\n}]\n\nexport { render, staticRenderFns }","export * from \"-!../../../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!./question.vue?vue&type=template&id=224b0f0a&\"","<template>\r\n  <div class=\"chatPage\">\r\n    <header\r\n      style=\"\r\n        background: url('/cloud-img/customerService/chatTop.png') center\r\n          no-repeat cover;\r\n        background-size: cover;\r\n      \"\r\n    >\r\n      <div>\r\n        <h3>小优客服</h3>\r\n        <span>Problem Help</span>\r\n      </div>\r\n      <p>小优为您提供24小时服务</p>\r\n    </header>\r\n    <div class=\"main\">\r\n      <div>\r\n        <main ref=\"main\">\r\n          <p>今天{{ currData }}</p>\r\n          <div\r\n            v-for=\"(item, index) in messagelist\"\r\n            :key=\"index\"\r\n            :class=\"['message', item.id]\"\r\n          >\r\n            <img\r\n              class=\"avatar\"\r\n              :src=\"'/cloud-img/customerService/' + item.id + '.jpg'\"\r\n            />\r\n            <div class=\"content\">\r\n              <span\r\n                v-for=\"(msg, index) in item.msg\"\r\n                :key=\"msg + index\"\r\n                v-html=\"(item.msg.length > 1 ? 1 + index + '. ' : ' ') + msg\"\r\n                :class=\"item.msg.length > 1 ? 'href' : ''\"\r\n                @click=\"item.msg.length > 1 && regularClick(msg)\"\r\n              ></span>\r\n              <div\r\n                class=\"based\"\r\n                v-if=\"item.based\"\r\n                @click.prevent=\"handExpand(item)\"\r\n              >\r\n                <span>依据</span\r\n                ><span :class=\"{ 'is-active': item.isActive }\"\r\n                  >{{ item.based }}<i class=\"el-icon-d-arrow-right\"></i\r\n                ></span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </main>\r\n        <footer>\r\n          <el-input\r\n            type=\"textarea\"\r\n            maxlength=\"500\"\r\n            :autosize=\"{ minRows: 6, maxRows: 6 }\"\r\n            autofocus=\"true\"\r\n            resize=\"none\"\r\n            placeholder=\"请输入你要咨询的问题\"\r\n            v-model=\"textareaValue\"\r\n            @keyup.enter.native=\"carriageReturn\"\r\n          >\r\n          </el-input>\r\n          <el-button\r\n            type=\"primary\"\r\n            :disabled=\"!textareaValue\"\r\n            :style=\"\r\n              !textareaValue\r\n                ? 'background-color: #F7F7F9;color: #FF575F;border-color: transparent;'\r\n                : ''\r\n            \"\r\n            @click=\"send\"\r\n            >发送</el-button\r\n          >\r\n        </footer>\r\n      </div>\r\n      <aside>\r\n        <el-collapse v-model=\"activeNames\" accordion>\r\n          <el-collapse-item\r\n            v-for=\"(item, key, index) in questionsList\"\r\n            :key=\"key\"\r\n            :name=\"index\"\r\n          >\r\n            <template slot=\"title\">\r\n              <img src=\"/cloud-img/customerService/ellipticalWenh.png\" />{{\r\n                key\r\n              }}\r\n            </template>\r\n            <div\r\n              v-for=\"faq in item\"\r\n              :key=\"faq\"\r\n              v-html=\"faq\"\r\n              @click=\"regularClick(faq)\"\r\n            ></div>\r\n          </el-collapse-item>\r\n        </el-collapse>\r\n      </aside>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport chatMixin from \"./chatMixin\"\r\nexport default {\r\n  name: \"questionChat\",\r\n  mixins: [chatMixin],\r\n  data() {\r\n    return {\r\n      activeNames: [1],\r\n    }\r\n  },\r\n  computed: {\r\n    currData() {\r\n      const currData = new Date()\r\n      return `${currData.getHours()}:${currData.getMinutes()}`\r\n    },\r\n    questionsList() {\r\n      return this.questions.reduce((prev, curr) => {\r\n        // eslint-disable-next-line no-prototype-builtins\r\n        if (prev.hasOwnProperty(curr.type)) {\r\n          prev[curr.type].push(curr.faq)\r\n        } else {\r\n          prev[curr.type] = [curr.faq]\r\n        }\r\n        return prev\r\n      }, {})\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n#app {\r\n  min-width: auto;\r\n  overflow: hidden;\r\n  //   height: 100vh;\r\n}\r\n\r\n.chatPage {\r\n  background-color: #ffffff;\r\n\r\n  > header {\r\n    height: 8vw;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: 5vw;\r\n    padding-left: 8vw;\r\n    // background: url(\"/cloud-img/customerService/chatTop.png\");\r\n    background-position: center center;\r\n    background-repeat: no-repeat;\r\n    background-size: cover;\r\n\r\n    > div {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: center;\r\n      align-items: center;\r\n\r\n      // flex-direction: row-reverse;\r\n      h3 {\r\n        height: 1vw;\r\n        margin-top: 0px;\r\n        font-size: 2.125rem;\r\n        font-weight: bold;\r\n        color: #191a2c;\r\n        font-family: Source Han Sans CN-Bold, Source Han Sans CN;\r\n      }\r\n\r\n      span {\r\n        font-size: 1rem;\r\n        font-family: LXGW New Clear Gothic-Regular, LXGW New Clear Gothic;\r\n        font-weight: 400;\r\n        color: #666;\r\n      }\r\n    }\r\n\r\n    p {\r\n      font-size: 1rem;\r\n      font-family: Source Han Sans CN-Regular, Source Han Sans CN;\r\n      font-weight: 400;\r\n      color: #2e2f42;\r\n    }\r\n  }\r\n\r\n  .main {\r\n    display: flex;\r\n\r\n    > div {\r\n      width: 74vw;\r\n      position: relative;\r\n\r\n      > main {\r\n        height: 62vh;\r\n        overflow-y: auto;\r\n        padding-bottom: 2vw;\r\n        background-color: #f7f7f9;\r\n\r\n        // 滚动条宽度\r\n        &::-webkit-scrollbar {\r\n          width: 6px;\r\n        }\r\n\r\n        // 滚动条轨道\r\n        &::-webkit-scrollbar-track {\r\n          background: rgb(239, 239, 239);\r\n          border-radius: 2px;\r\n        }\r\n\r\n        // 小滑块\r\n        &::-webkit-scrollbar-thumb {\r\n          background: #ff8879;\r\n          border-radius: 10px;\r\n        }\r\n\r\n        &::-webkit-scrollbar-thumb:hover {\r\n          background: #ff755d;\r\n        }\r\n\r\n        > p {\r\n          text-align: center;\r\n          font-size: 0.875rem;\r\n          font-family: Source Han Sans CN-Regular, Source Han Sans CN;\r\n          font-weight: 400;\r\n          color: #909399;\r\n        }\r\n\r\n        .message {\r\n          display: flex;\r\n          gap: 15px;\r\n          margin: 1.5vw 1.5vw 0px 1.5vw;\r\n          opacity: 0;\r\n\r\n          .avatar {\r\n            width: 2.5vw;\r\n            height: 2.5vw;\r\n            min-width: 35px;\r\n            min-height: 35px;\r\n            border-radius: 50%;\r\n            transition: all 0.3s linear;\r\n            &:focus,\r\n            &:hover {\r\n              transform: scale(1.2, 1.2) rotate(15deg);\r\n            }\r\n          }\r\n\r\n          .content {\r\n            width: fit-content;\r\n            max-width: 50vw;\r\n            font-weight: 400;\r\n            font-size: 1rem;\r\n            color: #4c4c4d;\r\n            padding: 10px;\r\n            border-radius: 10px;\r\n            position: relative;\r\n            background-color: #ffffff;\r\n\r\n            .href {\r\n              cursor: pointer;\r\n              display: block;\r\n              color: #ff575f;\r\n              margin-bottom: 1.5rem;\r\n\r\n              &:hover {\r\n                text-decoration: underline;\r\n              }\r\n            }\r\n\r\n            > .based {\r\n              cursor: pointer;\r\n              font-size: 1rem;\r\n              font-weight: 400;\r\n              color: #909399;\r\n              display: flex;\r\n              align-items: flex-start;\r\n              justify-content: flex-start;\r\n              border-top: 1px solid #ebebed;\r\n              padding-top: 0.625rem;\r\n              margin-top: 0.625rem;\r\n              gap: 0.625rem;\r\n\r\n              & > span:first-child {\r\n                white-space: nowrap;\r\n                color: #4c4c4d;\r\n                border-radius: 18px;\r\n                background-color: #eeeef0;\r\n                padding: 0.1875rem 0.625rem;\r\n                margin-top: -0.1875rem;\r\n              }\r\n\r\n              & > span:last-child {\r\n                width: 100%;\r\n                position: relative;\r\n                display: inline-block;\r\n                overflow: hidden;\r\n                white-space: nowrap;\r\n                text-overflow: ellipsis;\r\n                padding-right: 12px;\r\n\r\n                .el-icon-d-arrow-right {\r\n                  position: absolute;\r\n                  right: 0px;\r\n                  bottom: 0px;\r\n                  transform: rotate(90deg);\r\n                  transition: all 0.35s linear;\r\n                }\r\n                &.is-active {\r\n                  overflow: visible;\r\n                  white-space: normal;\r\n                  .el-icon-d-arrow-right {\r\n                    transform: rotate(270deg);\r\n                  }\r\n                }\r\n\r\n                &:hover {\r\n                  color: #ff575f;\r\n                }\r\n              }\r\n            }\r\n          }\r\n\r\n          &.admin {\r\n            animation: animation01 0.3s linear 1.5s forwards;\r\n\r\n            .content {\r\n              margin-top: 20px;\r\n\r\n              &::before {\r\n                content: \"\";\r\n                position: absolute;\r\n                top: 2px;\r\n                left: -10px;\r\n                transform: rotate(-45deg);\r\n                border-width: 10px;\r\n                border-style: solid;\r\n                border-color: transparent transparent transparent #fff;\r\n              }\r\n\r\n              &::after {\r\n                content: \"小优客服【38号为您服务】\";\r\n                width: 200px;\r\n                font-size: 0.875rem;\r\n                font-family: Source Han Sans CN-Medium, Source Han Sans CN;\r\n                font-weight: 500;\r\n                color: #8b8c8f;\r\n                position: absolute;\r\n                left: 0px;\r\n                top: -20px;\r\n              }\r\n            }\r\n          }\r\n\r\n          &.personal {\r\n            animation: animation01 0.3s linear 0.3s forwards;\r\n            flex-direction: row-reverse;\r\n\r\n            .content::after {\r\n              content: \"\";\r\n              position: absolute;\r\n              top: 2px;\r\n              right: -10px;\r\n              transform: rotate(-45deg);\r\n              border-width: 10px;\r\n              border-style: solid;\r\n              border-color: transparent transparent #ffffff transparent;\r\n            }\r\n          }\r\n\r\n          @keyframes animation01 {\r\n            0% {\r\n              transform: translateY(20px);\r\n              opacity: 0;\r\n            }\r\n\r\n            100% {\r\n              transform: translateY(0px);\r\n              opacity: 1;\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      footer {\r\n        height: 30vh;\r\n        border: 1px solid #e7e7ea;\r\n\r\n        > .el-textarea {\r\n          border-color: transparent;\r\n\r\n          textarea {\r\n            overflow-y: hidden;\r\n            // padding-right: 65px;\r\n            font-weight: 400;\r\n            color: #19191a;\r\n            font-size: 1rem;\r\n            font-family: Source Han Sans CN-Regular, Source Han Sans CN;\r\n          }\r\n\r\n          textarea,\r\n          textarea:focus {\r\n            border-color: transparent;\r\n          }\r\n        }\r\n\r\n        > .el-button {\r\n          float: right;\r\n          // position: absolute;\r\n          // bottom: 40px;\r\n          // right: 40px;\r\n          z-index: 1;\r\n          font-size: 0.875rem;\r\n          font-family: Source Han Sans CN-Regular, Source Han Sans CN;\r\n          font-weight: 400;\r\n          border-radius: 4px;\r\n          margin-right: 2vw;\r\n          width: 5vw;\r\n          min-width: 92px;\r\n        }\r\n      }\r\n    }\r\n\r\n    aside {\r\n      width: 26vw;\r\n      height: 92vh;\r\n      padding: 1vw;\r\n      overflow-y: auto;\r\n      background-color: #ffffff;\r\n\r\n      .el-collapse-item__header {\r\n        color: #373a3c;\r\n        font-size: 1.5rem;\r\n        font-weight: 500;\r\n        font-family: Source Han Sans CN-Medium, Source Han Sans CN;\r\n        padding: 2rem;\r\n        background-color: #f00;\r\n        background: linear-gradient(#ffdad4, #ffa9a3);\r\n\r\n        &.is-active {\r\n          color: #ffffff;\r\n          background: linear-gradient(#ff897a, #ff645a);\r\n\r\n          i {\r\n            color: #ffffff;\r\n          }\r\n        }\r\n\r\n        img {\r\n          width: 2.25rem;\r\n          height: 2.25rem;\r\n          float: left;\r\n          margin-left: -0.5rem;\r\n          margin-right: 0.5rem;\r\n        }\r\n\r\n        i {\r\n          font-size: 2rem;\r\n          color: #ff575f;\r\n          font-weight: 900;\r\n        }\r\n      }\r\n\r\n      .el-collapse-item__content {\r\n        font-size: 1rem;\r\n        font-family: Source Han Sans CN-Regular, Source Han Sans CN;\r\n        font-weight: 400;\r\n        padding: 20px 20px 20px 40px;\r\n        color: #000000;\r\n        background-color: #f7f7f9;\r\n\r\n        > div {\r\n          position: relative;\r\n          margin-top: 1rem;\r\n          cursor: pointer;\r\n          transition: all 0.3s linear;\r\n\r\n          &:first-child {\r\n            margin-top: 0px;\r\n          }\r\n\r\n          &::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 5px;\r\n            left: -15px;\r\n            // transform: rotate(-45deg);\r\n            // float: left;\r\n            border-width: 10px;\r\n            border-style: solid;\r\n            border-color: transparent transparent transparent #ffa9a3;\r\n          }\r\n\r\n          &:hover {\r\n            color: #ff575f;\r\n            transform: translate(0.5rem);\r\n\r\n            &::before {\r\n              border-color: transparent transparent transparent #ff575f;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../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!./question.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../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!./question.vue?vue&type=script&lang=js&\"","// extracted by mini-css-extract-plugin\nexport {};","export * from \"-!../../../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!./question.vue?vue&type=style&index=0&id=224b0f0a&prod&lang=scss&\"","import { render, staticRenderFns } from \"./question.vue?vue&type=template&id=224b0f0a&\"\nimport script from \"./question.vue?vue&type=script&lang=js&\"\nexport * from \"./question.vue?vue&type=script&lang=js&\"\nimport style0 from \"./question.vue?vue&type=style&index=0&id=224b0f0a&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","_c","_self","staticClass","_m","ref","_v","_s","currData","_l","messagelist","item","index","key","class","id","attrs","msg","length","domProps","on","click","$event","regularClick","based","preventDefault","handExpand","isActive","_e","minRows","maxRows","nativeOn","keyup","type","indexOf","_k","keyCode","carriageReturn","apply","arguments","model","value","textareaValue","callback","$$v","expression","style","send","activeNames","questionsList","slot","faq","staticRenderFns","staticStyle","chatMixin","name","mixins","data","computed","Date","getHours","getMinutes","questions","reduce","prev","curr","hasOwnProperty","push"],"sourceRoot":""}