You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
8.2 KiB
1 line
8.2 KiB
.echarts{width:600px;height:400px}[data-v-f93047be]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#setting-panel[data-v-f93047be]{position:fixed;right:-300px;width:280px;height:100%;background-color:#fff;-webkit-box-shadow:-3px 0 10px rgba(0,0,0,.1);box-shadow:-3px 0 10px rgba(0,0,0,.1)}#setting-panel .setting-items[data-v-f93047be]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:50px 20px}#setting-panel .setting-items .setting-item[data-v-f93047be],#setting-panel .setting-items[data-v-f93047be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#setting-panel .setting-items .setting-item[data-v-f93047be]{width:100%;margin:10px 0}#setting-panel .setting-items .setting-item .label[data-v-f93047be]{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;line-height:40px;font-size:.9rem;font-weight:700;color:#505050}#setting-panel .setting-items .setting-item .label img[data-v-f93047be]{width:16px;margin-left:10px;cursor:pointer}#setting-panel.show[data-v-f93047be]{right:0}#setting-panel .toggle-btn[data-v-f93047be]{width:50px;height:50px;right:10px;top:10px;cursor:pointer;position:fixed}#setting-panel .toggle-btn[data-v-f93047be]:hover{background-color:rgba(0,0,0,.09)}#setting-panel .toggle-btn span[data-v-f93047be]{display:inline-block;width:25px;height:2px;background-color:#303030;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-1px}#setting-panel .toggle-btn span[data-v-f93047be]:nth-child(2){margin-top:-8px}#setting-panel .toggle-btn span[data-v-f93047be]:nth-child(3){margin-top:7px}#setting-panel .toggle-btn input[type=checkbox][data-v-f93047be]{position:absolute;width:100%;height:100%;z-index:1100;opacity:0;cursor:pointer}#setting-panel .toggle-btn input[type=checkbox]:checked~span[data-v-f93047be]:nth-child(2){margin-top:-7px;margin-left:-4px;width:17px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#setting-panel .toggle-btn input[type=checkbox]:checked~span[data-v-f93047be]:nth-child(3){margin-top:5px;margin-left:-4px;width:17px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#setting-panel .title[data-v-f93047be]{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:50px;margin-top:10px;line-height:50px;font-size:1.1rem;font-weight:700;border-left:7px solid #3218c4;padding-left:20px}.ct-drag-resize[data-v-51043153]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;padding:3px}.ct-drag-resize[data-v-51043153]:hover{cursor:move}.ct-drag-resize:hover .cdr-handle[data-v-51043153]{-webkit-transform:scale(1);transform:scale(1)}.ct-drag-resize .cdr-handle[data-v-51043153]{position:absolute;border:1px solid rgba(0,0,0,.4);border-radius:50%;height:20px;width:20px;-webkit-transform:scale(.6);transform:scale(.6)}.ct-drag-resize .cdr-handle[data-v-51043153]:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.ct-drag-resize .cdr-handle.cdr-handle-tl[data-v-51043153]{top:-5px;left:-5px;cursor:nw-resize}.ct-drag-resize .cdr-handle.cdr-handle-tr[data-v-51043153]{top:-5px;right:-5px;cursor:ne-resize}.ct-drag-resize .cdr-handle.cdr-handle-bl[data-v-51043153]{bottom:-5px;left:-5px;cursor:sw-resize}.ct-drag-resize .cdr-handle.cdr-handle-br[data-v-51043153]{bottom:-5px;right:-5px;cursor:se-resize}#not-found[data-v-1bc22508]{width:30%;margin:0 auto;padding:120px 100px;text-align:center;font-size:1rem;color:#bdbdbd}#not-found hr[data-v-1bc22508]{margin:10px;-webkit-transform:scaleY(.5);transform:scaleY(.5)}#not-found h2[data-v-1bc22508]{color:#505050}.row{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row #print-panel{width:100%;height:100%;background-color:#fff;-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:5px;overflow:hidden}.row #print-panel #echats{width:100%;height:calc(100% - 50px);-webkit-box-shadow:0 -1px 10px rgba(0,0,0,.3);box-shadow:0 -1px 10px rgba(0,0,0,.3)}.row .drag{width:100%;background-color:#d3d6e0;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-left:10px;overflow:hidden}.row .drag span{display:block;width:16px;height:16px;margin:0 2px;border-radius:50%;background-color:#0ff;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:relative}.row .drag span:hover{-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.1);box-shadow:2px 2px 5px rgba(0,0,0,.1)}.row .drag span:first-child{background-color:#cd6155}.row .drag span:first-child>span{position:absolute;width:60%;height:1px;background-color:#fff;-webkit-transform-origin:center;transform-origin:center;margin-top:50%;margin-left:20%;opacity:0;top:-1px}.row .drag span:first-child>span:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.row .drag span:first-child>span:nth-child(2){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.row .drag span:first-child:hover{background-color:#832f26}.row .drag span:first-child:hover>span{opacity:1}.row .drag span:nth-child(2){background-color:#f5b041}.row .drag span:nth-child(2):hover{background-color:#d39430}.row .drag span:nth-child(3){background-color:#45b39d}.row .drag span:nth-child(3) span{width:66%;height:2px;background-color:#fff;position:absolute;top:50%;left:17%;margin:0;margin-top:-1px;opacity:0}.row .drag span:nth-child(3):hover{background-color:#349e89}.row .drag span:nth-child(3):hover>span{opacity:1}.row .loading{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:absolute;top:70px;left:50%;margin-left:-100px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);width:200px;height:55px;border-radius:5px;background-color:#fff;z-index:9000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.row .loading span{display:inline-block;font-size:.8rem}.row .loading span:nth-child(2){border:2px solid transparent;width:10px;height:10px;border-radius:50%;border-top:2px solid #4e4e4e;border-right:2px solid #4e4e4e;margin-left:20px;-webkit-animation:rotate 1s linear 0s infinite normal;animation:rotate 1s linear 0s infinite normal}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.slideInDown{-webkit-animation:slideInDown .2s ease 0s 1;animation:slideInDown .2s ease 0s 1}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-55px);transform:translateY(-55px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-55px);transform:translateY(-55px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.fadeOut{-webkit-animation:fadeOut .5s ease .2s 1 forwards;animation:fadeOut .5s ease .2s 1 forwards}.fadeOutWithouDelay{-webkit-animation:fadeOut .5s ease 0s 1 forwards;animation:fadeOut .5s ease 0s 1 forwards}@-webkit-keyframes fadeOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px) scale(.9);transform:translateY(-10px) scale(.9);opacity:0}}@keyframes fadeOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10px) scale(.9);transform:translateY(-10px) scale(.9);opacity:0}}.fadeIn{-webkit-animation:fadeIn .5s ease 0s 1 forwards;animation:fadeIn .5s ease 0s 1 forwards}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-10px) scale(.9);transform:translateY(-10px) scale(.9)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-10px) scale(.9);transform:translateY(-10px) scale(.9)}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}} |