yc-ui2 0.1.1-beta10 → 0.1.1-beta12

package/dist/yc-ui2.css

@@ -1 +1 @@
-.el-dialog__wrapper[data-v-2248e29b]{display:flex;justify-content:center;align-items:center}[data-v-2248e29b] .el-dialog{margin-top:0!important;border-radius:8px}[data-v-2248e29b] .el-dialog__header{background-color:#f2f6fc;border-radius:8px 8px 0 0}.el-dialog__body[data-v-2248e29b]{display:flex;justify-content:center}.chat{width:350px;height:480px;position:fixed;bottom:10px;right:55px;z-index:2001;background-color:#fff;border-radius:12px;border:1px solid #e6ebf5;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);overflow:hidden}.chat>header{display:flex;justify-content:flex-start;align-items:center;background-color:#ff575f;font-size:16px;padding:10px;font-weight:400;color:#fafdff}.chat>header>img{width:44px;height:44px;border-radius:50%;margin-right:10px;transition:all .3s linear}.chat>header>img:focus,.chat>header>img:hover{transform:scale(1.2) rotate(15deg)}.chat>header i{cursor:pointer;position:absolute;top:5px;width:20px;height:20px;border-radius:6px;display:flex;justify-content:center;align-items:center;transition:all .3s linear}.chat>header i:focus,.chat>header i:hover{transform:scale(1.2);background-color:hsla(7,100%,74%,.8)}.chat>header i.el-icon-close{right:10px}.chat>header i.icon-enlarge{right:35px}.chat>header i>img{width:12px}.chat>main{width:100%;height:60%;overflow-y:auto;padding-bottom:20px;background-color:#f7f7f9}.chat>main::-webkit-scrollbar{width:6px}.chat>main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.chat>main::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.chat>main::-webkit-scrollbar-thumb:hover{background:#ff755d}.chat>main .message{display:flex;gap:15px;position:relative;margin:20px 5px 0 5px;opacity:0}.chat>main .message .avatar{width:30px;height:30px;border-radius:50%}.chat>main .message .content{width:-moz-fit-content;width:fit-content;max-width:250px;font-weight:400;font-size:12px;color:#4c4c4d;line-height:20px;padding:10px;border-radius:10px;background-color:#fff}.chat>main .message .content .href{cursor:pointer;display:block;color:#ff575f;margin-bottom:.5rem}.chat>main .message .content .href:hover{text-decoration:underline}.chat>main .message .content>.based{cursor:pointer;color:#909399;display:flex;align-items:flex-start;justify-content:flex-start;border-top:1px solid #ebebed;padding-top:5px;margin-top:5px;gap:5px}.chat>main .message .content>.based>span:first-child{white-space:nowrap;color:#4c4c4d;border-radius:10px;background-color:#eeeef0;padding:0 7px}.chat>main .message .content>.based>span:last-child{width:100%;position:relative;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:12px}.chat>main .message .content>.based>span:last-child .el-icon-d-arrow-right{position:absolute;right:0;bottom:5px;transform:rotate(90deg);transition:all .35s linear}.chat>main .message .content>.based>span:last-child.is-active{overflow:visible;white-space:normal}.chat>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right{transform:rotate(270deg)}.chat>main .message .content>.based>span:last-child:hover{color:#ff575f}.chat>main .message.admin{animation:animation01 .3s linear 1.5s forwards}.chat>main .message.admin .content:before{content:"";position:absolute;top:2px;left:37px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff}.chat>main .message.personal{animation:animation01 .3s linear .3s forwards;flex-direction:row-reverse}.chat>main .message.personal .content:after{content:"";position:absolute;top:2px;right:37px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent #fff transparent}@keyframes animation01{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat>nav{background-color:#f7f7f9;border-bottom:1px solid #e7e7ea;padding:5px 10px;display:flex}.chat>nav .el-button{font-size:12px;font-weight:400;color:#4c4c4d;background-color:#fff!important;border:1px solid #e7e7ea;padding:5px 8px}.chat>.el-textarea{border-color:transparent}.chat>.el-textarea textarea{overflow-y:hidden;padding-right:65px;font-weight:400;color:#19191a;font-size:12px;font-family:Source Han Sans CN-Regular,Source Han Sans CN}.chat>.el-textarea textarea,.chat>.el-textarea textarea:focus{border-color:transparent}.chat>.el-button{position:absolute;bottom:10px;right:10px}.customerService[data-v-fd8ad9e4]{position:fixed;right:0;bottom:35px;z-index:2001}.customerService>div[data-v-fd8ad9e4]{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-fd8ad9e4]:first-child{color:#ff4949}.customerService>div:hover>div:first-child i[data-v-fd8ad9e4]{animation-name:animateRotate-fd8ad9e4;animation-duration:.5s;animation-iteration-count:infinite}.customerService>div>div[data-v-fd8ad9e4]:first-child{width:50px;height:50px;text-align:center;line-height:50px;font-size:18px}.customerService>div>div[data-v-fd8ad9e4]: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-fd8ad9e4]: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-fd8ad9e4]{color:#333;font-size:14px;display:block}.customerService .mobile[data-v-fd8ad9e4]{bottom:50px;border-bottom:1px solid #e6ebf5}.customerService .mobile:hover>div[data-v-fd8ad9e4]:last-child{left:-210px;opacity:1;animation-name:animateMobile-fd8ad9e4;animation-duration:.5s}.customerService .mobile>div[data-v-fd8ad9e4]:last-child{left:-120vw;width:190px;bottom:0}.customerService .mobile>div:last-child a[data-v-fd8ad9e4]{width:-moz-fit-content;width:fit-content;position:relative;margin-top:5px;text-indent:5px}.customerService .mobile>div:last-child a[data-v-fd8ad9e4]:hover{color:#ff4949}.customerService .mobile>div:last-child a[data-v-fd8ad9e4]:hover:before{width:100%;right:auto;left:0}.customerService .mobile>div:last-child a[data-v-fd8ad9e4]: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-fd8ad9e4]:last-child:after{top:calc(100% - 35px)}@keyframes animateMobile-fd8ad9e4{0%{left:-200vw;opacity:0}0.1%{left:-310px;opacity:0}to{left:-210px;opacity:1}}.customerService .headset[data-v-fd8ad9e4]{bottom:0}.customerService .headset:hover>div[data-v-fd8ad9e4]:last-child{left:-110px;opacity:1;animation-name:animateHeadset-fd8ad9e4;animation-duration:.5s}.customerService .headset>div[data-v-fd8ad9e4]:last-child{left:-120vw;width:90px}@keyframes animateHeadset-fd8ad9e4{0%{left:-120vw;opacity:0}0.1%{left:-210px;opacity:.5}to{left:-110px;opacity:1}}@keyframes animateRotate-fd8ad9e4{0%{transform:rotate(0deg)}20%{transform:rotate(7deg)}40%{transform:rotate(0deg)}80%{transform:rotate(-7deg)}to{transform:rotate(0deg)}}
+.el-dialog__wrapper[data-v-2248e29b]{display:flex;justify-content:center;align-items:center}[data-v-2248e29b] .el-dialog{margin-top:0!important;border-radius:8px}[data-v-2248e29b] .el-dialog__header{background-color:#f2f6fc;border-radius:8px 8px 0 0}.el-dialog__body[data-v-2248e29b]{display:flex;justify-content:center}.chat{width:350px;height:480px;position:fixed;bottom:10px;right:55px;z-index:2001;background-color:#fff;border-radius:12px;border:1px solid #e6ebf5;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);overflow:hidden}.chat>header{display:flex;justify-content:flex-start;align-items:center;background-color:#ff575f;font-size:16px;padding:10px;font-weight:400;color:#fafdff}.chat>header>img{width:44px;height:44px;border-radius:50%;margin-right:10px;transition:all .3s linear}.chat>header>img:focus,.chat>header>img:hover{transform:scale(1.2) rotate(15deg)}.chat>header i{cursor:pointer;position:absolute;top:5px;width:20px;height:20px;border-radius:6px;display:flex;justify-content:center;align-items:center;transition:all .3s linear}.chat>header i:focus,.chat>header i:hover{transform:scale(1.2);background-color:hsla(7,100%,74%,.8)}.chat>header i.el-icon-close{right:10px}.chat>header i.icon-enlarge{right:35px}.chat>header i>img{width:12px}.chat>main{width:100%;height:60%;overflow-y:auto;padding-bottom:20px;background-color:#f7f7f9}.chat>main::-webkit-scrollbar{width:6px}.chat>main::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.chat>main::-webkit-scrollbar-thumb{background:#ff8879;border-radius:10px}.chat>main::-webkit-scrollbar-thumb:hover{background:#ff755d}.chat>main .message{display:flex;gap:15px;position:relative;margin:20px 5px 0 5px;opacity:0}.chat>main .message .avatar{width:30px;height:30px;border-radius:50%}.chat>main .message .content{width:-moz-fit-content;width:fit-content;max-width:250px;font-weight:400;font-size:12px;color:#4c4c4d;line-height:20px;padding:10px;border-radius:10px;background-color:#fff}.chat>main .message .content .href{cursor:pointer;display:block;color:#ff575f;margin-bottom:.5rem}.chat>main .message .content .href:hover{text-decoration:underline}.chat>main .message .content>.based{cursor:pointer;color:#909399;display:flex;align-items:flex-start;justify-content:flex-start;border-top:1px solid #ebebed;padding-top:5px;margin-top:5px;gap:5px}.chat>main .message .content>.based>span:first-child{white-space:nowrap;color:#4c4c4d;border-radius:10px;background-color:#eeeef0;padding:0 7px}.chat>main .message .content>.based>span:last-child{width:100%;position:relative;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:12px}.chat>main .message .content>.based>span:last-child .el-icon-d-arrow-right{position:absolute;right:0;bottom:5px;transform:rotate(90deg);transition:all .35s linear}.chat>main .message .content>.based>span:last-child.is-active{overflow:visible;white-space:normal}.chat>main .message .content>.based>span:last-child.is-active .el-icon-d-arrow-right{transform:rotate(270deg)}.chat>main .message .content>.based>span:last-child:hover{color:#ff575f}.chat>main .message.admin{animation:animation01 .3s linear 1.5s forwards}.chat>main .message.admin .content:before{content:"";position:absolute;top:2px;left:37px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff}.chat>main .message.personal{animation:animation01 .3s linear .3s forwards;flex-direction:row-reverse}.chat>main .message.personal .content:after{content:"";position:absolute;top:2px;right:37px;transform:rotate(-45deg);border-width:10px;border-style:solid;border-color:transparent transparent #fff transparent}@keyframes animation01{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.chat>nav{background-color:#f7f7f9;border-bottom:1px solid #e7e7ea;padding:5px 10px;display:flex}.chat>nav .el-button{font-size:12px;font-weight:400;color:#4c4c4d;background-color:#fff!important;border:1px solid #e7e7ea;padding:5px 8px}.chat>.el-textarea{border-color:transparent}.chat>.el-textarea textarea{overflow-y:hidden;padding-right:65px;font-weight:400;color:#19191a;font-size:12px;font-family:Source Han Sans CN-Regular,Source Han Sans CN}.chat>.el-textarea textarea,.chat>.el-textarea textarea:focus{border-color:transparent}.chat>.el-button{position:absolute;bottom:10px;right:10px}.customerService[data-v-777e6b16]{position:fixed;right:0;bottom:35px;z-index:2001}.customerService>div[data-v-777e6b16]{cursor:pointer;position:absolute;right:0;display:flex;align-items:center;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.customerService>div:hover>div[data-v-777e6b16]:first-child{color:#ff4949}.customerService>div:hover>div:first-child i[data-v-777e6b16]{animation-name:animateRotate-777e6b16;animation-duration:.5s;animation-iteration-count:infinite}.customerService>div>div[data-v-777e6b16]:first-child{width:50px;height:50px;text-align:center;line-height:50px;font-size:18px}.customerService>div>div[data-v-777e6b16]:last-child{opacity:0;padding:10px;border-radius:6px;position:absolute;min-height:50px;display:flex;flex-direction:column;justify-content:space-around;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.customerService>div>div[data-v-777e6b16]:last-child:after{content:"";position:absolute;top:calc(50% - 10px);right:-20px;border-width:10px;border-style:solid;border-color:transparent transparent transparent #fff;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.2))}.customerService>div>div:last-child a[data-v-777e6b16]{color:#333;font-size:14px;display:block}.customerService .mobile[data-v-777e6b16]{bottom:50px;border-bottom:1px solid #e6ebf5}.customerService .mobile:hover>div[data-v-777e6b16]:last-child{left:-210px;opacity:1;animation-name:animateMobile-777e6b16;animation-duration:.5s}.customerService .mobile>div[data-v-777e6b16]:last-child{left:-120vw;width:190px;bottom:0}.customerService .mobile>div:last-child a[data-v-777e6b16]{width:-moz-fit-content;width:fit-content;position:relative;margin-top:5px;text-indent:5px}.customerService .mobile>div:last-child a[data-v-777e6b16]:hover{color:#ff4949}.customerService .mobile>div:last-child a[data-v-777e6b16]:hover:before{width:100%;right:auto;left:0}.customerService .mobile>div:last-child a[data-v-777e6b16]:before{content:"";width:0;height:1px;opacity:.6;background:#ff4949;transition:all .5s linear;position:absolute;right:0;bottom:-2px}.customerService .mobile>div[data-v-777e6b16]:last-child:after{top:calc(100% - 35px)}@keyframes animateMobile-777e6b16{0%{left:-200vw;opacity:0}0.1%{left:-310px;opacity:0}to{left:-210px;opacity:1}}.customerService .headset[data-v-777e6b16]{bottom:0}.customerService .headset:hover>div[data-v-777e6b16]:last-child{left:-110px;opacity:1;animation-name:animateHeadset-777e6b16;animation-duration:.5s}.customerService .headset>div[data-v-777e6b16]:last-child{left:-120vw;width:90px}@keyframes animateHeadset-777e6b16{0%{left:-120vw;opacity:0}0.1%{left:-210px;opacity:.5}to{left:-110px;opacity:1}}@keyframes animateRotate-777e6b16{0%{transform:rotate(0deg)}20%{transform:rotate(7deg)}40%{transform:rotate(0deg)}80%{transform:rotate(-7deg)}to{transform:rotate(0deg)}}