yc-ui2 0.1.2-beta23 → 0.1.2-beta25

package/dist/yc-ui2.css

@@ -1 +1 @@
-.el-dialog__wrapper[data-v-33a7114a]{display:flex;justify-content:center;align-items:center}[data-v-33a7114a] .el-dialog{margin-top:0!important;border-radius:8px}[data-v-33a7114a] .el-dialog__header{background-color:#f2f6fc;border-radius:8px 8px 0 0}.el-dialog__body[data-v-33a7114a]{display:flex;justify-content:center}.chat[data-v-755436e0]{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[data-v-755436e0]{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[data-v-755436e0]{width:44px;height:44px;border-radius:50%;margin-right:10px;transition:all .3s linear}.chat>header>img[data-v-755436e0]:focus,.chat>header>img[data-v-755436e0]:hover{transform:scale(1.2) rotate(15deg)}.chat>header i[data-v-755436e0]{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[data-v-755436e0]:focus,.chat>header i[data-v-755436e0]:hover{transform:scale(1.2);background-color:hsla(7,100%,74%,.8)}.chat>header i.el-icon-close[data-v-755436e0]{right:10px}.chat>header i.icon-enlarge[data-v-755436e0]{right:35px}.chat>header i>img[data-v-755436e0]{width:12px}.chat>main[data-v-755436e0]{width:100%;height:60%;overflow-y:auto;padding-bottom:20px;background-color:#f7f7f9}.chat>main[data-v-755436e0]::-webkit-scrollbar{width:6px}.chat>main[data-v-755436e0]::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.chat>main[data-v-755436e0]::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.chat>main[data-v-755436e0]::-webkit-scrollbar-thumb:hover{background:#ff755d}.chat>main .message[data-v-755436e0]{display:flex;gap:15px;position:relative;margin:20px 5px 0 5px;opacity:0}.chat>main .message .avatar[data-v-755436e0]{width:30px;height:30px;border-radius:50%}.chat>main .message .content[data-v-755436e0]{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[data-v-755436e0]{cursor:pointer;display:block;color:#ff575f;margin-bottom:.5rem}.chat>main .message .content .href[data-v-755436e0]:hover{text-decoration:underline}.chat>main .message .content>.based[data-v-755436e0]{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[data-v-755436e0]:first-child{white-space:nowrap;color:#4c4c4d;border-radius:10px;background-color:#eeeef0;padding:0 7px}.chat>main .message .content>.based>span[data-v-755436e0]: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[data-v-755436e0]{position:absolute;right:0;bottom:5px;transform:rotate(90deg);transition:all .35s linear}.chat>main .message .content>.based>span:last-child.is-active[data-v-755436e0]{overflow:visible;white-space:normal}.chat>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right[data-v-755436e0]{transform:rotate(270deg)}.chat>main .message .content>.based>span[data-v-755436e0]:last-child:hover{color:#ff575f}.chat>main .message.admin[data-v-755436e0]{animation:animation01-755436e0 .3s linear 1.5s forwards}.chat>main .message.admin .content[data-v-755436e0]: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[data-v-755436e0]{animation:animation01-755436e0 .3s linear .3s forwards;flex-direction:row-reverse}.chat>main .message.personal .content[data-v-755436e0]: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-755436e0{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat>nav[data-v-755436e0]{background-color:#f7f7f9;border-bottom:1px solid #e7e7ea;padding:5px 10px;display:flex}.chat>nav .el-button[data-v-755436e0]{font-size:12px;font-weight:400;color:#4c4c4d;background-color:#fff!important;border:1px solid #e7e7ea;padding:5px 8px}.chat>.el-textarea[data-v-755436e0]{border-color:transparent}.chat>.el-textarea textarea[data-v-755436e0]{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[data-v-755436e0],.chat>.el-textarea textarea[data-v-755436e0]:focus{border-color:transparent}.chat>.el-button[data-v-755436e0]{position:absolute;bottom:10px;right:10px}.customerService[data-v-849349a0]{position:fixed;right:0;bottom:35px;z-index:2001}.customerService>div[data-v-849349a0]{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-849349a0]:first-child{color:#ff4949}.customerService>div:hover>div:first-child i[data-v-849349a0]{animation-name:animateRotate-849349a0;animation-duration:.5s;animation-iteration-count:infinite}.customerService>div>div[data-v-849349a0]:first-child{width:50px;height:50px;text-align:center;line-height:50px;font-size:18px}.customerService>div>div[data-v-849349a0]: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-849349a0]: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-849349a0]{color:#333;font-size:14px;display:block}.customerService .mobile[data-v-849349a0]{bottom:50px;border-bottom:1px solid #e6ebf5}.customerService .mobile:hover>div[data-v-849349a0]:last-child{left:-210px;opacity:1;animation-name:animateMobile-849349a0;animation-duration:.5s}.customerService .mobile>div[data-v-849349a0]:last-child{left:-120vw;width:190px;bottom:0}.customerService .mobile>div:last-child a[data-v-849349a0]{width:-moz-fit-content;width:fit-content;position:relative;margin-top:5px;text-indent:5px}.customerService .mobile>div:last-child a[data-v-849349a0]:hover{color:#ff4949}.customerService .mobile>div:last-child a[data-v-849349a0]:hover:before{width:100%;right:auto;left:0}.customerService .mobile>div:last-child a[data-v-849349a0]: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-849349a0]:last-child:after{top:calc(100% - 35px)}@keyframes animateMobile-849349a0{0%{left:-200vw;opacity:0}0.1%{left:-310px;opacity:0}to{left:-210px;opacity:1}}.customerService .headset[data-v-849349a0]{bottom:0}.customerService .headset:hover>div[data-v-849349a0]:last-child{left:-110px;opacity:1;animation-name:animateHeadset-849349a0;animation-duration:.5s}.customerService .headset>div[data-v-849349a0]:last-child{left:-120vw;width:90px}@keyframes animateHeadset-849349a0{0%{left:-120vw;opacity:0}0.1%{left:-210px;opacity:.5}to{left:-110px;opacity:1}}@keyframes animateRotate-849349a0{0%{transform:rotate(0deg)}20%{transform:rotate(7deg)}40%{transform:rotate(0deg)}80%{transform:rotate(-7deg)}to{transform:rotate(0deg)}}.YcQuestion[data-v-6185ef7a] .chatPage{background-color:#fff}.YcQuestion[data-v-6185ef7a] .chatPage>header{height:8vw;display:flex;justify-content:flex-start;align-items:center;gap:5vw;padding-left:8vw}.YcQuestion[data-v-6185ef7a] .chatPage>header>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage>header>div span{font-size:1rem;font-family:LXGW New Clear Gothic-Regular,LXGW New Clear Gothic;font-weight:400;color:#666}.YcQuestion[data-v-6185ef7a] .chatPage>header p{font-size:1rem;font-family:Source Han Sans CN-Regular,Source Han Sans CN;font-weight:400;color:#2e2f42}.YcQuestion[data-v-6185ef7a] .chatPage .main{display:flex}.YcQuestion[data-v-6185ef7a] .chatPage .main>div{width:74vw;position:relative}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main{height:62vh;overflow-y:auto;padding-bottom:2vw;background-color:#f7f7f9}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main::-webkit-scrollbar{width:6px}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main::-webkit-scrollbar-thumb:hover{background:#ff755d}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message{display:flex;gap:15px;margin:1.5vw 1.5vw 0 1.5vw;opacity:0}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .avatar:focus,.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .avatar:hover{transform:scale(1.2) rotate(15deg)}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content .href{cursor:pointer;display:block;color:#ff575f;margin-bottom:1.5rem}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content .href:hover{text-decoration:underline}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content>.based>span:last-child.is-active{overflow:visible;white-space:normal}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right{transform:rotate(270deg)}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content>.based>span:last-child:hover{color:#ff575f}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message.admin{animation:animation01-6185ef7a .3s linear 1.5s forwards}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message.admin .content{margin-top:20px}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message.personal{animation:animation01-6185ef7a .3s linear .3s forwards;flex-direction:row-reverse}.YcQuestion[data-v-6185ef7a] .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-6185ef7a{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.YcQuestion[data-v-6185ef7a] .chatPage .main>div footer{height:30vh;border:1px solid #e7e7ea}.YcQuestion[data-v-6185ef7a] .chatPage .main>div footer>.el-textarea{border-color:transparent}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div footer>.el-textarea textarea,.YcQuestion[data-v-6185ef7a] .chatPage .main>div footer>.el-textarea textarea:focus{border-color:transparent}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main aside{width:26vw;height:calc(100vh - 8vw);padding:1vw;overflow-y:auto;background-color:#fff}.YcQuestion[data-v-6185ef7a] .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)}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__header.is-active{color:#fff;background:linear-gradient(#ff897a,#ff645a)}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__header.is-active i{color:#fff}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__header img{width:2.25rem;height:2.25rem;float:left;margin-left:-.5rem;margin-right:.5rem}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__header i{font-size:2rem;color:#ff575f;font-weight:900}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__content>div{position:relative;margin-top:1rem;cursor:pointer;transition:all .3s linear}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__content>div:first-child{margin-top:0}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__content>div:hover{color:#ff575f;transform:translate(.5rem)}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__content>div:hover:before{border-color:transparent transparent transparent #ff575f}[data-v-30cb8b77] .el-input__prefix{display:flex;align-items:center;left:1.04vw}[data-v-30cb8b77] .el-form-item__error{font-size:.04vw}[data-v-30cb8b77] .el-input__icon{color:#409eff;width:.98vw;height:1.14vw}[data-v-30cb8b77] .el-input__inner{padding:0 3.64vw;height:2.81vw;font-size:1.04vw;border:.1vw solid #409eff}[data-v-30cb8b77] .el-input .el-input__clear{font-size:1.24vw}[data-v-30cb8b77] .el-input__suffix{right:1.04vw;top:.46vw}.el-form-item[data-v-30cb8b77]{margin-bottom:1.2vw;margin-top:1vw}.ca-download-box[data-v-30cb8b77]{display:flex;justify-content:right;align-items:center;margin:10px 0}.ca-download-box .ca-download-text[data-v-30cb8b77]{color:#53a8ff;font-size:14px;font-weight:400}.ca-download-box .ca-download-img[data-v-30cb8b77]{width:10px;height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAAAXNSR0IArs4c6QAAAN9JREFUKFO1kCFLAwEAhb8nysbApmkWk7aZBWGLB2q4NAVZFH/Cmr/Bos0yvHMwV4YYDAODUV0zzmIQhEsyxXuyiXLesq893oPH90ROYewTwUOnruNspKli5L7Fbbeu5j8XgyMXigvUuru6Gk+Fuekw8vbrI5cKWl4qzTLAnHd2dJAthrEjwfrnG5UJzNaZV+dmuAF6mOUxjMyaxMpoRLXX0NMv9Wbb5ULKHWZ+QiuG/qB2safnb5tR0PZiKWUAvCQJG9f7Sn7iqR+rpy72h7xzqPTPj2HslqCcPz7rDfdfePFgVfuzs40AAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;margin-left:2px}.contentBox[data-v-30cb8b77]{width:100%;height:50px;margin-bottom:15px}.ca-bg-box[data-v-30cb8b77]{background-color:#ecf5ff;display:flex;align-items:center;justify-content:center;padding:30px 70px;position:relative;animation:fadeinout-30cb8b77 1s linear forwards}.ca-bg-box .ca-bg-img[data-v-30cb8b77]{width:97px;height:57px;background:url(data:image/png;base64,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) no-repeat;background-size:100% 100%}@keyframes fadeinout-30cb8b77{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.ca-bg-info[data-v-30cb8b77]{display:flex;padding:40px 70px 40px 25px;position:relative;background:url(data:image/png;base64,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) no-repeat;background-size:100% 100%;animation:fadeinout-30cb8b77 1s linear forwards}.ca-bg-text[data-v-30cb8b77]{margin-left:15px;font-size:18px;font-weight:500;color:#53a8ff}.caName[data-v-30cb8b77]{margin-left:10px;color:#303133}.ca-refresh[data-v-30cb8b77]{position:absolute;top:6px;right:8px;width:25px;height:25px;cursor:pointer}.login-btn[data-v-30cb8b77]{height:2.81vw;font-size:1.04vw;font-weight:700;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAA2CAYAAADpjc+LAAAAAXNSR0IArs4c6QAAAz5JREFUeF7t2jtvznEYx+H7xiSxSAeTyWKwYzWIqnOVOp/PJF6BJkQQVIgKIQRxCkEqhDhO+gKMzERqMzb5SQcJU3t37fWMT/tt8r9yJ5+kz5MREYs/tDlTMvozYn5kdIy+50WAAAECBP4TaDHcMj7HSBx9tSi/ZeenNi8ihiJiOioCBAgQIDCWQIv4nRELs/NjG4yMrrEGfk6AAAECBP4ReJ5LPrVfGTETCwECBAgQGK9Ai/g5+i+sNt6B3yNAgAABAn8FBMQtECBAgMCEBARkQmxGBAgQICAgboAAAQIEJiQgIBNiMyJAgACB0a/x+hDdHRAgQIBAWSA73wtIWc2AAAECBCKXvhMQd0CAAAECdYHseisgdTYLAgQIEMhlbwTEGRAgQIBAXSCXvxaQOpsFAQIECOTyVwLiDAgQIECgLpArXgpInc2CAAECBHLlCwFxBgQIECBQF8hVgwJSZ7MgQIAAgVz9XECcAQECBAjUBXLNMwGps1kQIECAQHY/FRBnQIAAAQJ1gex+IiB1NgsCBAgQyLWPBcQZECBAgEBdIHseCUidzYIAAQIEct1DAXEGBAgQIFAXyPX3BaTOZkGAAAEC2XtPQJwBAQIECNQFsveugNTZLAgQIEAgN9wREGdAgAABAnWB3HhbQOpsFgQIECCQm24JiDMgQIAAgbpAbr4pIHU2CwIECBDILTcExBkQIECAQF0gt14XkDqbBQECBAjk1msC4gwIECBAoC6Q264KSJ3NggABAgRy+xUBcQYECBAgUBfIHQMCUmezIECAAIHceVlAnAEBAgQI1AVy1yUBqbNZECBAgEDuuiggzoAAAQIE6gK5+4KA1NksCBAgQCD39AuIMyBAgACBukDuPScgdTYLAgQIEMh9ZwXEGRAgQIBAXSD3nxGQOpsFAQIECOT+0wLiDAgQIECgLpAHTglInc2CAAECBPLgSQFxBgQIECBQF8hDJ9r3yJhVn1oQIECAwKQVaPEjDx9vDyOiZ9IieHACBAgQKAu0iAd55FibHVPjS0TMKP8FAwIECBCYdAKtxe9oMTdHn/xAX5szLeN8tlgQER2TTsMDEyBAgMB4BIZbxNBIxNGBvvz6B3Jvu/nasGSBAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;border:none}
+.el-dialog__wrapper[data-v-27550b14]{display:flex;justify-content:center;align-items:center}[data-v-27550b14] .el-dialog{margin-top:0!important;border-radius:8px}[data-v-27550b14] .el-dialog__header{background-color:#f2f6fc;border-radius:8px 8px 0 0}.el-dialog__body[data-v-27550b14]{display:flex;justify-content:center}.chat[data-v-755436e0]{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[data-v-755436e0]{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[data-v-755436e0]{width:44px;height:44px;border-radius:50%;margin-right:10px;transition:all .3s linear}.chat>header>img[data-v-755436e0]:focus,.chat>header>img[data-v-755436e0]:hover{transform:scale(1.2) rotate(15deg)}.chat>header i[data-v-755436e0]{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[data-v-755436e0]:focus,.chat>header i[data-v-755436e0]:hover{transform:scale(1.2);background-color:hsla(7,100%,74%,.8)}.chat>header i.el-icon-close[data-v-755436e0]{right:10px}.chat>header i.icon-enlarge[data-v-755436e0]{right:35px}.chat>header i>img[data-v-755436e0]{width:12px}.chat>main[data-v-755436e0]{width:100%;height:60%;overflow-y:auto;padding-bottom:20px;background-color:#f7f7f9}.chat>main[data-v-755436e0]::-webkit-scrollbar{width:6px}.chat>main[data-v-755436e0]::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.chat>main[data-v-755436e0]::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.chat>main[data-v-755436e0]::-webkit-scrollbar-thumb:hover{background:#ff755d}.chat>main .message[data-v-755436e0]{display:flex;gap:15px;position:relative;margin:20px 5px 0 5px;opacity:0}.chat>main .message .avatar[data-v-755436e0]{width:30px;height:30px;border-radius:50%}.chat>main .message .content[data-v-755436e0]{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[data-v-755436e0]{cursor:pointer;display:block;color:#ff575f;margin-bottom:.5rem}.chat>main .message .content .href[data-v-755436e0]:hover{text-decoration:underline}.chat>main .message .content>.based[data-v-755436e0]{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[data-v-755436e0]:first-child{white-space:nowrap;color:#4c4c4d;border-radius:10px;background-color:#eeeef0;padding:0 7px}.chat>main .message .content>.based>span[data-v-755436e0]: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[data-v-755436e0]{position:absolute;right:0;bottom:5px;transform:rotate(90deg);transition:all .35s linear}.chat>main .message .content>.based>span:last-child.is-active[data-v-755436e0]{overflow:visible;white-space:normal}.chat>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right[data-v-755436e0]{transform:rotate(270deg)}.chat>main .message .content>.based>span[data-v-755436e0]:last-child:hover{color:#ff575f}.chat>main .message.admin[data-v-755436e0]{animation:animation01-755436e0 .3s linear 1.5s forwards}.chat>main .message.admin .content[data-v-755436e0]: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[data-v-755436e0]{animation:animation01-755436e0 .3s linear .3s forwards;flex-direction:row-reverse}.chat>main .message.personal .content[data-v-755436e0]: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-755436e0{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat>nav[data-v-755436e0]{background-color:#f7f7f9;border-bottom:1px solid #e7e7ea;padding:5px 10px;display:flex}.chat>nav .el-button[data-v-755436e0]{font-size:12px;font-weight:400;color:#4c4c4d;background-color:#fff!important;border:1px solid #e7e7ea;padding:5px 8px}.chat>.el-textarea[data-v-755436e0]{border-color:transparent}.chat>.el-textarea textarea[data-v-755436e0]{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[data-v-755436e0],.chat>.el-textarea textarea[data-v-755436e0]:focus{border-color:transparent}.chat>.el-button[data-v-755436e0]{position:absolute;bottom:10px;right:10px}.customerService[data-v-849349a0]{position:fixed;right:0;bottom:35px;z-index:2001}.customerService>div[data-v-849349a0]{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-849349a0]:first-child{color:#ff4949}.customerService>div:hover>div:first-child i[data-v-849349a0]{animation-name:animateRotate-849349a0;animation-duration:.5s;animation-iteration-count:infinite}.customerService>div>div[data-v-849349a0]:first-child{width:50px;height:50px;text-align:center;line-height:50px;font-size:18px}.customerService>div>div[data-v-849349a0]: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-849349a0]: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-849349a0]{color:#333;font-size:14px;display:block}.customerService .mobile[data-v-849349a0]{bottom:50px;border-bottom:1px solid #e6ebf5}.customerService .mobile:hover>div[data-v-849349a0]:last-child{left:-210px;opacity:1;animation-name:animateMobile-849349a0;animation-duration:.5s}.customerService .mobile>div[data-v-849349a0]:last-child{left:-120vw;width:190px;bottom:0}.customerService .mobile>div:last-child a[data-v-849349a0]{width:-moz-fit-content;width:fit-content;position:relative;margin-top:5px;text-indent:5px}.customerService .mobile>div:last-child a[data-v-849349a0]:hover{color:#ff4949}.customerService .mobile>div:last-child a[data-v-849349a0]:hover:before{width:100%;right:auto;left:0}.customerService .mobile>div:last-child a[data-v-849349a0]: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-849349a0]:last-child:after{top:calc(100% - 35px)}@keyframes animateMobile-849349a0{0%{left:-200vw;opacity:0}0.1%{left:-310px;opacity:0}to{left:-210px;opacity:1}}.customerService .headset[data-v-849349a0]{bottom:0}.customerService .headset:hover>div[data-v-849349a0]:last-child{left:-110px;opacity:1;animation-name:animateHeadset-849349a0;animation-duration:.5s}.customerService .headset>div[data-v-849349a0]:last-child{left:-120vw;width:90px}@keyframes animateHeadset-849349a0{0%{left:-120vw;opacity:0}0.1%{left:-210px;opacity:.5}to{left:-110px;opacity:1}}@keyframes animateRotate-849349a0{0%{transform:rotate(0deg)}20%{transform:rotate(7deg)}40%{transform:rotate(0deg)}80%{transform:rotate(-7deg)}to{transform:rotate(0deg)}}.YcQuestion[data-v-6185ef7a] .chatPage{background-color:#fff}.YcQuestion[data-v-6185ef7a] .chatPage>header{height:8vw;display:flex;justify-content:flex-start;align-items:center;gap:5vw;padding-left:8vw}.YcQuestion[data-v-6185ef7a] .chatPage>header>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage>header>div span{font-size:1rem;font-family:LXGW New Clear Gothic-Regular,LXGW New Clear Gothic;font-weight:400;color:#666}.YcQuestion[data-v-6185ef7a] .chatPage>header p{font-size:1rem;font-family:Source Han Sans CN-Regular,Source Han Sans CN;font-weight:400;color:#2e2f42}.YcQuestion[data-v-6185ef7a] .chatPage .main{display:flex}.YcQuestion[data-v-6185ef7a] .chatPage .main>div{width:74vw;position:relative}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main{height:62vh;overflow-y:auto;padding-bottom:2vw;background-color:#f7f7f9}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main::-webkit-scrollbar{width:6px}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main::-webkit-scrollbar-thumb:hover{background:#ff755d}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message{display:flex;gap:15px;margin:1.5vw 1.5vw 0 1.5vw;opacity:0}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .avatar:focus,.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .avatar:hover{transform:scale(1.2) rotate(15deg)}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content .href{cursor:pointer;display:block;color:#ff575f;margin-bottom:1.5rem}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content .href:hover{text-decoration:underline}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content>.based>span:last-child.is-active{overflow:visible;white-space:normal}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right{transform:rotate(270deg)}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message .content>.based>span:last-child:hover{color:#ff575f}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message.admin{animation:animation01-6185ef7a .3s linear 1.5s forwards}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message.admin .content{margin-top:20px}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div>main .message.personal{animation:animation01-6185ef7a .3s linear .3s forwards;flex-direction:row-reverse}.YcQuestion[data-v-6185ef7a] .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-6185ef7a{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.YcQuestion[data-v-6185ef7a] .chatPage .main>div footer{height:30vh;border:1px solid #e7e7ea}.YcQuestion[data-v-6185ef7a] .chatPage .main>div footer>.el-textarea{border-color:transparent}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main>div footer>.el-textarea textarea,.YcQuestion[data-v-6185ef7a] .chatPage .main>div footer>.el-textarea textarea:focus{border-color:transparent}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main aside{width:26vw;height:calc(100vh - 8vw);padding:1vw;overflow-y:auto;background-color:#fff}.YcQuestion[data-v-6185ef7a] .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)}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__header.is-active{color:#fff;background:linear-gradient(#ff897a,#ff645a)}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__header.is-active i{color:#fff}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__header img{width:2.25rem;height:2.25rem;float:left;margin-left:-.5rem;margin-right:.5rem}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__header i{font-size:2rem;color:#ff575f;font-weight:900}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__content>div{position:relative;margin-top:1rem;cursor:pointer;transition:all .3s linear}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__content>div:first-child{margin-top:0}.YcQuestion[data-v-6185ef7a] .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}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__content>div:hover{color:#ff575f;transform:translate(.5rem)}.YcQuestion[data-v-6185ef7a] .chatPage .main aside .el-collapse-item__content>div:hover:before{border-color:transparent transparent transparent #ff575f}[data-v-eeb04946] .el-input__prefix{display:flex;align-items:center;left:1.04vw}[data-v-eeb04946] .el-form-item__error{font-size:.04vw}[data-v-eeb04946] .el-input__icon{color:#409eff;width:.98vw;height:1.14vw}[data-v-eeb04946] .el-input__inner{padding:0 3.64vw;height:2.81vw;font-size:1.04vw;border:.1vw solid #409eff}[data-v-eeb04946] .el-input .el-input__clear{font-size:1.24vw}[data-v-eeb04946] .el-input__suffix{right:1.04vw;top:.46vw}.el-form-item[data-v-eeb04946]{margin-bottom:1.2vw;margin-top:1vw}.ca-download-box[data-v-eeb04946]{display:flex;justify-content:right;align-items:center;margin:10px 0}.ca-download-box .ca-download-text[data-v-eeb04946]{color:#53a8ff;font-size:14px;font-weight:400}.ca-download-box .ca-download-img[data-v-eeb04946]{width:10px;height:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAYAAABGbhwYAAAAAXNSR0IArs4c6QAAAN9JREFUKFO1kCFLAwEAhb8nysbApmkWk7aZBWGLB2q4NAVZFH/Cmr/Bos0yvHMwV4YYDAODUV0zzmIQhEsyxXuyiXLesq893oPH90ROYewTwUOnruNspKli5L7Fbbeu5j8XgyMXigvUuru6Gk+Fuekw8vbrI5cKWl4qzTLAnHd2dJAthrEjwfrnG5UJzNaZV+dmuAF6mOUxjMyaxMpoRLXX0NMv9Wbb5ULKHWZ+QiuG/qB2safnb5tR0PZiKWUAvCQJG9f7Sn7iqR+rpy72h7xzqPTPj2HslqCcPz7rDfdfePFgVfuzs40AAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;margin-left:2px}.contentBox[data-v-eeb04946]{width:100%;height:50px;margin-bottom:15px}.ca-bg-box[data-v-eeb04946]{background-color:#ecf5ff;display:flex;align-items:center;justify-content:center;padding:30px 70px;position:relative;animation:fadeinout-eeb04946 1s linear forwards}.ca-bg-box .ca-bg-img[data-v-eeb04946]{width:97px;height:57px;background:url(data:image/png;base64,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) no-repeat;background-size:100% 100%}@keyframes fadeinout-eeb04946{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.ca-bg-info[data-v-eeb04946]{display:flex;padding:40px 70px 40px 25px;position:relative;background:url(data:image/png;base64,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) no-repeat;background-size:100% 100%;animation:fadeinout-eeb04946 1s linear forwards}.ca-bg-text[data-v-eeb04946]{margin-left:15px;font-size:18px;font-weight:500;color:#53a8ff}.caName[data-v-eeb04946]{margin-left:10px;color:#303133}.ca-refresh[data-v-eeb04946]{position:absolute;top:6px;right:8px;width:25px;height:25px;cursor:pointer}.ca-refresh.start[data-v-eeb04946]{animation:rotate-eeb04946 .7s linear}@keyframes rotate-eeb04946{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-btn[data-v-eeb04946]{height:2.81vw;font-size:1.04vw;font-weight:700;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAA2CAYAAADpjc+LAAAAAXNSR0IArs4c6QAAAz5JREFUeF7t2jtvznEYx+H7xiSxSAeTyWKwYzWIqnOVOp/PJF6BJkQQVIgKIQRxCkEqhDhO+gKMzERqMzb5SQcJU3t37fWMT/tt8r9yJ5+kz5MREYs/tDlTMvozYn5kdIy+50WAAAECBP4TaDHcMj7HSBx9tSi/ZeenNi8ihiJiOioCBAgQIDCWQIv4nRELs/NjG4yMrrEGfk6AAAECBP4ReJ5LPrVfGTETCwECBAgQGK9Ai/g5+i+sNt6B3yNAgAABAn8FBMQtECBAgMCEBARkQmxGBAgQICAgboAAAQIEJiQgIBNiMyJAgACB0a/x+hDdHRAgQIBAWSA73wtIWc2AAAECBCKXvhMQd0CAAAECdYHseisgdTYLAgQIEMhlbwTEGRAgQIBAXSCXvxaQOpsFAQIECOTyVwLiDAgQIECgLpArXgpInc2CAAECBHLlCwFxBgQIECBQF8hVgwJSZ7MgQIAAgVz9XECcAQECBAjUBXLNMwGps1kQIECAQHY/FRBnQIAAAQJ1gex+IiB1NgsCBAgQyLWPBcQZECBAgEBdIHseCUidzYIAAQIEct1DAXEGBAgQIFAXyPX3BaTOZkGAAAEC2XtPQJwBAQIECNQFsveugNTZLAgQIEAgN9wREGdAgAABAnWB3HhbQOpsFgQIECCQm24JiDMgQIAAgbpAbr4pIHU2CwIECBDILTcExBkQIECAQF0gt14XkDqbBQECBAjk1msC4gwIECBAoC6Q264KSJ3NggABAgRy+xUBcQYECBAgUBfIHQMCUmezIECAAIHceVlAnAEBAgQI1AVy1yUBqbNZECBAgEDuuiggzoAAAQIE6gK5+4KA1NksCBAgQCD39AuIMyBAgACBukDuPScgdTYLAgQIEMh9ZwXEGRAgQIBAXSD3nxGQOpsFAQIECOT+0wLiDAgQIECgLpAHTglInc2CAAECBPLgSQFxBgQIECBQF8hDJ9r3yJhVn1oQIECAwKQVaPEjDx9vDyOiZ9IieHACBAgQKAu0iAd55FibHVPjS0TMKP8FAwIECBCYdAKtxe9oMTdHn/xAX5szLeN8tlgQER2TTsMDEyBAgMB4BIZbxNBIxNGBvvz6B3Jvu/nasGSBAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;border:none}

package/dist/yc-ui2.umd.774.js

@@ -0,0 +1,442 @@
+"use strict";
+((typeof self !== 'undefined' ? self : this)["webpackChunkyc_ui2"] = (typeof self !== 'undefined' ? self : this)["webpackChunkyc_ui2"] || []).push([[774],{
+
+/***/ 6774:
+/***/ (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 */ slide_verify; }
+});
+
+;// 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!./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue?vue&type=template&id=b67196d8&scoped=true&
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c('div', {
+    staticClass: "slide-verify",
+    style: {
+      width: _vm.w + 'px'
+    },
+    attrs: {
+      "id": "slideVerify",
+      "onselectstart": "return false;"
+    }
+  }, [_c('div', {
+    class: {
+      'slider-verify-loading': _vm.loadBlock
+    }
+  }), _c('canvas', {
+    ref: "canvas",
+    attrs: {
+      "width": _vm.w,
+      "height": _vm.h
+    }
+  }), _vm.show ? _c('div', {
+    staticClass: "slide-verify-refresh-icon",
+    on: {
+      "click": _vm.refresh
+    }
+  }) : _vm._e(), _c('canvas', {
+    ref: "block",
+    staticClass: "slide-verify-block",
+    attrs: {
+      "width": _vm.w,
+      "height": _vm.h
+    }
+  }), _c('div', {
+    staticClass: "slide-verify-slider",
+    class: {
+      'container-active': _vm.containerActive,
+      'container-success': _vm.containerSuccess,
+      'container-fail': _vm.containerFail
+    }
+  }, [_c('div', {
+    staticClass: "slide-verify-slider-mask",
+    style: {
+      width: _vm.sliderMaskWidth
+    }
+  }, [_c('div', {
+    staticClass: "slide-verify-slider-mask-item",
+    style: {
+      left: _vm.sliderLeft
+    },
+    on: {
+      "mousedown": _vm.sliderDown,
+      "touchstart": _vm.touchStartEvent,
+      "touchmove": function ($event) {
+        return _vm.handleMoveEvent($event, 'touch');
+      },
+      "touchend": function ($event) {
+        return _vm.handleMoveEndEvent($event, 'touch');
+      }
+    }
+  }, [_c('div', {
+    staticClass: "slide-verify-slider-mask-item-icon"
+  })])]), _c('span', {
+    staticClass: "slide-verify-slider-text"
+  }, [_vm._v(_vm._s(_vm.sliderText))])])]);
+};
+var staticRenderFns = [];
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.push.js
+var es_array_push = __webpack_require__(7658);
+;// 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!./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue?vue&type=script&lang=js&
+
+const PI = Math.PI;
+function sum(x, y) {
+  return x + y;
+}
+function square(x) {
+  return x * x;
+}
+/* harmony default export */ var slide_verifyvue_type_script_lang_js_ = ({
+  name: "SlideVerify",
+  props: {
+    // block length
+    l: {
+      type: Number,
+      default: 42
+    },
+    // block radius
+    r: {
+      type: Number,
+      default: 10
+    },
+    // canvas width
+    w: {
+      type: Number,
+      default: 310
+    },
+    // canvas height
+    h: {
+      type: Number,
+      default: 155
+    },
+    sliderText: {
+      type: String,
+      default: "Slide filled right"
+    },
+    accuracy: {
+      type: Number,
+      default: 5 // 若为 -1 则不进行机器判断
+    },
+
+    show: {
+      type: Boolean,
+      default: true
+    },
+    imgs: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      containerActive: false,
+      // container active class
+      containerSuccess: false,
+      // container success class
+      containerFail: false,
+      // container fail class
+      canvasCtx: null,
+      blockCtx: null,
+      block: null,
+      block_x: undefined,
+      // container random position
+      block_y: undefined,
+      L: this.l + this.r * 2 + 3,
+      // block real length
+      img: undefined,
+      originX: undefined,
+      originY: undefined,
+      isMouseDown: false,
+      trail: [],
+      sliderLeft: 0,
+      // block right offset
+      sliderMaskWidth: 0,
+      // mask width,
+      success: false,
+      // Bug Fixes 修复了验证成功后还能滑动
+      loadBlock: true,
+      // Features 图片加载提示，防止图片没加载完就开始验证
+      timestamp: null
+    };
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      this.initDom();
+      this.initImg();
+      this.bindEvents();
+    },
+    initDom() {
+      this.block = this.$refs.block;
+      this.canvasCtx = this.$refs.canvas.getContext("2d");
+      this.blockCtx = this.block.getContext("2d");
+    },
+    initImg() {
+      const img = this.createImg(() => {
+        // 图片加载完关闭遮蔽罩
+        this.loadBlock = false;
+        this.drawBlock();
+        this.canvasCtx.drawImage(img, 0, 0, this.w, this.h);
+        this.blockCtx.drawImage(img, 0, 0, this.w, this.h);
+        let {
+          block_x: x,
+          block_y: y,
+          r,
+          L
+        } = this;
+        let _y = y - r * 2 - 1;
+        let ImageData = this.blockCtx.getImageData(x, _y, L, L);
+        this.block.width = L;
+        this.blockCtx.putImageData(ImageData, 0, _y);
+      });
+      this.img = img;
+    },
+    drawBlock() {
+      this.block_x = this.getRandomNumberByRange(this.L + 10, this.w - (this.L + 10));
+      this.block_y = this.getRandomNumberByRange(10 + this.r * 2, this.h - (this.L + 10));
+      this.draw(this.canvasCtx, this.block_x, this.block_y, "fill");
+      this.draw(this.blockCtx, this.block_x, this.block_y, "clip");
+    },
+    draw(ctx, x, y, operation) {
+      let {
+        l,
+        r
+      } = this;
+      ctx.beginPath();
+      ctx.moveTo(x, y);
+      ctx.arc(x + l / 2, y - r + 2, r, 0.72 * PI, 2.26 * PI);
+      ctx.lineTo(x + l, y);
+      ctx.arc(x + l + r - 2, y + l / 2, r, 1.21 * PI, 2.78 * PI);
+      ctx.lineTo(x + l, y + l);
+      ctx.lineTo(x, y + l);
+      ctx.arc(x + r - 2, y + l / 2, r + 0.4, 2.76 * PI, 1.24 * PI, true);
+      ctx.lineTo(x, y);
+      ctx.lineWidth = 2;
+      ctx.fillStyle = "rgba(255, 255, 255, 0.7)";
+      ctx.strokeStyle = "rgba(255, 255, 255, 0.7)";
+      ctx.stroke();
+      ctx[operation]();
+      // Bug Fixes 修复了火狐和ie显示问题
+      ctx.globalCompositeOperation = "destination-over";
+    },
+    createImg(onload) {
+      const img = document.createElement("img");
+      img.crossOrigin = "Anonymous";
+      img.onload = onload;
+      img.onerror = () => {
+        img.src = this.getRandomImg();
+      };
+      img.src = this.getRandomImg();
+      return img;
+    },
+    // 随机生成img src
+    getRandomImg() {
+      // return require('../assets/img.jpg')
+      const len = this.imgs.length;
+      return len > 0 ? this.imgs[this.getRandomNumberByRange(0, len - 1)] :
+      // "https://bing.ioliu.cn/v1/rand?w=300&h=150";
+      "https://source.unsplash.com/300x150/?book,library";
+      // "https://api.dujin.org/pic/fengjing";
+    },
+
+    getRandomNumberByRange(start, end) {
+      return Math.round(Math.random() * (end - start) + start);
+    },
+    refresh() {
+      this.reset();
+      this.$emit("refresh");
+    },
+    sliderDown(event) {
+      if (this.success) return;
+      this.originX = event.clientX;
+      this.originY = event.clientY;
+      this.isMouseDown = true;
+      this.timestamp = +new Date();
+    },
+    touchStartEvent(e) {
+      if (this.success) return;
+      this.originX = e.changedTouches[0].pageX;
+      this.originY = e.changedTouches[0].pageY;
+      this.isMouseDown = true;
+      this.timestamp = +new Date();
+    },
+    bindEvents() {
+      document.addEventListener("mousemove", this.handleMoveEvent);
+      document.addEventListener("mouseup", this.handleMoveEndEvent);
+    },
+    // 处理函数抽离
+    handleMoveEvent: throttle(function (e, type = "mouse") {
+      if (!this.isMouseDown) return false;
+      const moveX = type === "mouse" ? e.clientX - this.originX : e.changedTouches[0].pageX - this.originX;
+      const moveY = type === "mouse" ? e.clientY - this.originY : e.changedTouches[0].pageY - this.originY;
+      if (moveX < 0 || moveX + 38 >= this.w) return false;
+      this.sliderLeft = moveX + "px";
+      let blockLeft = (this.w - 40 - 20) / (this.w - 40) * moveX;
+      this.block.style.left = blockLeft + "px";
+      this.containerActive = true; // add active
+      this.sliderMaskWidth = moveX + "px";
+      this.trail.push(moveY);
+    }),
+    handleMoveEndEvent(e, type = "mouse") {
+      if (!this.isMouseDown) return false;
+      this.isMouseDown = false;
+      if (type === "mouse" && e.clientX === this.originX || type === "touch" && e.changedTouches[0].pageX === this.originX) return false;
+      this.containerActive = false; // remove active
+      this.timestamp = +new Date() - this.timestamp;
+      const {
+        spliced,
+        TuringTest
+      } = this.verify();
+      if (spliced) {
+        if (this.accuracy === -1) {
+          this.containerSuccess = true;
+          this.success = true;
+          this.$emit("success", this.timestamp);
+          return;
+        }
+        if (TuringTest) {
+          // succ
+          this.containerSuccess = true;
+          this.success = true;
+          this.$emit("success", this.timestamp);
+        } else {
+          this.containerFail = true;
+          this.$emit("again");
+        }
+      } else {
+        this.containerFail = true;
+        this.$emit("fail");
+        setTimeout(() => {
+          this.reset();
+        }, 1000);
+      }
+    },
+    verify() {
+      const arr = this.trail; // drag y move distance
+      const average = arr.reduce(sum) / arr.length; // average
+      const deviations = arr.map(x => x - average); // deviation array
+      const stddev = Math.sqrt(deviations.map(square).reduce(sum) / arr.length); // standard deviation
+      const left = parseInt(this.block.style.left);
+      const accuracy = this.accuracy <= 1 ? 1 : this.accuracy > 10 ? 10 : this.accuracy;
+      return {
+        spliced: Math.abs(left - this.block_x) <= accuracy,
+        TuringTest: average !== stddev // equal => not person operate
+      };
+    },
+
+    reset() {
+      this.success = false;
+      this.containerActive = false;
+      this.containerSuccess = false;
+      this.containerFail = false;
+      this.sliderLeft = 0;
+      this.block.style.left = 0;
+      this.sliderMaskWidth = 0;
+      // canvas
+      let {
+        w,
+        h
+      } = this;
+      this.canvasCtx.clearRect(0, 0, w, h);
+      this.blockCtx.clearRect(0, 0, w, h);
+      this.block.width = w;
+
+      // generate img
+      this.img.src = this.getRandomImg();
+      this.$emit("fulfilled");
+    }
+  },
+  destroyed() {
+    document.removeEventListener("mousemove", this.handleMoveEvent);
+    document.removeEventListener("mouseup", this.handleMoveEndEvent);
+  }
+});
+function throttle(fn, interval = 50, options = {
+  leading: true,
+  trailing: true
+}) {
+  const {
+    leading,
+    trailing,
+    resultCallback
+  } = options;
+  let lastTime = 0;
+  let timer = null;
+  const _throttle = function (...args) {
+    return new Promise((resolve, reject) => {
+      const nowTime = new Date().getTime();
+      if (!lastTime && !leading) lastTime = nowTime;
+      const remainTime = interval - (nowTime - lastTime);
+      if (remainTime <= 0) {
+        if (timer) {
+          clearTimeout(timer);
+          timer = null;
+        }
+        const result = fn.apply(this, args);
+        if (resultCallback) resultCallback(result);
+        resolve(result);
+        lastTime = nowTime;
+        return;
+      }
+      if (trailing && !timer) {
+        timer = setTimeout(() => {
+          timer = null;
+          lastTime = !leading ? 0 : new Date().getTime();
+          const result = fn.apply(this, args);
+          if (resultCallback) resultCallback(result);
+          resolve(result);
+        }, remainTime);
+      }
+    });
+  };
+  _throttle.cancel = function () {
+    if (timer) clearTimeout(timer);
+    timer = null;
+    lastTime = 0;
+  };
+  return _throttle;
+}
+;// CONCATENATED MODULE: ./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue?vue&type=script&lang=js&
+ /* harmony default export */ var lib_slide_verifyvue_type_script_lang_js_ = (slide_verifyvue_type_script_lang_js_); 
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue?vue&type=style&index=0&id=b67196d8&prod&scoped=true&lang=css&
+// extracted by mini-css-extract-plugin
+
+;// CONCATENATED MODULE: ./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue?vue&type=style&index=0&id=b67196d8&prod&scoped=true&lang=css&
+
+// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(1001);
+;// CONCATENATED MODULE: ./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue
+
+
+
+;
+
+
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.Z)(
+  lib_slide_verifyvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "b67196d8",
+  null
+  
+)
+
+/* harmony default export */ var slide_verify = (component.exports);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=yc-ui2.umd.774.js.map

