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
6.0 KiB
1 line
6.0 KiB
.echarts{width:600px;height:400px}[data-v-718952b6]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#setting-panel[data-v-718952b6]{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-718952b6]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:50px 20px}#setting-panel .setting-items .setting-item[data-v-718952b6],#setting-panel .setting-items[data-v-718952b6]{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 .label[data-v-718952b6]{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-718952b6]{width:16px;margin-left:10px;cursor:pointer}#setting-panel.show[data-v-718952b6]{right:0}#setting-panel .toggle-btn[data-v-718952b6]{width:50px;height:50px;right:10px;top:10px;cursor:pointer;position:fixed}#setting-panel .toggle-btn[data-v-718952b6]:hover{background-color:rgba(0,0,0,.09)}#setting-panel .toggle-btn span[data-v-718952b6]{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-718952b6]:nth-child(2){margin-top:-8px}#setting-panel .toggle-btn span[data-v-718952b6]:nth-child(3){margin-top:7px}#setting-panel .toggle-btn input[type=checkbox][data-v-718952b6]{position:absolute;width:100%;height:100%;z-index:1100;opacity:0;cursor:pointer}#setting-panel .toggle-btn input[type=checkbox]:checked~span[data-v-718952b6]: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-718952b6]:nth-child(3){margin-top:5px;margin-left:-4px;width:17px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#setting-panel .title[data-v-718952b6]{-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-2a1e608c]{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.ct-drag-resize[data-v-2a1e608c]:hover{cursor:move}.ct-drag-resize:hover .cdr-handle[data-v-2a1e608c]{-webkit-transform:scale(1);transform:scale(1)}.ct-drag-resize .cdr-handle[data-v-2a1e608c]{position:absolute;border:1px solid #000;border-radius:50%;height:20px;width:20px;-webkit-transform:scale(.6);transform:scale(.6)}.ct-drag-resize .cdr-handle[data-v-2a1e608c]:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}.ct-drag-resize .cdr-handle.cdr-handle-tl[data-v-2a1e608c]{top:-10px;left:-10px;cursor:nw-resize}.ct-drag-resize .cdr-handle.cdr-handle-tr[data-v-2a1e608c]{top:-10px;right:-10px;cursor:ne-resize}.ct-drag-resize .cdr-handle.cdr-handle-bl[data-v-2a1e608c]{bottom:-10px;left:-10px;cursor:sw-resize}.ct-drag-resize .cdr-handle.cdr-handle-br[data-v-2a1e608c]{bottom:-10px;right:-10px;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}.row .loading{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:fixed;top:70px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-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;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)}}.slideInOut{-webkit-animation:sildeInOut .5s ease 0s 1 forwards;animation:sildeInOut .5s ease 0s 1 forwards;position:fixed}@-webkit-keyframes sildeInOut{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes sildeInOut{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeOut{-webkit-animation:fadeOut .5s ease .5s 1 forwards;animation:fadeOut .5s ease .5s 1 forwards;position:fixed}@-webkit-keyframes fadeOut{0%{opacity:1}to{-webkit-transform:scale(.8) translate3d(0,-20px,50%);transform:scale(.8) translate3d(0,-20px,50%);opacity:0}}@keyframes fadeOut{0%{opacity:1}to{-webkit-transform:scale(.8) translate3d(0,-20px,50%);transform:scale(.8) translate3d(0,-20px,50%);opacity:0}} |