youzanyun-devtool-worker
Version:
- web - ws - proxy
1 lines • 14.6 kB
CSS
.main{height:100vh;width:100vw;display:flex;overflow:hidden}.main .main-left{width:250px;height:100%}.main .main-right{width:calc(100vw - 250px);height:100%}.main-left{background-color:#f7f8fa}.main-left .tabs-bar{border-bottom:1px solid #dcdee0;height:44px;margin-bottom:15px}.main-left .left-content-wrapper{height:calc(100vh - 60px)}.main-left .search-wrapper{height:32px;margin-bottom:16px;padding:0 10px}.main-left .item-list{height:calc(100% - 48px);overflow-y:scroll;padding:0 5px 5px}.main-left .item{background-color:#fff;border:1px solid #ebedf0;margin:0 0 5px;padding:5px;position:relative;border-radius:2px}.main-left .item .label{color:#323233;font-size:12px}.main-left .item .key{color:#969799;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.main-left .item .status{padding-left:2px}.main-left .item .status .state-icon{margin-right:5px}.main-left .item .status .icon-impl{display:inline-block;width:14px;height:14px;background:url(/icons/impl.png) no-repeat top;background-size:100% 100%}.main-left .item .status .icon-mock{display:inline-block;width:14px;height:14px;background:url(/icons/mock.png) no-repeat top;background-size:100% 100%}.main-left .item .float{position:absolute;top:2px;right:10px}.main-left .item .float .icon{width:14px;height:14px}.main-left .item-active{background-color:#edf4ff;border:1px solid #155bd4}.main-right{padding:20px}.main-right .top-panel{height:100px}.main-right .item-panel{height:calc(100vh - 200px);width:100%;border:none}.local-test{display:flex}.local-test .history{flex-shrink:0;width:200px;height:100%;overflow:hidden;margin-right:15px}.local-test .editor{flex-grow:0;width:calc(100% - 215px)}.history-wrapper{height:100%}.history-wrapper .title{font-size:14px;color:#323233;font-weight:500;height:22px;margin-bottom:6px}.history-wrapper .history-list{border-radius:2px;background-color:#f7f8fa;height:calc(100% - 28px);padding:5px}.history-wrapper .history-list .item{background-color:#fff;border:1px solid #ebedf0;margin-bottom:10px;position:relative;border-radius:2px;padding:8px}.history-wrapper .history-list .time{position:absolute;right:10px}.history-wrapper .history-list .time .time-icon{width:14px;height:14px;margin-bottom:3px}.history-wrapper .history-list .item-active{background-color:#edf4ff;border:1px solid #155bd4}.spin-container .ant-spin{margin-top:20px;margin-right:auto;margin-left:auto;display:block}.ant-btn-primary{background-color:#155bd4;color:#fff}::-webkit-scrollbar-track-piece{background-color:#ebedf0}::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-thumb:vertical{background-color:#c8c9cc}.tree-node .node-header{height:25px;line-height:25px;cursor:pointer}.tree-node .node-label{margin-left:5px}.tabs .tabs-bar{display:flex;justify-content:space-around}.tabs .tabs-bar-item{width:40%;line-height:43px;height:43px;text-align:center;cursor:pointer;position:relative}.tabs .bottom-line{height:2px;position:absolute;bottom:0;left:0;right:0;background-color:#155bd4}.item-detail{position:relative}.item-detail .title{color:#323233;font-size:20px;margin-right:180px;line-height:25px}.item-detail .implement{margin-top:15px}.item-detail .implement .ant-select{width:300px;margin-left:10px}.item-detail .implement .ant-btn{margin-left:10px}.item-detail .op{position:absolute;right:50px;top:5px}.item-detail .op .ant-switch{margin-left:10px}.form .form-row{display:flex;margin-top:10px;align-items:center}.form .form-row .label{width:80px}.form .form-row .control{flex-grow:1}.form .footer{margin-top:20px;text-align:right}.form .footer .ant-btn{margin-left:20px}.test-editor{display:flex;flex-direction:column;height:100%;width:100%}.test-editor .title{font-size:14px;color:#323233;font-weight:500;height:22px;margin-bottom:6px}.test-editor .editor-wrapper{height:60%;position:relative}.test-editor .editor-wrapper .monaco-contianer{height:100%;width:100%}.test-editor .editor-wrapper .feedback-icon{position:absolute;width:25px;height:25px;right:30px;top:10px;cursor:pointer;background:url(/icons/exception.png) no-repeat top;background-size:100% 100%}.test-editor .editor-wrapper .op{position:absolute;bottom:20px;right:20px}.test-editor .result-extra{margin-top:10px;margin-bottom:10px}.test-editor .result-extra .respose-time{padding-left:2em;font-weight:300}.test-editor .result-detail{flex-grow:1;height:30vh;border-radius:2px;background-color:#f7f8fa;overflow:auto}.test-editor .result-detail .result-content{padding:10px 20px;height:100%}.test-editor .result-detail .result-content pre{height:100%;white-space:pre-wrap}.feedback-form .form-title{margin-bottom:20px}.feedback-form .form-row{display:flex;margin-top:15px;align-items:center}.feedback-form .form-row .label{width:80px}.feedback-form .form-row .control{flex-grow:1}.feedback-form .footer{margin-top:20px;text-align:right}.feedback-form .footer .ant-btn{margin-left:20px}.mock-editor{position:relative}.mock-editor,.mock-editor .monaco-contianer{width:100%;height:100%}.mock-editor .op{position:absolute;bottom:20px;right:20px}.mock-editor .op .ant-btn{margin-left:10px}@font-face{font-family:zenticon;src:url(https://b.yzcdn.cn/zent/zenticon/zenticon-03750290f9.eot);src:url(https://b.yzcdn.cn/zent/zenticon/zenticon-03750290f9.eot#iefix) format("embedded-opentype"),url(https://b.yzcdn.cn/zent/zenticon/zenticon-03750290f9.woff2) format("woff2"),url(https://b.yzcdn.cn/zent/zenticon/zenticon-03750290f9.woff) format("woff"),url(https://b.yzcdn.cn/zent/zenticon/zenticon-03750290f9.ttf) format("truetype")}.zenticon{display:inline-block;speak:none;font-style:normal;vertical-align:baseline;text-align:center;text-transform:none;font-variant:normal;text-rendering:auto;text-decoration:inherit;line-height:1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.zenticon:before{box-sizing:border-box;display:block;font-family:zenticon}.zenticon-up:before{content:"\E800"}.zenticon-down:before{content:"\E801"}.zenticon-left:before{content:"\E802"}.zenticon-right:before{content:"\E803"}.zenticon-caret-up:before{content:"\E804"}.zenticon-caret-down:before{content:"\E805"}.zenticon-arrow-up:before{content:"\E806"}.zenticon-arrow-down:before{content:"\E807"}.zenticon-up-circle-o:before{content:"\E808"}.zenticon-up-circle:before{content:"\E809"}.zenticon-down-circle-o:before{content:"\E80A"}.zenticon-down-circle:before{content:"\E80B"}.zenticon-left-circle-o:before{content:"\E80C"}.zenticon-left-circle:before{content:"\E80D"}.zenticon-right-circle-o:before{content:"\E80E"}.zenticon-right-circle:before{content:"\E80F"}.zenticon-check:before{content:"\E810"}.zenticon-check-circle-o:before{content:"\E811"}.zenticon-check-circle:before{content:"\E812"}.zenticon-close:before{content:"\E813"}.zenticon-close-circle-o:before{content:"\E814"}.zenticon-close-circle:before{content:"\E815"}.zenticon-error-circle-o:before{content:"\E816"}.zenticon-error-circle:before{content:"\E817"}.zenticon-warning-o:before{content:"\E818"}.zenticon-warning:before{content:"\E819"}.zenticon-info-circle-o:before{content:"\E81A"}.zenticon-info-circle:before{content:"\E81B"}.zenticon-help-circle-o:before{content:"\E81C"}.zenticon-help-circle:before{content:"\E81D"}.zenticon-pending-circle:before{content:"\E81E"}.zenticon-clock-o:before{content:"\E81F"}.zenticon-clock:before{content:"\E820"}.zenticon-plus-circle-o:before{content:"\E821"}.zenticon-plus-circle:before{content:"\E822"}.zenticon-plus:before{content:"\E823"}.zenticon-add-page:before{content:"\E824"}.zenticon-subtract-circle-o:before{content:"\E825"}.zenticon-subtract-circle:before{content:"\E826"}.zenticon-forbidden-circle:before{content:"\E827"}.zenticon-search:before{content:"\E828"}.zenticon-remove-o:before{content:"\E829"}.zenticon-more:before{content:"\E82A"}.zenticon-customer-service:before{content:"\E82B"}.zenticon-hotline-o:before{content:"\E82C"}.zenticon-message-o:before{content:"\E82D"}.zenticon-message:before{content:"\E82E"}.zenticon-bell-o:before{content:"\E82F"}.zenticon-bell:before{content:"\E830"}.zenticon-calendar-o:before{content:"\E831"}.zenticon-calendar:before{content:"\E832"}.zenticon-star-o:before{content:"\E833"}.zenticon-star:before{content:"\E834"}.zenticon-lock:before{content:"\E835"}.zenticon-unlock:before{content:"\E836"}.zenticon-upload:before{content:"\E837"}.zenticon-download:before{content:"\E838"}.zenticon-export:before{content:"\E839"}.zenticon-share:before{content:"\E83A"}.zenticon-nav-line:before{content:"\E83B"}.zenticon-nav-grid:before{content:"\E83C"}.zenticon-back:before{content:"\E83D"}.zenticon-link:before{content:"\E83E"}.zenticon-qrcode:before{content:"\E83F"}.zenticon-edit-o:before{content:"\E840"}.zenticon-suggestions:before{content:"\E841"}.zenticon-feedback:before{content:"\E842"}.zenticon-smile:before{content:"\E843"}.zenticon-photo:before{content:"\E844"}.zenticon-tools-o:before{content:"\E845"}.zenticon-doc:before{content:"\E846"}.zenticon-video:before{content:"\E847"}.zenticon-voice:before{content:"\E848"}.zenticon-filter-o:before{content:"\E849"}.zenticon-summary-o:before{content:"\E84A"}.zenticon-summary:before{content:"\E84B"}.zenticon-shop-o:before{content:"\E84C"}.zenticon-shop:before{content:"\E84D"}.zenticon-shop-template:before{content:"\E84E"}.zenticon-goods-o:before{content:"\E84F"}.zenticon-goods:before{content:"\E850"}.zenticon-order-o:before{content:"\E851"}.zenticon-order:before{content:"\E852"}.zenticon-customer-o:before{content:"\E853"}.zenticon-customer:before{content:"\E854"}.zenticon-chart-o:before{content:"\E855"}.zenticon-chart:before{content:"\E856"}.zenticon-capital-o:before{content:"\E857"}.zenticon-capital:before{content:"\E858"}.zenticon-casher:before{content:"\E859"}.zenticon-cashier:before{content:"\E85A"}.zenticon-marketing:before{content:"\E85B"}.zenticon-settings-o:before{content:"\E85C"}.zenticon-settings:before{content:"\E85D"}.zenticon-countdown:before{content:"\E85E"}.zenticon-shop-decorate:before{content:"\E85F"}.zenticon-gift:before{content:"\E860"}.zenticon-business-o:before{content:"\E861"}.zenticon-business:before{content:"\E862"}.zenticon-approval-o:before{content:"\E863"}.zenticon-approval:before{content:"\E864"}.zenticon-ticket-o:before{content:"\E865"}.zenticon-ticket:before{content:"\E866"}.zenticon-report-o:before{content:"\E867"}.zenticon-report:before{content:"\E868"}.zenticon-expand-customer-o:before{content:"\E869"}.zenticon-expand-customer:before{content:"\E86A"}.zenticon-checkin-o:before{content:"\E86B"}.zenticon-checkin:before{content:"\E86C"}.zenticon-assess-o:before{content:"\E86D"}.zenticon-assess:before{content:"\E86E"}.zenticon-hr-o:before{content:"\E86F"}.zenticon-hr:before{content:"\E870"}.zenticon-hc-manage-o:before{content:"\E871"}.zenticon-hc-manage:before{content:"\E872"}.zenticon-visit-o:before{content:"\E873"}.zenticon-im-o:before{content:"\E874"}.zenticon-knowledge-o:before{content:"\E875"}.zenticon-flow-o:before{content:"\E876"}.zenticon-strategy-o:before{content:"\E877"}.zenticon-contract-o:before{content:"\E878"}.zenticon-channel-o:before{content:"\E879"}.zenticon-qa-o:before{content:"\E87A"}.zenticon-rights-list-o:before{content:"\E87B"}.zenticon-report-forms-o:before{content:"\E87C"}.zenticon-report-forms:before{content:"\E87D"}.zenticon-coupon-o:before{content:"\E87E"}.zenticon-coupon:before{content:"\E87F"}.zenticon-inventory-o:before{content:"\E880"}.zenticon-inventory:before{content:"\E881"}.zenticon-procurement-o:before{content:"\E882"}.zenticon-procurement:before{content:"\E883"}.zenticon-development-doc:before{content:"\E884"}.zenticon-shop-analyze-o:before{content:"\E885"}.zenticon-cashier-desk-o:before{content:"\E886"}.zenticon-withdraw-cash-o:before{content:"\E887"}.zenticon-pending-payment-o:before{content:"\E888"}.zenticon-salesman-o:before{content:"\E889"}.zenticon-tendency-o:before{content:"\E88A"}.zenticon-distribution-o:before{content:"\E88B"}.zenticon-member-o:before{content:"\E88C"}.zenticon-video-guide-o:before{content:"\E88D"}.zenticon-text-guide-o:before{content:"\E88E"}.zenticon-scan-code-o:before{content:"\E88F"}.zenticon-youzan-o:before{content:"\E890"}.zenticon-youzan:before{content:"\E891"}.zenticon-mini-apps-o:before{content:"\E892"}.zenticon-mini-apps:before{content:"\E893"}.zenticon-wechat:before{content:"\E894"}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:none;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,td,th{font-weight:400;vertical-align:middle}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a img{border:none}a{color:currentColor}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}.left{float:left}.right{float:right}.link{color:#198cff;cursor:pointer;font-size:12px}.link:hover{color:#0866c4}.divider,.link.disabled{color:#969799}.divider{padding:0 5px}.text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}body,html{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,STHeiti,SimSun,sans-serif;color:#323233;font-size:14px;line-height:20px;overflow:hidden}.h1{font-size:44px;line-height:52px}.h1,.h2{font-weight:400}.h2{font-size:34px;line-height:44px}.h3{font-size:26px;line-height:36px}.h3,.h4{font-weight:400}.h4{font-size:20px;line-height:28px}.h5{font-size:16px;line-height:24px}.h5,.h6{font-weight:400}.h6{font-size:14px;line-height:20px}.text{font-weight:400;font-size:12px;line-height:18px}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track-piece{-webkit-border-radius:3px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(50,50,51,.2);-webkit-border-radius:3px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(50,50,51,.2);-webkit-border-radius:3px}.clearfix:after,.clearfix:before{content:"";display:table;clear:both}#app{background:#fff;overflow:auto;height:100%}.ant-popover-inner-content{padding:10px 20px}.ant-popover-inner-content .ant-popover-message-title{padding-left:0}.ant-popover-inner-content .ant-popover-buttons{min-width:160px}