package/dist/yc-ui2.umd.774.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"yc-ui2.umd.774.js","mappings":"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","sources":["webpack://yc-ui2/./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue","webpack://yc-ui2/node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue","webpack://yc-ui2/./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue?2d70","webpack://yc-ui2/./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue?2bef","webpack://yc-ui2/./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue?ab96","webpack://yc-ui2/./node_modules/vue-monoplasty-slide-verify/src/lib/slide-verify.vue?90e5"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"slide-verify\",style:({ width: _vm.w + 'px' }),attrs:{\"id\":\"slideVerify\",\"onselectstart\":\"return false;\"}},[_c('div',{class:{ 'slider-verify-loading': _vm.loadBlock }}),_c('canvas',{ref:\"canvas\",attrs:{\"width\":_vm.w,\"height\":_vm.h}}),(_vm.show)?_c('div',{staticClass:\"slide-verify-refresh-icon\",on:{\"click\":_vm.refresh}}):_vm._e(),_c('canvas',{ref:\"block\",staticClass:\"slide-verify-block\",attrs:{\"width\":_vm.w,\"height\":_vm.h}}),_c('div',{staticClass:\"slide-verify-slider\",class:{\n      'container-active': _vm.containerActive,\n      'container-success': _vm.containerSuccess,\n      'container-fail': _vm.containerFail\n    }},[_c('div',{staticClass:\"slide-verify-slider-mask\",style:({ width: _vm.sliderMaskWidth })},[_c('div',{staticClass:\"slide-verify-slider-mask-item\",style:({ left: _vm.sliderLeft }),on:{\"mousedown\":_vm.sliderDown,\"touchstart\":_vm.touchStartEvent,\"touchmove\":function($event){return _vm.handleMoveEvent($event, 'touch')},\"touchend\":function($event){return _vm.handleMoveEndEvent($event, 'touch')}}},[_c('div',{staticClass:\"slide-verify-slider-mask-item-icon\"})])]),_c('span',{staticClass:\"slide-verify-slider-text\"},[_vm._v(_vm._s(_vm.sliderText))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"slide-verify\"\n    :style=\"{ width: w + 'px' }\"\n    id=\"slideVerify\"\n    onselectstart=\"return false;\"\n  >\n    <!-- 图片加载遮蔽罩 -->\n    <div :class=\"{ 'slider-verify-loading': loadBlock }\"></div>\n    <canvas :width=\"w\" :height=\"h\" ref=\"canvas\"></canvas>\n    <div v-if=\"show\" @click=\"refresh\" class=\"slide-verify-refresh-icon\"></div>\n    <canvas\n      :width=\"w\"\n      :height=\"h\"\n      ref=\"block\"\n      class=\"slide-verify-block\"\n    ></canvas>\n    <!-- container -->\n    <div\n      class=\"slide-verify-slider\"\n      :class=\"{\n        'container-active': containerActive,\n        'container-success': containerSuccess,\n        'container-fail': containerFail\n      }\"\n    >\n      <div class=\"slide-verify-slider-mask\" :style=\"{ width: sliderMaskWidth }\">\n        <!-- slider -->\n        <div\n          @mousedown=\"sliderDown\"\n          @touchstart=\"touchStartEvent\"\n          @touchmove=\"handleMoveEvent($event, 'touch')\"\n          @touchend=\"handleMoveEndEvent($event, 'touch')\"\n          class=\"slide-verify-slider-mask-item\"\n          :style=\"{ left: sliderLeft }\"\n        >\n          <div class=\"slide-verify-slider-mask-item-icon\"></div>\n        </div>\n      </div>\n      <span class=\"slide-verify-slider-text\">{{ sliderText }}</span>\n    </div>\n  </div>\n</template>\n<script>\nconst PI = Math.PI;\n\nfunction sum(x, y) {\n  return x + y;\n}\n\nfunction square(x) {\n  return x * x;\n}\nexport default {\n  name: \"SlideVerify\",\n  props: {\n    // block length\n    l: {\n      type: Number,\n      default: 42\n    },\n    // block radius\n    r: {\n      type: Number,\n      default: 10\n    },\n    // canvas width\n    w: {\n      type: Number,\n      default: 310\n    },\n    // canvas height\n    h: {\n      type: Number,\n      default: 155\n    },\n    sliderText: {\n      type: String,\n      default: \"Slide filled right\"\n    },\n    accuracy: {\n      type: Number,\n      default: 5 // 若为 -1 则不进行机器判断\n    },\n    show: {\n      type: Boolean,\n      default: true\n    },\n    imgs: {\n      type: Array,\n      default: () => []\n    }\n  },\n  data() {\n    return {\n      containerActive: false, // container active class\n      containerSuccess: false, // container success class\n      containerFail: false, // container fail class\n      canvasCtx: null,\n      blockCtx: null,\n      block: null,\n      block_x: undefined, // container random position\n      block_y: undefined,\n      L: this.l + this.r * 2 + 3, // block real length\n      img: undefined,\n      originX: undefined,\n      originY: undefined,\n      isMouseDown: false,\n      trail: [],\n      sliderLeft: 0, // block right offset\n      sliderMaskWidth: 0, // mask width,\n      success: false, // Bug Fixes 修复了验证成功后还能滑动\n      loadBlock: true, // Features 图片加载提示，防止图片没加载完就开始验证\n      timestamp: null\n    };\n  },\n  mounted() {\n    this.init();\n  },\n  methods: {\n    init() {\n      this.initDom();\n      this.initImg();\n      this.bindEvents();\n    },\n    initDom() {\n      this.block = this.$refs.block;\n      this.canvasCtx = this.$refs.canvas.getContext(\"2d\");\n      this.blockCtx = this.block.getContext(\"2d\");\n    },\n    initImg() {\n      const img = this.createImg(() => {\n        // 图片加载完关闭遮蔽罩\n        this.loadBlock = false;\n        this.drawBlock();\n        this.canvasCtx.drawImage(img, 0, 0, this.w, this.h);\n        this.blockCtx.drawImage(img, 0, 0, this.w, this.h);\n        let { block_x: x, block_y: y, r, L } = this;\n        let _y = y - r * 2 - 1;\n        let ImageData = this.blockCtx.getImageData(x, _y, L, L);\n        this.block.width = L;\n        this.blockCtx.putImageData(ImageData, 0, _y);\n      });\n      this.img = img;\n    },\n    drawBlock() {\n      this.block_x = this.getRandomNumberByRange(\n        this.L + 10,\n        this.w - (this.L + 10)\n      );\n      this.block_y = this.getRandomNumberByRange(\n        10 + this.r * 2,\n        this.h - (this.L + 10)\n      );\n      this.draw(this.canvasCtx, this.block_x, this.block_y, \"fill\");\n      this.draw(this.blockCtx, this.block_x, this.block_y, \"clip\");\n    },\n    draw(ctx, x, y, operation) {\n      let { l, r } = this;\n      ctx.beginPath();\n      ctx.moveTo(x, y);\n      ctx.arc(x + l / 2, y - r + 2, r, 0.72 * PI, 2.26 * PI);\n      ctx.lineTo(x + l, y);\n      ctx.arc(x + l + r - 2, y + l / 2, r, 1.21 * PI, 2.78 * PI);\n      ctx.lineTo(x + l, y + l);\n      ctx.lineTo(x, y + l);\n      ctx.arc(x + r - 2, y + l / 2, r + 0.4, 2.76 * PI, 1.24 * PI, true);\n      ctx.lineTo(x, y);\n      ctx.lineWidth = 2;\n      ctx.fillStyle = \"rgba(255, 255, 255, 0.7)\";\n      ctx.strokeStyle = \"rgba(255, 255, 255, 0.7)\";\n      ctx.stroke();\n      ctx[operation]();\n      // Bug Fixes 修复了火狐和ie显示问题\n      ctx.globalCompositeOperation = \"destination-over\";\n    },\n    createImg(onload) {\n      const img = document.createElement(\"img\");\n      img.crossOrigin = \"Anonymous\";\n      img.onload = onload;\n      img.onerror = () => {\n        img.src = this.getRandomImg();\n      };\n      img.src = this.getRandomImg();\n      return img;\n    },\n    // 随机生成img src\n    getRandomImg() {\n      // return require('../assets/img.jpg')\n      const len = this.imgs.length;\n      return len > 0\n        ? this.imgs[this.getRandomNumberByRange(0, len - 1)]\n        : // \"https://bing.ioliu.cn/v1/rand?w=300&h=150\";\n          \"https://source.unsplash.com/300x150/?book,library\";\n      // \"https://api.dujin.org/pic/fengjing\";\n    },\n    getRandomNumberByRange(start, end) {\n      return Math.round(Math.random() * (end - start) + start);\n    },\n    refresh() {\n      this.reset();\n      this.$emit(\"refresh\");\n    },\n    sliderDown(event) {\n      if (this.success) return;\n      this.originX = event.clientX;\n      this.originY = event.clientY;\n      this.isMouseDown = true;\n      this.timestamp = +new Date();\n    },\n    touchStartEvent(e) {\n      if (this.success) return;\n      this.originX = e.changedTouches[0].pageX;\n      this.originY = e.changedTouches[0].pageY;\n      this.isMouseDown = true;\n      this.timestamp = +new Date();\n    },\n    bindEvents() {\n      document.addEventListener(\"mousemove\", this.handleMoveEvent);\n      document.addEventListener(\"mouseup\", this.handleMoveEndEvent);\n    },\n    // 处理函数抽离\n    handleMoveEvent: throttle(function(e, type = \"mouse\") {\n      if (!this.isMouseDown) return false;\n      const moveX =\n        type === \"mouse\"\n          ? e.clientX - this.originX\n          : e.changedTouches[0].pageX - this.originX;\n      const moveY =\n        type === \"mouse\"\n          ? e.clientY - this.originY\n          : e.changedTouches[0].pageY - this.originY;\n      if (moveX < 0 || moveX + 38 >= this.w) return false;\n      this.sliderLeft = moveX + \"px\";\n      let blockLeft = ((this.w - 40 - 20) / (this.w - 40)) * moveX;\n      this.block.style.left = blockLeft + \"px\";\n\n      this.containerActive = true; // add active\n      this.sliderMaskWidth = moveX + \"px\";\n      this.trail.push(moveY);\n    }),\n    handleMoveEndEvent(e, type = \"mouse\") {\n      if (!this.isMouseDown) return false;\n      this.isMouseDown = false;\n      if (\n        (type === \"mouse\" && e.clientX === this.originX) ||\n        (type === \"touch\" && e.changedTouches[0].pageX === this.originX)\n      )\n        return false;\n      this.containerActive = false; // remove active\n      this.timestamp = +new Date() - this.timestamp;\n\n      const { spliced, TuringTest } = this.verify();\n      if (spliced) {\n        if (this.accuracy === -1) {\n          this.containerSuccess = true;\n          this.success = true;\n          this.$emit(\"success\", this.timestamp);\n          return;\n        }\n        if (TuringTest) {\n          // succ\n          this.containerSuccess = true;\n          this.success = true;\n          this.$emit(\"success\", this.timestamp);\n        } else {\n          this.containerFail = true;\n          this.$emit(\"again\");\n        }\n      } else {\n        this.containerFail = true;\n        this.$emit(\"fail\");\n        setTimeout(() => {\n          this.reset();\n        }, 1000);\n      }\n    },\n    verify() {\n      const arr = this.trail; // drag y move distance\n      const average = arr.reduce(sum) / arr.length; // average\n      const deviations = arr.map(x => x - average); // deviation array\n      const stddev = Math.sqrt(deviations.map(square).reduce(sum) / arr.length); // standard deviation\n      const left = parseInt(this.block.style.left);\n      const accuracy =\n        this.accuracy <= 1 ? 1 : this.accuracy > 10 ? 10 : this.accuracy;\n      return {\n        spliced: Math.abs(left - this.block_x) <= accuracy,\n        TuringTest: average !== stddev // equal => not person operate\n      };\n    },\n    reset() {\n      this.success = false;\n      this.containerActive = false;\n      this.containerSuccess = false;\n      this.containerFail = false;\n      this.sliderLeft = 0;\n      this.block.style.left = 0;\n      this.sliderMaskWidth = 0;\n      // canvas\n      let { w, h } = this;\n      this.canvasCtx.clearRect(0, 0, w, h);\n      this.blockCtx.clearRect(0, 0, w, h);\n      this.block.width = w;\n\n      // generate img\n      this.img.src = this.getRandomImg();\n      this.$emit(\"fulfilled\");\n    }\n  },\n  destroyed() {\n    document.removeEventListener(\"mousemove\", this.handleMoveEvent);\n    document.removeEventListener(\"mouseup\", this.handleMoveEndEvent);\n  }\n};\n\nfunction throttle(\n  fn,\n  interval = 50,\n  options = { leading: true, trailing: true }\n) {\n  const { leading, trailing, resultCallback } = options;\n  let lastTime = 0;\n  let timer = null;\n\n  const _throttle = function(...args) {\n    return new Promise((resolve, reject) => {\n      const nowTime = new Date().getTime();\n      if (!lastTime && !leading) lastTime = nowTime;\n\n      const remainTime = interval - (nowTime - lastTime);\n      if (remainTime <= 0) {\n        if (timer) {\n          clearTimeout(timer);\n          timer = null;\n        }\n\n        const result = fn.apply(this, args);\n        if (resultCallback) resultCallback(result);\n        resolve(result);\n        lastTime = nowTime;\n        return;\n      }\n\n      if (trailing && !timer) {\n        timer = setTimeout(() => {\n          timer = null;\n          lastTime = !leading ? 0 : new Date().getTime();\n          const result = fn.apply(this, args);\n          if (resultCallback) resultCallback(result);\n          resolve(result);\n        }, remainTime);\n      }\n    });\n  };\n\n  _throttle.cancel = function() {\n    if (timer) clearTimeout(timer);\n    timer = null;\n    lastTime = 0;\n  };\n\n  return _throttle;\n}\n</script>\n<style scoped>\n.slide-verify {\n  position: relative;\n}\n\n/* 图片加载样式 */\n.slider-verify-loading {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: rgba(255, 255, 255, 0.9);\n  z-index: 999;\n  animation: loading 1.5s infinite;\n}\n\n@keyframes loading {\n  0% {\n    opacity: 0.7;\n  }\n  100% {\n    opacity: 9;\n  }\n}\n\n.slide-verify-block {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n\n.slide-verify-refresh-icon {\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 34px;\n  height: 34px;\n  cursor: pointer;\n  background: url(\"../assets/icon_light.png\") 0 -437px;\n  background-size: 34px 471px;\n}\n\n.slide-verify-slider {\n  position: relative;\n  text-align: center;\n  width: 100%;\n  height: 40px;\n  line-height: 40px;\n  margin-top: 15px;\n  background: #f7f9fa;\n  color: #45494c;\n  border: 1px solid #e4e7eb;\n}\n\n.slide-verify-slider-mask {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 40px;\n  border: 0 solid #1991fa;\n  background: #d1e9fe;\n}\n\n.slide-verify-slider-mask-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 40px;\n  height: 40px;\n  background: #fff;\n  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);\n  cursor: pointer;\n  transition: background 0.2s linear;\n}\n\n.slide-verify-slider-mask-item:hover {\n  background: #1991fa;\n}\n\n.slide-verify-slider-mask-item:hover .slide-verify-slider-mask-item-icon {\n  background-position: 0 -13px;\n}\n\n.slide-verify-slider-mask-item-icon {\n  position: absolute;\n  top: 15px;\n  left: 13px;\n  width: 14px;\n  height: 12px;\n  background: url(\"../assets/icon_light.png\") 0 -26px;\n  background-size: 34px 471px;\n}\n.container-active .slide-verify-slider-mask-item {\n  height: 38px;\n  top: -1px;\n  border: 1px solid #1991fa;\n}\n\n.container-active .slide-verify-slider-mask {\n  height: 38px;\n  border-width: 1px;\n}\n\n.container-success .slide-verify-slider-mask-item {\n  height: 38px;\n  top: -1px;\n  border: 1px solid #52ccba;\n  background-color: #52ccba !important;\n}\n\n.container-success .slide-verify-slider-mask {\n  height: 38px;\n  border: 1px solid #52ccba;\n  background-color: #d2f4ef;\n}\n\n.container-success .slide-verify-slider-mask-item-icon {\n  background-position: 0 0 !important;\n}\n\n.container-fail .slide-verify-slider-mask-item {\n  height: 38px;\n  top: -1px;\n  border: 1px solid #f57a7a;\n  background-color: #f57a7a !important;\n}\n\n.container-fail .slide-verify-slider-mask {\n  height: 38px;\n  border: 1px solid #f57a7a;\n  background-color: #fce1e1;\n}\n\n.container-fail .slide-verify-slider-mask-item-icon {\n  top: 14px;\n  background-position: 0 -82px !important;\n}\n\n.container-active .slide-verify-slider-text,\n.container-success .slide-verify-slider-text,\n.container-fail .slide-verify-slider-text {\n  display: none;\n}\n</style>\n","import mod from \"-!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js??clonedRuleSet-82.use[1]!../../../@vue/vue-loader-v15/lib/index.js??vue-loader-options!./slide-verify.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../thread-loader/dist/cjs.js!../../../babel-loader/lib/index.js??clonedRuleSet-82.use[1]!../../../@vue/vue-loader-v15/lib/index.js??vue-loader-options!./slide-verify.vue?vue&type=script&lang=js&\"","// extracted by mini-css-extract-plugin\nexport {};","export * from \"-!../../../mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!../../../css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!../../../@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!../../../@vue/vue-loader-v15/lib/index.js??vue-loader-options!./slide-verify.vue?vue&type=style&index=0&id=b67196d8&prod&scoped=true&lang=css&\"","import { render, staticRenderFns } from \"./slide-verify.vue?vue&type=template&id=b67196d8&scoped=true&\"\nimport script from \"./slide-verify.vue?vue&type=script&lang=js&\"\nexport * from \"./slide-verify.vue?vue&type=script&lang=js&\"\nimport style0 from \"./slide-verify.vue?vue&type=style&index=0&id=b67196d8&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b67196d8\",\n  null\n  \n)\n\nexport default component.exports"],"names":["render","_vm","_c","_self","staticClass","style","width","w","attrs","class","loadBlock","ref","h","show","on","refresh","_e","containerActive","containerSuccess","containerFail","sliderMaskWidth","left","sliderLeft","sliderDown","touchStartEvent","touchmove","$event","handleMoveEvent","touchend","handleMoveEndEvent","_v","_s","sliderText","staticRenderFns","PI","Math","sum","x","y","square","name","props","l","type","Number","default","r","String","accuracy","Boolean","imgs","Array","data","canvasCtx","blockCtx","block","block_x","undefined","block_y","L","img","originX","originY","isMouseDown","trail","success","timestamp","mounted","init","methods","initDom","initImg","bindEvents","$refs","canvas","getContext","createImg","drawBlock","drawImage","_y","ImageData","getImageData","putImageData","getRandomNumberByRange","draw","ctx","operation","beginPath","moveTo","arc","lineTo","lineWidth","fillStyle","strokeStyle","stroke","globalCompositeOperation","onload","document","createElement","crossOrigin","onerror","src","getRandomImg","len","length","start","end","round","random","reset","$emit","event","clientX","clientY","Date","e","changedTouches","pageX","pageY","addEventListener","throttle","moveX","moveY","blockLeft","push","spliced","TuringTest","verify","setTimeout","arr","average","reduce","deviations","map","stddev","sqrt","parseInt","abs","clearRect","destroyed","removeEventListener","fn","interval","options","leading","trailing","resultCallback","lastTime","timer","_throttle","args","Promise","resolve","reject","nowTime","getTime","remainTime","clearTimeout","result","apply","cancel"],"sourceRoot":""}