{"html":"

\n \n

\n console.log(a*b);\n

\n ReferenceError{\" a is not defined \"}\n

\n console.log(2*3);\n

\n 6\n

\n \n

\n\n

\n\n","css":".card {\n position: relative;\n display: flex;\n flex-direction: column;\n max-width: 290px;\n height: 254px;\n background: #2b2b2b;\n margin: 0 2px;\n}\n\n.card .header {\n height: 30px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n background-color: rgb(17, 17, 17);\n padding-left: 4px;\n}\n\n.card .header .btn {\n margin-left: 8px;\n height: 12px;\n width: 12px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.active {\n cursor: pointer;\n position: relative;\n padding: 0 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #fefe;\n background-color: #2b2b2b;\n height: 100%;\n margin-left: 10px;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n font-size: 12px;\n}\n\n.card .header div:nth-child(1) {\n background-color: rgb(255, 102, 0);\n}\n\n.card .header div:nth-child(2) {\n background-color: rgb(247, 202, 1);\n}\n\n.card .header div:nth-child(3) {\n background-color: rgb(10, 184, 10);\n}\n\n.card .content {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n flex: 1;\n line-height: 125%;\n color: #fff;\n}\n\n.card .content .req, .card .content .res {\n padding: .2em 1.6em;\n border-bottom: 1px solid rgba(102, 101, 101, 0.685);\n font-size: 12px;\n}\n\n.card .content .req {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n color: #fff;\n}\n\n.card .content .req::before {\n position: absolute;\n content: \"\";\n border-left: 1px solid rgb(177, 176, 176);\n border-bottom: 1px solid rgb(177, 176, 176);\n padding: 4px;\n left: 2px;\n height: 0;\n width: 0;\n background-color: transparent;\n transform: rotate(220deg);\n}\n\n.card .content .res {\n margin-top: 4px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n color: #fff;\n}\n\n.card .content .res span:nth-child(1) {\n color: rgb(230, 103, 103);\n font-style: italic;\n margin-right: 8px;\n}\n\n.card .content .res span:nth-child(2) {\n color: rgb(77, 245, 43);\n}\n\n.card .content .res.error {\n background-color: rgba(255, 0, 0, 0.05);\n}\n\n.card .content .res.error::before {\n position: absolute;\n content: \"X\";\n padding: 3px;\n left: 2px;\n height: 6px;\n width: 6px;\n background-color: rgba(255, 0, 0, 0.644);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 500;\n}"}

giant-elephant-67

👁 实时预览

📝 源代码