{"html":"

\n \n

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n","css":".calculator {\n border: 1px solid rgb(179, 179, 179);\n border-radius: 0.375rem;\n width: 190px;\n height: 254px;\n font-family: Arial, sans-serif;\n margin: 0 auto;\n padding: 10px;\n}\n\n.output {\n border: 1px solid #ccc;\n border-radius: 0.375rem;\n height: 40px;\n margin-bottom: 10px;\n margin-top: 10px;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding-right: 10px;\n}\n\n.result {\n font-size: 20px;\n}\n\n.buttons {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-gap: 5px;\n}\n\nbutton {\n border: none;\n border-radius: 0.375rem;\n padding: 10px;\n background-color: #eee;\n cursor: pointer;\n font-size: 16px;\n}\n\nbutton:hover {\n background-color: #ddd;\n}\n\nbutton:active {\n background-color: #ccc;\n}\n\n.bg-green {\n background-color: rgba(0, 177, 29, 0.651);\n color: white;\n}\n\n.bg-green:hover {\n background-color: rgba(0, 231, 39, 0.651);\n color: white;\n}\n\n.bg-red {\n background-color: rgba(223, 4, 4, 0.651);\n color: white;\n}\n\n.bg-red:hover {\n background-color: rgba(255, 1, 1, 0.651);\n color: white;\n}"}

jolly-duck-70

👁 实时预览

📝 源代码