yc-ui2 0.1.2-beta07 → 0.1.2-beta08
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/yc-ui2.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.el-dialog__wrapper[data-v-3da5bfc2]{display:flex;justify-content:center;align-items:center}[data-v-3da5bfc2] .el-dialog{margin-top:0!important;border-radius:8px}[data-v-3da5bfc2] .el-dialog__header{background-color:#f2f6fc;border-radius:8px 8px 0 0}.el-dialog__body[data-v-3da5bfc2]{display:flex;justify-content:center}.chat[data-v-42a8b467]{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-42a8b467]{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-42a8b467]{width:44px;height:44px;border-radius:50%;margin-right:10px;transition:all .3s linear}.chat>header>img[data-v-42a8b467]:focus,.chat>header>img[data-v-42a8b467]:hover{transform:scale(1.2) rotate(15deg)}.chat>header i[data-v-42a8b467]{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-42a8b467]:focus,.chat>header i[data-v-42a8b467]:hover{transform:scale(1.2);background-color:hsla(7,100%,74%,.8)}.chat>header i.el-icon-close[data-v-42a8b467]{right:10px}.chat>header i.icon-enlarge[data-v-42a8b467]{right:35px}.chat>header i>img[data-v-42a8b467]{width:12px}.chat>main[data-v-42a8b467]{width:100%;height:60%;overflow-y:auto;padding-bottom:20px;background-color:#f7f7f9}.chat>main[data-v-42a8b467]::-webkit-scrollbar{width:6px}.chat>main[data-v-42a8b467]::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.chat>main[data-v-42a8b467]::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.chat>main[data-v-42a8b467]::-webkit-scrollbar-thumb:hover{background:#ff755d}.chat>main .message[data-v-42a8b467]{display:flex;gap:15px;position:relative;margin:20px 5px 0 5px;opacity:0}.chat>main .message .avatar[data-v-42a8b467]{width:30px;height:30px;border-radius:50%}.chat>main .message .content[data-v-42a8b467]{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-42a8b467]{cursor:pointer;display:block;color:#ff575f;margin-bottom:.5rem}.chat>main .message .content .href[data-v-42a8b467]:hover{text-decoration:underline}.chat>main .message .content>.based[data-v-42a8b467]{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-42a8b467]:first-child{white-space:nowrap;color:#4c4c4d;border-radius:10px;background-color:#eeeef0;padding:0 7px}.chat>main .message .content>.based>span[data-v-42a8b467]: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-42a8b467]{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-42a8b467]{overflow:visible;white-space:normal}.chat>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right[data-v-42a8b467]{transform:rotate(270deg)}.chat>main .message .content>.based>span[data-v-42a8b467]:last-child:hover{color:#ff575f}.chat>main .message.admin[data-v-42a8b467]{animation:animation01-42a8b467 .3s linear 1.5s forwards}.chat>main .message.admin .content[data-v-42a8b467]: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-42a8b467]{animation:animation01-42a8b467 .3s linear .3s forwards;flex-direction:row-reverse}.chat>main .message.personal .content[data-v-42a8b467]: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-42a8b467{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat>nav[data-v-42a8b467]{background-color:#f7f7f9;border-bottom:1px solid #e7e7ea;padding:5px 10px;display:flex}.chat>nav .el-button[data-v-42a8b467]{font-size:12px;font-weight:400;color:#4c4c4d;background-color:#fff!important;border:1px solid #e7e7ea;padding:5px 8px}.chat>.el-textarea[data-v-42a8b467]{border-color:transparent}.chat>.el-textarea textarea[data-v-42a8b467]{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-42a8b467],.chat>.el-textarea textarea[data-v-42a8b467]:focus{border-color:transparent}.chat>.el-button[data-v-42a8b467]{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-b15e6fbc] .chatPage{background-color:#fff}.YcQuestion[data-v-b15e6fbc] .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}.YcQuestion[data-v-b15e6fbc] .chatPage>header>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .chatPage .main{display:flex}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div{width:74vw;position:relative}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main{height:62vh;overflow-y:auto;padding-bottom:2vw;background-color:#f7f7f9}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main::-webkit-scrollbar{width:6px}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main::-webkit-scrollbar-thumb:hover{background:#ff755d}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message{display:flex;gap:15px;margin:1.5vw 1.5vw 0 1.5vw;opacity:0}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message .avatar:focus,.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message .avatar:hover{transform:scale(1.2) rotate(15deg)}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message .content .href{cursor:pointer;display:block;color:#ff575f;margin-bottom:1.5rem}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message .content .href:hover{text-decoration:underline}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message .content>.based>span:last-child.is-active{overflow:visible;white-space:normal}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right{transform:rotate(270deg)}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message .content>.based>span:last-child:hover{color:#ff575f}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message.admin{animation:animation01-b15e6fbc .3s linear 1.5s forwards}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message.admin .content{margin-top:20px}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message.personal{animation:animation01-b15e6fbc .3s linear .3s forwards;flex-direction:row-reverse}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div footer{height:30vh;border:1px solid #e7e7ea}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div footer>.el-textarea{border-color:transparent}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main>div footer>.el-textarea textarea,.YcQuestion[data-v-b15e6fbc] .chatPage .main>div footer>.el-textarea textarea:focus{border-color:transparent}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside{width:26vw;height:calc(100vh - 8vw);padding:1vw;overflow-y:auto;background-color:#fff}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside .el-collapse-item__header.is-active{color:#fff;background:linear-gradient(#ff897a,#ff645a)}.YcQuestion[data-v-b15e6fbc] .chatPage .main aside .el-collapse-item__header.is-active i{color:#fff}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside .el-collapse-item__header i{font-size:2rem;color:#ff575f;font-weight:900}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside .el-collapse-item__content>div{position:relative;margin-top:1rem;cursor:pointer;transition:all .3s linear}.YcQuestion[data-v-b15e6fbc] .chatPage .main aside .el-collapse-item__content>div:first-child{margin-top:0}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside .el-collapse-item__content>div:hover{color:#ff575f;transform:translate(.5rem)}.YcQuestion[data-v-b15e6fbc] .chatPage .main aside .el-collapse-item__content>div:hover:before{border-color:transparent transparent transparent #ff575f}
|
1
|
+
.el-dialog__wrapper[data-v-016fd096]{display:flex;justify-content:center;align-items:center}[data-v-016fd096] .el-dialog{margin-top:0!important;border-radius:8px}[data-v-016fd096] .el-dialog__header{background-color:#f2f6fc;border-radius:8px 8px 0 0}.el-dialog__body[data-v-016fd096]{display:flex;justify-content:center}.chat[data-v-42a8b467]{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-42a8b467]{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-42a8b467]{width:44px;height:44px;border-radius:50%;margin-right:10px;transition:all .3s linear}.chat>header>img[data-v-42a8b467]:focus,.chat>header>img[data-v-42a8b467]:hover{transform:scale(1.2) rotate(15deg)}.chat>header i[data-v-42a8b467]{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-42a8b467]:focus,.chat>header i[data-v-42a8b467]:hover{transform:scale(1.2);background-color:hsla(7,100%,74%,.8)}.chat>header i.el-icon-close[data-v-42a8b467]{right:10px}.chat>header i.icon-enlarge[data-v-42a8b467]{right:35px}.chat>header i>img[data-v-42a8b467]{width:12px}.chat>main[data-v-42a8b467]{width:100%;height:60%;overflow-y:auto;padding-bottom:20px;background-color:#f7f7f9}.chat>main[data-v-42a8b467]::-webkit-scrollbar{width:6px}.chat>main[data-v-42a8b467]::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.chat>main[data-v-42a8b467]::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.chat>main[data-v-42a8b467]::-webkit-scrollbar-thumb:hover{background:#ff755d}.chat>main .message[data-v-42a8b467]{display:flex;gap:15px;position:relative;margin:20px 5px 0 5px;opacity:0}.chat>main .message .avatar[data-v-42a8b467]{width:30px;height:30px;border-radius:50%}.chat>main .message .content[data-v-42a8b467]{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-42a8b467]{cursor:pointer;display:block;color:#ff575f;margin-bottom:.5rem}.chat>main .message .content .href[data-v-42a8b467]:hover{text-decoration:underline}.chat>main .message .content>.based[data-v-42a8b467]{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-42a8b467]:first-child{white-space:nowrap;color:#4c4c4d;border-radius:10px;background-color:#eeeef0;padding:0 7px}.chat>main .message .content>.based>span[data-v-42a8b467]: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-42a8b467]{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-42a8b467]{overflow:visible;white-space:normal}.chat>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right[data-v-42a8b467]{transform:rotate(270deg)}.chat>main .message .content>.based>span[data-v-42a8b467]:last-child:hover{color:#ff575f}.chat>main .message.admin[data-v-42a8b467]{animation:animation01-42a8b467 .3s linear 1.5s forwards}.chat>main .message.admin .content[data-v-42a8b467]: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-42a8b467]{animation:animation01-42a8b467 .3s linear .3s forwards;flex-direction:row-reverse}.chat>main .message.personal .content[data-v-42a8b467]: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-42a8b467{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat>nav[data-v-42a8b467]{background-color:#f7f7f9;border-bottom:1px solid #e7e7ea;padding:5px 10px;display:flex}.chat>nav .el-button[data-v-42a8b467]{font-size:12px;font-weight:400;color:#4c4c4d;background-color:#fff!important;border:1px solid #e7e7ea;padding:5px 8px}.chat>.el-textarea[data-v-42a8b467]{border-color:transparent}.chat>.el-textarea textarea[data-v-42a8b467]{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-42a8b467],.chat>.el-textarea textarea[data-v-42a8b467]:focus{border-color:transparent}.chat>.el-button[data-v-42a8b467]{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-b15e6fbc] .chatPage{background-color:#fff}.YcQuestion[data-v-b15e6fbc] .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}.YcQuestion[data-v-b15e6fbc] .chatPage>header>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .chatPage .main{display:flex}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div{width:74vw;position:relative}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main{height:62vh;overflow-y:auto;padding-bottom:2vw;background-color:#f7f7f9}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main::-webkit-scrollbar{width:6px}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main::-webkit-scrollbar-thumb:hover{background:#ff755d}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message{display:flex;gap:15px;margin:1.5vw 1.5vw 0 1.5vw;opacity:0}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message .avatar:focus,.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message .avatar:hover{transform:scale(1.2) rotate(15deg)}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message .content .href{cursor:pointer;display:block;color:#ff575f;margin-bottom:1.5rem}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message .content .href:hover{text-decoration:underline}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message .content>.based>span:last-child.is-active{overflow:visible;white-space:normal}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right{transform:rotate(270deg)}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message .content>.based>span:last-child:hover{color:#ff575f}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message.admin{animation:animation01-b15e6fbc .3s linear 1.5s forwards}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div>main .message.admin .content{margin-top:20px}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .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-b15e6fbc] .chatPage .main>div>main .message.personal{animation:animation01-b15e6fbc .3s linear .3s forwards;flex-direction:row-reverse}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div footer{height:30vh;border:1px solid #e7e7ea}.YcQuestion[data-v-b15e6fbc] .chatPage .main>div footer>.el-textarea{border-color:transparent}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main>div footer>.el-textarea textarea,.YcQuestion[data-v-b15e6fbc] .chatPage .main>div footer>.el-textarea textarea:focus{border-color:transparent}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside{width:26vw;height:calc(100vh - 8vw);padding:1vw;overflow-y:auto;background-color:#fff}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside .el-collapse-item__header.is-active{color:#fff;background:linear-gradient(#ff897a,#ff645a)}.YcQuestion[data-v-b15e6fbc] .chatPage .main aside .el-collapse-item__header.is-active i{color:#fff}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside .el-collapse-item__header i{font-size:2rem;color:#ff575f;font-weight:900}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside .el-collapse-item__content>div{position:relative;margin-top:1rem;cursor:pointer;transition:all .3s linear}.YcQuestion[data-v-b15e6fbc] .chatPage .main aside .el-collapse-item__content>div:first-child{margin-top:0}.YcQuestion[data-v-b15e6fbc] .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-b15e6fbc] .chatPage .main aside .el-collapse-item__content>div:hover{color:#ff575f;transform:translate(.5rem)}.YcQuestion[data-v-b15e6fbc] .chatPage .main aside .el-collapse-item__content>div:hover:before{border-color:transparent transparent transparent #ff575f}
|
package/dist/yc-ui2.umd.js
CHANGED
@@ -1683,7 +1683,7 @@ if (typeof window !== 'undefined') {
|
|
1683
1683
|
// Indicate to webpack that this file can be concatenated
|
1684
1684
|
/* harmony default export */ var setPublicPath = (null);
|
1685
1685
|
|
1686
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/YcSlideVerify/index.vue?vue&type=template&id=
|
1686
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/YcSlideVerify/index.vue?vue&type=template&id=016fd096&scoped=true&
|
1687
1687
|
var render = function render() {
|
1688
1688
|
var _vm = this,
|
1689
1689
|
_c = _vm._self._c;
|
@@ -1753,7 +1753,7 @@ var es_array_push = __webpack_require__(7658);
|
|
1753
1753
|
},
|
1754
1754
|
watch: {
|
1755
1755
|
isShow(newVal) {
|
1756
|
-
newVal && this.$refs.slideblock?.reset();
|
1756
|
+
newVal && this.$refs.slideblock?.reset && newVal && this.$refs.slideblock?.reset();
|
1757
1757
|
}
|
1758
1758
|
},
|
1759
1759
|
created() {},
|
@@ -1772,10 +1772,10 @@ var es_array_push = __webpack_require__(7658);
|
|
1772
1772
|
});
|
1773
1773
|
;// CONCATENATED MODULE: ./src/components/YcSlideVerify/index.vue?vue&type=script&lang=js&
|
1774
1774
|
/* harmony default export */ var components_YcSlideVerifyvue_type_script_lang_js_ = (YcSlideVerifyvue_type_script_lang_js_);
|
1775
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=
|
1775
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-64.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-64.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-64.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-64.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=016fd096&prod&lang=scss&scoped=true&
|
1776
1776
|
// extracted by mini-css-extract-plugin
|
1777
1777
|
|
1778
|
-
;// CONCATENATED MODULE: ./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=
|
1778
|
+
;// CONCATENATED MODULE: ./src/components/YcSlideVerify/index.vue?vue&type=style&index=0&id=016fd096&prod&lang=scss&scoped=true&
|
1779
1779
|
|
1780
1780
|
;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
|
1781
1781
|
/* globals __VUE_SSR_CONTEXT__ */
|
@@ -1890,7 +1890,7 @@ var component = normalizeComponent(
|
|
1890
1890
|
staticRenderFns,
|
1891
1891
|
false,
|
1892
1892
|
null,
|
1893
|
-
"
|
1893
|
+
"016fd096",
|
1894
1894
|
null
|
1895
1895
|
|
1896
1896
|
)
|