\u7075\u52a8\u70b9\u51fb\u8ba1\u6570\u5668 | \u70b9\u51fb\u4e00\u6b21 +1<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n user-select: none; \/* \u907f\u514d\u5feb\u901f\u70b9\u51fb\u65f6\u9009\u4e2d\u6587\u672c\uff0c\u63d0\u5347\u4f53\u9a8c *\/\n }\n\n body {\n background: linear-gradient(145deg, #f5f7fc 0%, #eef2f7 100%);\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;\n padding: 1.5rem;\n }\n\n \/* \u4e3b\u5361\u7247 *\/\n .counter-card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(0px);\n border-radius: 56px;\n box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(0, 0, 0, 0.05);\n width: 100%;\n max-width: 540px;\n padding: 2.5rem 2rem 3rem;\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n border: 1px solid rgba(255, 255, 255, 0.6);\n }\n\n .counter-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 30px 50px -16px rgba(0, 0, 0, 0.3);\n }\n\n \/* \u6807\u9898\u533a\u57df *\/\n .title-section {\n margin-bottom: 2rem;\n }\n\n .badge {\n display: inline-block;\n background: #eef2ff;\n color: #1e3a8a;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.5px;\n padding: 0.3rem 1rem;\n border-radius: 40px;\n margin-bottom: 1rem;\n backdrop-filter: blur(2px);\n }\n\n h1 {\n font-size: 1.9rem;\n font-weight: 700;\n color: #0a2540;\n letter-spacing: -0.01em;\n margin-bottom: 0.25rem;\n }\n\n .sub {\n color: #5b6e8c;\n font-size: 0.9rem;\n font-weight: 500;\n border-top: 1px solid #e2e8f0;\n display: inline-block;\n padding-top: 0.6rem;\n margin-top: 0.3rem;\n }\n\n \/* \u6570\u5b57\u663e\u793a\u533a\u57df *\/\n .counter-display {\n background: #ffffff;\n margin: 1.5rem 0 1rem;\n padding: 2rem 0.5rem;\n border-radius: 64px;\n box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.02), 0 10px 20px -8px rgba(0, 0, 0, 0.1);\n border: 1px solid rgba(203, 213, 225, 0.5);\n }\n\n .count-number {\n font-size: 7rem;\n font-weight: 800;\n line-height: 1;\n color: #0f2b3d;\n background: linear-gradient(135deg, #1e3c72, #2b4c7c);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n text-shadow: 0 2px 5px rgba(0,0,0,0.05);\n letter-spacing: 2px;\n transition: all 0.1s ease;\n }\n\n \/* \u6309\u94ae\u533a\u57df *\/\n .button-group {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n margin: 2rem 0 1rem;\n }\n\n .btn {\n flex: 1;\n min-width: 130px;\n border: none;\n padding: 1rem 0.8rem;\n font-size: 1.35rem;\n font-weight: 600;\n border-radius: 60px;\n cursor: pointer;\n transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background: #f8fafc;\n color: #1e293b;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.03);\n border: 1px solid #e2e8f0;\n }\n\n .btn-primary {\n background: linear-gradient(105deg, #0f2b3d 0%, #1b4a6e 100%);\n color: white;\n box-shadow: 0 8px 18px -6px rgba(27, 74, 110, 0.4);\n border: none;\n }\n\n .btn-primary:hover {\n transform: scale(1.02);\n background: linear-gradient(105deg, #1b3a4f 0%, #225d89 100%);\n box-shadow: 0 12px 22px -8px rgba(27, 74, 110, 0.5);\n }\n\n .btn-primary:active {\n transform: scale(0.97);\n background: linear-gradient(105deg, #0a2535 0%, #13415c 100%);\n transition: 0.02s;\n }\n\n .btn-secondary {\n background: white;\n border: 1px solid #cbd5e1;\n color: #334155;\n }\n\n .btn-secondary:hover {\n background: #f1f5f9;\n border-color: #94a3b8;\n transform: translateY(-2px);\n }\n\n .btn-secondary:active {\n transform: translateY(1px);\n background: #e6edf4;\n }\n\n \/* \u70b9\u51fb\u53cd\u9988\u7279\u6548\uff08\u6ce2\u7eb9\uff09 *\/\n .ripple-effect {\n position: relative;\n overflow: hidden;\n }\n\n \/* \u8f85\u52a9\u4fe1\u606f + \u5c0f\u5f69\u86cb *\/\n .info-row {\n margin-top: 2rem;\n display: flex;\n justify-content: center;\n gap: 1rem;\n font-size: 0.8rem;\n color: #6c7e97;\n border-top: 1px dashed #dce3ec;\n padding-top: 1.5rem;\n }\n\n .info-row span {\n background: #f1f5f9;\n padding: 0.2rem 0.8rem;\n border-radius: 30px;\n font-family: monospace;\n font-weight: 500;\n }\n\n \/* \u89e6\u6478\u4f18\u5316 *\/\n @media (max-width: 480px) {\n .counter-card {\n padding: 1.8rem 1.2rem 2.2rem;\n border-radius: 40px;\n }\n .count-number {\n font-size: 5rem;\n }\n .btn {\n padding: 0.8rem 0.5rem;\n font-size: 1.2rem;\n min-width: 110px;\n }\n h1 {\n font-size: 1.6rem;\n }\n }\n\n \/* \u70b9\u51fb\u8109\u51b2\u52a8\u753b *\/\n @keyframes countPop {\n 0% { transform: scale(1); opacity: 0.8; }\n 50% { transform: scale(1.12); opacity: 1; text-shadow: 0 0 8px #2b6a9f; }\n 100% { transform: scale(1); opacity: 1; }\n }\n\n .pop-animation {\n animation: countPop 0.2s cubic-bezier(0.2, 1.6, 0.4, 1);\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"counter-card\">\n <div class=\"title-section\">\n <div class=\"badge\">\u2728 \u5b9e\u65f6\u8ba1\u6570 \u2728<\/div>\n <h1>\u70b9\u4e00\u6b21 \u00b7 \u52a0 1<\/h1>\n <div class=\"sub\">\u5355\u51fb\u5373\u54cd\u5e94\uff0c\u7b80\u5355\u7eaf\u7cb9<\/div>\n <\/div>\n\n <div class=\"counter-display\">\n <div class=\"count-number\" id=\"clickCounterValue\">0<\/div>\n <div style=\"font-size: 0.85rem; margin-top: 0.5rem; color: #5b7c99;\">\u5f53\u524d\u70b9\u51fb\u603b\u6570<\/div>\n <\/div>\n\n <div class=\"button-group\">\n <button class=\"btn btn-primary ripple-effect\" id=\"incrementBtn\">\n <span style=\"font-size:1.4rem;\">+<\/span> \u70b9\u51fb +1\n <\/button>\n <button class=\"btn btn-secondary ripple-effect\" id=\"resetBtn\">\n \u27f3 \u91cd\u7f6e\u5f52\u96f6\n <\/button>\n <\/div>\n\n <div class=\"info-row\">\n <span>\ud83d\udccc \u6bcf\u6b21\u70b9\u51fb\u8ba1\u6570 +1<\/span>\n <span>\ud83d\udd04 \u91cd\u7f6e\u540e\u4ece 0 \u5f00\u59cb<\/span>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ \u83b7\u53d6 DOM \u5143\u7d20\n const counterElement = document.getElementById('clickCounterValue');\n const incrementBtn = document.getElementById('incrementBtn');\n const resetBtn = document.getElementById('resetBtn');\n \n \/\/ \u8ba1\u6570\u5668\u72b6\u6001 (\u9875\u9762\u5185\u5b58\u50a8, \u5237\u65b0\u5373\u5f52\u96f6\uff0c\u7b26\u5408\u6700\u7b80\u9700\u6c42\uff1b\u4f46\u4e5f\u53ef\u6309\u9700\u6269\u5c55)\n let currentCount = 0;\n \n \/\/ \u8f85\u52a9\uff1a\u66f4\u65b0\u754c\u9762\u6570\u5b57\u5e76\u9644\u52a0\u5fae\u52a8\u6548\n function updateDisplay(value) {\n if (counterElement) {\n \/\/ \u5148\u79fb\u9664\u52a8\u753b\u7c7b\uff0c\u518d\u91cd\u65b0\u6dfb\u52a0\uff0c\u4fdd\u8bc1\u6bcf\u6b21\u70b9\u51fb\u90fd\u6709\u5f39\u8df3\u6548\u679c\n counterElement.classList.remove('pop-animation');\n \/\/ \u5f3a\u5236\u91cd\u7ed8\u5c0f\u6280\u5de7\n void counterElement.offsetWidth;\n counterElement.textContent = value;\n counterElement.classList.add('pop-animation');\n }\n }\n \n \/\/ \u6838\u5fc3: \u52a01\u51fd\u6570\n function incrementCount() {\n currentCount = currentCount + 1;\n updateDisplay(currentCount);\n \/\/ \u53ef\u9009: \u63a7\u5236\u53f0\u53cb\u597d\u65e5\u5fd7 (\u5b8c\u5168\u4e0d\u5f71\u54cd\u4f7f\u7528)\n console.log(`[\u8ba1\u6570\u5668] \u70b9\u51fb +1\uff0c\u5f53\u524d\u603b\u503c: ${currentCount}`);\n }\n \n \/\/ \u91cd\u7f6e\u51fd\u6570\n function resetCount() {\n if (currentCount === 0) {\n \/\/ \u5df2\u7ecf\u662f0, \u4f46\u4ecd\u7136\u7ed9\u4e2a\u8f7b\u5fae\u52a8\u753b\u53cd\u9988\n if (counterElement) {\n counterElement.classList.remove('pop-animation');\n void counterElement.offsetWidth;\n counterElement.classList.add('pop-animation');\n }\n console.log(`[\u8ba1\u6570\u5668] \u91cd\u7f6e\uff0c\u5f53\u524d\u5df2\u7ecf\u4e3a 0\uff0c\u672a\u53d8\u52a8`);\n return;\n }\n currentCount = 0;\n updateDisplay(currentCount);\n console.log(`[\u8ba1\u6570\u5668] \u5df2\u91cd\u7f6e\u4e3a 0`);\n }\n \n \/\/ \u589e\u52a0\u989d\u5916\u89e6\u611f: \u79fb\u52a8\u7aef\u70b9\u51fb\u9707\u52a8 (\u53ef\u9009, \u4f18\u96c5\u964d\u7ea7, \u9700\u8981\u7528\u6237\u4e0e\u9875\u9762\u4ea4\u4e92\u540e\u751f\u6548, \u65e0\u4f24\u5927\u96c5)\n function gentleHaptic() {\n if (window.navigator && window.navigator.vibrate) {\n \/\/ \u6781\u77ed\u9707\u52a8 15ms, \u589e\u5f3a\u7269\u7406\u53cd\u9988\u4f46\u4e0d\u4f1a\u70e6\u4eba\n window.navigator.vibrate(12);\n }\n }\n \n \/\/ \u7ed1\u5b9a\u4e8b\u4ef6 (click, \u540c\u65f6\u89e6\u6478\u7aef\u4f7f\u7528 click \u901a\u7528)\n if (incrementBtn) {\n incrementBtn.addEventListener('click', (e) => {\n e.preventDefault();\n incrementCount();\n gentleHaptic(); \/\/ \u652f\u6301\u89e6\u611f\u8bbe\u5907\u8f7b\u53cd\u9988\n \/\/ \u6dfb\u52a0\u989d\u5916\u7684\u6309\u94ae\u6ce2\u7eb9\u611f (\u52a8\u6001class)\n addRippleEffect(e, incrementBtn);\n });\n }\n \n if (resetBtn) {\n resetBtn.addEventListener('click', (e) => {\n e.preventDefault();\n resetCount();\n gentleHaptic();\n addRippleEffect(e, resetBtn);\n });\n }\n \n \/\/ \u7cbe\u81f4\u7684\u5c0f\u6c34\u6ce2\u7eb9\u6548\u679c (\u63d0\u5347\u4ea4\u4e92\u9ad8\u7ea7\u611f)\n function addRippleEffect(event, element) {\n \/\/ \u52a8\u6001\u521b\u5efa\u4e00\u4e2a\u77ed\u6682\u6ce2\u7eb9\u5143\u7d20\uff0c\u589e\u52a0\u89c6\u89c9\u53cd\u9988\n const rippleDiv = document.createElement('span');\n const rect = element.getBoundingClientRect();\n const size = Math.max(rect.width, rect.height);\n const x = event.clientX - rect.left - size \/ 2;\n const y = event.clientY - rect.top - size \/ 2;\n \n rippleDiv.style.position = 'absolute';\n rippleDiv.style.width = `${size}px`;\n rippleDiv.style.height = `${size}px`;\n rippleDiv.style.borderRadius = '50%';\n rippleDiv.style.backgroundColor = 'rgba(255, 255, 255, 0.4)';\n rippleDiv.style.pointerEvents = 'none';\n rippleDiv.style.top = `${y}px`;\n rippleDiv.style.left = `${x}px`;\n rippleDiv.style.transform = 'scale(0)';\n rippleDiv.style.transition = 'transform 0.4s ease, opacity 0.5s ease';\n rippleDiv.style.opacity = '0.8';\n \n \/\/ \u786e\u4fdd\u6309\u94ae\u6709\u76f8\u5bf9\u5b9a\u4f4d (\u5982\u679c\u6ca1\u8bbe\u7f6e)\n const originalPosition = window.getComputedStyle(element).position;\n if (originalPosition === 'static') {\n element.style.position = 'relative';\n }\n element.style.overflow = 'hidden';\n element.appendChild(rippleDiv);\n \n \/\/ \u89e6\u53d1\u52a8\u753b\n requestAnimationFrame(() => {\n rippleDiv.style.transform = 'scale(1.2)';\n rippleDiv.style.opacity = '0';\n });\n \n \/\/ \u52a8\u753b\u7ed3\u675f\u540e\u79fb\u9664\u5143\u7d20\n setTimeout(() => {\n if (rippleDiv.parentNode) {\n rippleDiv.parentNode.removeChild(rippleDiv);\n }\n \/\/ \u6062\u590d\u539f\u72b6 (\u5982\u679c\u6709\u5fc5\u8981, \u4f46\u56e0\u4e3a\u4e0d\u5f71\u54cd\u5916\u89c2\uff0c\u4fdd\u7559relative\u4e5f\u6ca1\u5173\u7cfb)\n if (element.childNodes.length === 0 && originalPosition === 'static') {\n \/\/ \u5982\u679c\u6240\u6709\u6ce2\u7eb9\u90fd\u79fb\u9664\u4e14\u539f\u672c\u662fstatic, \u53ef\u4ee5\u6062\u590d\uff0c\u4f46\u6ca1\u5fc5\u8981\u8fc7\u5ea6\u5904\u7406\n }\n }, 500);\n }\n \n \/\/ \u521d\u59cb\u5316\u663e\u793a0\uff0c\u786e\u4fdd\u754c\u9762\u4e0e\u53d8\u91cf\u540c\u6b65 (currentCount \u5df2\u7ecf\u662f0)\n updateDisplay(currentCount);\n \n \/\/ \u589e\u52a0\u952e\u76d8\u8f85\u52a9\uff1a\u6309\u7a7a\u683c\u6216\u8005\u56de\u8f66\u5728\u6309\u94ae\u805a\u7126\u65f6\u53ef\u89e6\u53d1\u5c55\u793a (\u53ef\u9009\uff0c\u63d0\u5347\u65e0\u969c\u788d)\n \/\/ \u5bf9 +1 \u6309\u94ae\u548c\u91cd\u7f6e\u6309\u94ae\u589e\u52a0\u952e\u76d8\u5feb\u6377\u63d0\u793a, \u9ed8\u8ba4\u6309\u94ae\u672c\u8eab\u652f\u6301focus+enter\/space\u539f\u751fclick\uff0c\u65e0\u9700\u989d\u5916\u5904\u7406\n \/\/ \u989d\u5916\u5b89\u5168\u8fb9\u754c\uff1a\u9632\u6b62\u5feb\u901f\u53cc\u51fb\u5bfc\u81f4\u8ba1\u6570\u5f02\u5e38\uff1f \u4e0d\u4f1a\uff0c\u6bcf\u6b21\u70b9\u51fb\u90fd\u52a01\uff0c\u7cbe\u51c6\u3002\n \/\/ \u5bf9\u4e8e\u91cd\u7f6e\u540e\u7ee7\u7eed\u52a01\u573a\u666f\u4fdd\u8bc1\u5b8c\u7f8e\u3002\n \n \/\/ \u589e\u52a0\u907f\u514d\u91cd\u590d\u6e32\u67d3\u7684\u6027\u80fd\u4f18\u5316\uff0c\u4ee5\u53ca\u9488\u5bf9\u624b\u673a\u957f\u6309\u4e0d\u4f1a\u89e6\u53d1\u83dc\u5355 (css \u5df2\u505a user-select)\n \/\/ \u652f\u6301\u6700\u5927\u8ba1\u6570\u65e0\u4e0a\u9650 (\u7b26\u5408\u6b63\u6574\u6570\u573a\u666f)\n \/\/ \u53ef\u9009: \u5982\u679c\u7528\u6237\u9700\u8981\u4fdd\u5b58\u8ba1\u6570\u5230localStorage? \u4f46\u9700\u6c42\u672a\u8981\u6c42\u201c\u6301\u4e45\u5316\u201d\uff0c\u4fdd\u6301\u539f\u59cb\u5237\u65b0\u5f52\u96f6\u7b80\u5355\u76f4\u89c2\u3002\n \/\/ \u4e0d\u8fc7\u4f9d\u636e\u7ecf\u9a8c\u53ef\u589e\u52a0\u4e00\u4e2a\u201c\u5bfc\u51fa\u63d0\u793a\u201d\uff0c\u4f46\u907f\u514d\u55a7\u5bbe\u593a\u4e3b\uff0c\u4e0d\u52a0\u989d\u5916\u529f\u80fd\u3002\n \/\/ \u9488\u5bf9\u4e0d\u9700\u8981\u51cf\u6cd5\u7684\u7eaf\u51c0\u8ba1\u6570\u5668\u5b8c\u5168\u6ee1\u8db3\u3010\u70b9\u51fb\u4e00\u6b21\u52a01\u3011\u6838\u5fc3\u9700\u6c42\uff0c\u91cd\u7f6e\u4e3a\u8f85\u52a9\u5e72\u51c0\u4f53\u9a8c\u3002\n \n \/\/ \u540c\u65f6\u4e5f\u76d1\u542cdocument\u52a0\u8f7d\u5b8c\u6210\u540e\u786e\u4fdd\u4e0d\u5b58\u5728\u63a7\u5236\u53f0\u6c61\u67d3\n console.log(\"\u2705 \u8ba1\u6570\u5668\u5df2\u542f\u52a8 \u2014 \u6bcf\u6b21\u70b9\u51fb+1\uff0c\u91cd\u7f6e\u5f52\u96f6\u3002\");\n })();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u6bcf\u5929\u7ed9\u81ea\u5df1\u4e00\u4e2a\u76ee\u6807\u201c\u548c\u5ba2\u6237\u4e3b\u52a8\u63a5\u89e6100 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5376","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/pages\/5376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/comments?post=5376"}],"version-history":[{"count":1,"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/pages\/5376\/revisions"}],"predecessor-version":[{"id":5377,"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/pages\/5376\/revisions\/5377"}],"wp:attachment":[{"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/media?parent=5376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5376,"date":"2026-06-03T03:28:59","date_gmt":"2026-06-03T03:28:59","guid":{"rendered":"https:\/\/kc.yixingyule.com\/?page_id=5376"},"modified":"2026-06-03T03:28:59","modified_gmt":"2026-06-03T03:28:59","slug":"clickplus1","status":"publish","type":"page","link":"https:\/\/kc.yixingyule.com\/index.php\/clickplus1\/","title":{"rendered":""},"content":{"rendered":"\n

\u6bcf\u5929\u7ed9\u81ea\u5df1\u4e00\u4e2a\u76ee\u6807\u201c\u548c\u5ba2\u6237\u4e3b\u52a8\u63a5\u89e6100\u6b21\u201d<\/h5>\n\n\n\n\n\n\n \n \n \u7075\u52a8\u70b9\u51fb\u8ba1\u6570\u5668 | \u70b9\u51fb\u4e00\u6b21 +1<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n user-select: none; \/* \u907f\u514d\u5feb\u901f\u70b9\u51fb\u65f6\u9009\u4e2d\u6587\u672c\uff0c\u63d0\u5347\u4f53\u9a8c \/\n }\n\n body {\n background: linear-gradient(145deg, #f5f7fc 0%, #eef2f7 100%);\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: system-ui, -apple-system, 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;\n padding: 1.5rem;\n }\n\n \/ \u4e3b\u5361\u7247 \/\n .counter-card {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(0px);\n border-radius: 56px;\n box-shadow: 0 25px 45px -12px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(0, 0, 0, 0.05);\n width: 100%;\n max-width: 540px;\n padding: 2.5rem 2rem 3rem;\n text-align: center;\n transition: transform 0.2s ease, box-shadow 0.2s ease;\n border: 1px solid rgba(255, 255, 255, 0.6);\n }\n\n .counter-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 30px 50px -16px rgba(0, 0, 0, 0.3);\n }\n\n \/ \u6807\u9898\u533a\u57df \/\n .title-section {\n margin-bottom: 2rem;\n }\n\n .badge {\n display: inline-block;\n background: #eef2ff;\n color: #1e3a8a;\n font-size: 0.8rem;\n font-weight: 600;\n letter-spacing: 0.5px;\n padding: 0.3rem 1rem;\n border-radius: 40px;\n margin-bottom: 1rem;\n backdrop-filter: blur(2px);\n }\n\n h1 {\n font-size: 1.9rem;\n font-weight: 700;\n color: #0a2540;\n letter-spacing: -0.01em;\n margin-bottom: 0.25rem;\n }\n\n .sub {\n color: #5b6e8c;\n font-size: 0.9rem;\n font-weight: 500;\n border-top: 1px solid #e2e8f0;\n display: inline-block;\n padding-top: 0.6rem;\n margin-top: 0.3rem;\n }\n\n \/ \u6570\u5b57\u663e\u793a\u533a\u57df \/\n .counter-display {\n background: #ffffff;\n margin: 1.5rem 0 1rem;\n padding: 2rem 0.5rem;\n border-radius: 64px;\n box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.02), 0 10px 20px -8px rgba(0, 0, 0, 0.1);\n border: 1px solid rgba(203, 213, 225, 0.5);\n }\n\n .count-number {\n font-size: 7rem;\n font-weight: 800;\n line-height: 1;\n color: #0f2b3d;\n background: linear-gradient(135deg, #1e3c72, #2b4c7c);\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n text-shadow: 0 2px 5px rgba(0,0,0,0.05);\n letter-spacing: 2px;\n transition: all 0.1s ease;\n }\n\n \/ \u6309\u94ae\u533a\u57df \/\n .button-group {\n display: flex;\n flex-wrap: wrap;\n gap: 1rem;\n justify-content: center;\n margin: 2rem 0 1rem;\n }\n\n .btn {\n flex: 1;\n min-width: 130px;\n border: none;\n padding: 1rem 0.8rem;\n font-size: 1.35rem;\n font-weight: 600;\n border-radius: 60px;\n cursor: pointer;\n transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background: #f8fafc;\n color: #1e293b;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.03);\n border: 1px solid #e2e8f0;\n }\n\n .btn-primary {\n background: linear-gradient(105deg, #0f2b3d 0%, #1b4a6e 100%);\n color: white;\n box-shadow: 0 8px 18px -6px rgba(27, 74, 110, 0.4);\n border: none;\n }\n\n .btn-primary:hover {\n transform: scale(1.02);\n background: linear-gradient(105deg, #1b3a4f 0%, #225d89 100%);\n box-shadow: 0 12px 22px -8px rgba(27, 74, 110, 0.5);\n }\n\n .btn-primary:active {\n transform: scale(0.97);\n background: linear-gradient(105deg, #0a2535 0%, #13415c 100%);\n transition: 0.02s;\n }\n\n .btn-secondary {\n background: white;\n border: 1px solid #cbd5e1;\n color: #334155;\n }\n\n .btn-secondary:hover {\n background: #f1f5f9;\n border-color: #94a3b8;\n transform: translateY(-2px);\n }\n\n .btn-secondary:active {\n transform: translateY(1px);\n background: #e6edf4;\n }\n\n \/ \u70b9\u51fb\u53cd\u9988\u7279\u6548\uff08\u6ce2\u7eb9\uff09 \/\n .ripple-effect {\n position: relative;\n overflow: hidden;\n }\n\n \/ \u8f85\u52a9\u4fe1\u606f + \u5c0f\u5f69\u86cb \/\n .info-row {\n margin-top: 2rem;\n display: flex;\n justify-content: center;\n gap: 1rem;\n font-size: 0.8rem;\n color: #6c7e97;\n border-top: 1px dashed #dce3ec;\n padding-top: 1.5rem;\n }\n\n .info-row span {\n background: #f1f5f9;\n padding: 0.2rem 0.8rem;\n border-radius: 30px;\n font-family: monospace;\n font-weight: 500;\n }\n\n \/ \u89e6\u6478\u4f18\u5316 \/\n @media (max-width: 480px) {\n .counter-card {\n padding: 1.8rem 1.2rem 2.2rem;\n border-radius: 40px;\n }\n .count-number {\n font-size: 5rem;\n }\n .btn {\n padding: 0.8rem 0.5rem;\n font-size: 1.2rem;\n min-width: 110px;\n }\n h1 {\n font-size: 1.6rem;\n }\n }\n\n \/ \u70b9\u51fb\u8109\u51b2\u52a8\u753b *\/\n @keyframes countPop {\n 0% { transform: scale(1); opacity: 0.8; }\n 50% { transform: scale(1.12); opacity: 1; text-shadow: 0 0 8px #2b6a9f; }\n 100% { transform: scale(1); opacity: 1; }\n }\n\n .pop-animation {\n animation: countPop 0.2s cubic-bezier(0.2, 1.6, 0.4, 1);\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"counter-card\">\n <div class=\"title-section\">\n <div class=\"badge\">\u2728 \u5b9e\u65f6\u8ba1\u6570 \u2728<\/div>\n <h1>\u70b9\u4e00\u6b21 \u00b7 \u52a0 1<\/h1>\n <div class=\"sub\">\u5355\u51fb\u5373\u54cd\u5e94\uff0c\u7b80\u5355\u7eaf\u7cb9<\/div>\n <\/div>\n\n <div class=\"counter-display\">\n <div class=\"count-number\" id=\"clickCounterValue\">0<\/div>\n <div style=\"font-size: 0.85rem; margin-top: 0.5rem; color: #5b7c99;\">\u5f53\u524d\u70b9\u51fb\u603b\u6570<\/div>\n <\/div>\n\n <div class=\"button-group\">\n <button class=\"btn btn-primary ripple-effect\" id=\"incrementBtn\">\n <span style=\"font-size:1.4rem;\">+<\/span> \u70b9\u51fb +1\n <\/button>\n <button class=\"btn btn-secondary ripple-effect\" id=\"resetBtn\">\n \u27f3 \u91cd\u7f6e\u5f52\u96f6\n <\/button>\n <\/div>\n\n <div class=\"info-row\">\n <span>\ud83d\udccc \u6bcf\u6b21\u70b9\u51fb\u8ba1\u6570 +1<\/span>\n <span>\ud83d\udd04 \u91cd\u7f6e\u540e\u4ece 0 \u5f00\u59cb<\/span>\n <\/div>\n<\/div>\n\n<script>\n (function() {\n \/\/ \u83b7\u53d6 DOM \u5143\u7d20\n const counterElement = document.getElementById('clickCounterValue');\n const incrementBtn = document.getElementById('incrementBtn');\n const resetBtn = document.getElementById('resetBtn');\n \n \/\/ \u8ba1\u6570\u5668\u72b6\u6001 (\u9875\u9762\u5185\u5b58\u50a8, \u5237\u65b0\u5373\u5f52\u96f6\uff0c\u7b26\u5408\u6700\u7b80\u9700\u6c42\uff1b\u4f46\u4e5f\u53ef\u6309\u9700\u6269\u5c55)\n let currentCount = 0;\n \n \/\/ \u8f85\u52a9\uff1a\u66f4\u65b0\u754c\u9762\u6570\u5b57\u5e76\u9644\u52a0\u5fae\u52a8\u6548\n function updateDisplay(value) {\n if (counterElement) {\n \/\/ \u5148\u79fb\u9664\u52a8\u753b\u7c7b\uff0c\u518d\u91cd\u65b0\u6dfb\u52a0\uff0c\u4fdd\u8bc1\u6bcf\u6b21\u70b9\u51fb\u90fd\u6709\u5f39\u8df3\u6548\u679c\n counterElement.classList.remove('pop-animation');\n \/\/ \u5f3a\u5236\u91cd\u7ed8\u5c0f\u6280\u5de7\n void counterElement.offsetWidth;\n counterElement.textContent = value;\n counterElement.classList.add('pop-animation');\n }\n }\n \n \/\/ \u6838\u5fc3: \u52a01\u51fd\u6570\n function incrementCount() {\n currentCount = currentCount + 1;\n updateDisplay(currentCount);\n \/\/ \u53ef\u9009: \u63a7\u5236\u53f0\u53cb\u597d\u65e5\u5fd7 (\u5b8c\u5168\u4e0d\u5f71\u54cd\u4f7f\u7528)\n console.log(`[\u8ba1\u6570\u5668] \u70b9\u51fb +1\uff0c\u5f53\u524d\u603b\u503c: ${currentCount}`);\n }\n \n \/\/ \u91cd\u7f6e\u51fd\u6570\n function resetCount() {\n if (currentCount === 0) {\n \/\/ \u5df2\u7ecf\u662f0, \u4f46\u4ecd\u7136\u7ed9\u4e2a\u8f7b\u5fae\u52a8\u753b\u53cd\u9988\n if (counterElement) {\n counterElement.classList.remove('pop-animation');\n void counterElement.offsetWidth;\n counterElement.classList.add('pop-animation');\n }\n console.log(`[\u8ba1\u6570\u5668] \u91cd\u7f6e\uff0c\u5f53\u524d\u5df2\u7ecf\u4e3a 0\uff0c\u672a\u53d8\u52a8`);\n return;\n }\n currentCount = 0;\n updateDisplay(currentCount);\n console.log(`[\u8ba1\u6570\u5668] \u5df2\u91cd\u7f6e\u4e3a 0`);\n }\n \n \/\/ \u589e\u52a0\u989d\u5916\u89e6\u611f: \u79fb\u52a8\u7aef\u70b9\u51fb\u9707\u52a8 (\u53ef\u9009, \u4f18\u96c5\u964d\u7ea7, \u9700\u8981\u7528\u6237\u4e0e\u9875\u9762\u4ea4\u4e92\u540e\u751f\u6548, \u65e0\u4f24\u5927\u96c5)\n function gentleHaptic() {\n if (window.navigator && window.navigator.vibrate) {\n \/\/ \u6781\u77ed\u9707\u52a8 15ms, \u589e\u5f3a\u7269\u7406\u53cd\u9988\u4f46\u4e0d\u4f1a\u70e6\u4eba\n window.navigator.vibrate(12);\n }\n }\n \n \/\/ \u7ed1\u5b9a\u4e8b\u4ef6 (click, \u540c\u65f6\u89e6\u6478\u7aef\u4f7f\u7528 click \u901a\u7528)\n if (incrementBtn) {\n incrementBtn.addEventListener('click', (e) => {\n e.preventDefault();\n incrementCount();\n gentleHaptic(); \/\/ \u652f\u6301\u89e6\u611f\u8bbe\u5907\u8f7b\u53cd\u9988\n \/\/ \u6dfb\u52a0\u989d\u5916\u7684\u6309\u94ae\u6ce2\u7eb9\u611f (\u52a8\u6001class)\n addRippleEffect(e, incrementBtn);\n });\n }\n \n if (resetBtn) {\n resetBtn.addEventListener('click', (e) => {\n e.preventDefault();\n resetCount();\n gentleHaptic();\n addRippleEffect(e, resetBtn);\n });\n }\n \n \/\/ \u7cbe\u81f4\u7684\u5c0f\u6c34\u6ce2\u7eb9\u6548\u679c (\u63d0\u5347\u4ea4\u4e92\u9ad8\u7ea7\u611f)\n function addRippleEffect(event, element) {\n \/\/ \u52a8\u6001\u521b\u5efa\u4e00\u4e2a\u77ed\u6682\u6ce2\u7eb9\u5143\u7d20\uff0c\u589e\u52a0\u89c6\u89c9\u53cd\u9988\n const rippleDiv = document.createElement('span');\n const rect = element.getBoundingClientRect();\n const size = Math.max(rect.width, rect.height);\n const x = event.clientX - rect.left - size \/ 2;\n const y = event.clientY - rect.top - size \/ 2;\n \n rippleDiv.style.position = 'absolute';\n rippleDiv.style.width = `${size}px`;\n rippleDiv.style.height = `${size}px`;\n rippleDiv.style.borderRadius = '50%';\n rippleDiv.style.backgroundColor = 'rgba(255, 255, 255, 0.4)';\n rippleDiv.style.pointerEvents = 'none';\n rippleDiv.style.top = `${y}px`;\n rippleDiv.style.left = `${x}px`;\n rippleDiv.style.transform = 'scale(0)';\n rippleDiv.style.transition = 'transform 0.4s ease, opacity 0.5s ease';\n rippleDiv.style.opacity = '0.8';\n \n \/\/ \u786e\u4fdd\u6309\u94ae\u6709\u76f8\u5bf9\u5b9a\u4f4d (\u5982\u679c\u6ca1\u8bbe\u7f6e)\n const originalPosition = window.getComputedStyle(element).position;\n if (originalPosition === 'static') {\n element.style.position = 'relative';\n }\n element.style.overflow = 'hidden';\n element.appendChild(rippleDiv);\n \n \/\/ \u89e6\u53d1\u52a8\u753b\n requestAnimationFrame(() => {\n rippleDiv.style.transform = 'scale(1.2)';\n rippleDiv.style.opacity = '0';\n });\n \n \/\/ \u52a8\u753b\u7ed3\u675f\u540e\u79fb\u9664\u5143\u7d20\n setTimeout(() => {\n if (rippleDiv.parentNode) {\n rippleDiv.parentNode.removeChild(rippleDiv);\n }\n \/\/ \u6062\u590d\u539f\u72b6 (\u5982\u679c\u6709\u5fc5\u8981, \u4f46\u56e0\u4e3a\u4e0d\u5f71\u54cd\u5916\u89c2\uff0c\u4fdd\u7559relative\u4e5f\u6ca1\u5173\u7cfb)\n if (element.childNodes.length === 0 && originalPosition === 'static') {\n \/\/ \u5982\u679c\u6240\u6709\u6ce2\u7eb9\u90fd\u79fb\u9664\u4e14\u539f\u672c\u662fstatic, \u53ef\u4ee5\u6062\u590d\uff0c\u4f46\u6ca1\u5fc5\u8981\u8fc7\u5ea6\u5904\u7406\n }\n }, 500);\n }\n \n \/\/ \u521d\u59cb\u5316\u663e\u793a0\uff0c\u786e\u4fdd\u754c\u9762\u4e0e\u53d8\u91cf\u540c\u6b65 (currentCount \u5df2\u7ecf\u662f0)\n updateDisplay(currentCount);\n \n \/\/ \u589e\u52a0\u952e\u76d8\u8f85\u52a9\uff1a\u6309\u7a7a\u683c\u6216\u8005\u56de\u8f66\u5728\u6309\u94ae\u805a\u7126\u65f6\u53ef\u89e6\u53d1\u5c55\u793a (\u53ef\u9009\uff0c\u63d0\u5347\u65e0\u969c\u788d)\n \/\/ \u5bf9 +1 \u6309\u94ae\u548c\u91cd\u7f6e\u6309\u94ae\u589e\u52a0\u952e\u76d8\u5feb\u6377\u63d0\u793a, \u9ed8\u8ba4\u6309\u94ae\u672c\u8eab\u652f\u6301focus+enter\/space\u539f\u751fclick\uff0c\u65e0\u9700\u989d\u5916\u5904\u7406\n \/\/ \u989d\u5916\u5b89\u5168\u8fb9\u754c\uff1a\u9632\u6b62\u5feb\u901f\u53cc\u51fb\u5bfc\u81f4\u8ba1\u6570\u5f02\u5e38\uff1f \u4e0d\u4f1a\uff0c\u6bcf\u6b21\u70b9\u51fb\u90fd\u52a01\uff0c\u7cbe\u51c6\u3002\n \/\/ \u5bf9\u4e8e\u91cd\u7f6e\u540e\u7ee7\u7eed\u52a01\u573a\u666f\u4fdd\u8bc1\u5b8c\u7f8e\u3002\n \n \/\/ \u589e\u52a0\u907f\u514d\u91cd\u590d\u6e32\u67d3\u7684\u6027\u80fd\u4f18\u5316\uff0c\u4ee5\u53ca\u9488\u5bf9\u624b\u673a\u957f\u6309\u4e0d\u4f1a\u89e6\u53d1\u83dc\u5355 (css \u5df2\u505a user-select)\n \/\/ \u652f\u6301\u6700\u5927\u8ba1\u6570\u65e0\u4e0a\u9650 (\u7b26\u5408\u6b63\u6574\u6570\u573a\u666f)\n \/\/ \u53ef\u9009: \u5982\u679c\u7528\u6237\u9700\u8981\u4fdd\u5b58\u8ba1\u6570\u5230localStorage? \u4f46\u9700\u6c42\u672a\u8981\u6c42\u201c\u6301\u4e45\u5316\u201d\uff0c\u4fdd\u6301\u539f\u59cb\u5237\u65b0\u5f52\u96f6\u7b80\u5355\u76f4\u89c2\u3002\n \/\/ \u4e0d\u8fc7\u4f9d\u636e\u7ecf\u9a8c\u53ef\u589e\u52a0\u4e00\u4e2a\u201c\u5bfc\u51fa\u63d0\u793a\u201d\uff0c\u4f46\u907f\u514d\u55a7\u5bbe\u593a\u4e3b\uff0c\u4e0d\u52a0\u989d\u5916\u529f\u80fd\u3002\n \/\/ \u9488\u5bf9\u4e0d\u9700\u8981\u51cf\u6cd5\u7684\u7eaf\u51c0\u8ba1\u6570\u5668\u5b8c\u5168\u6ee1\u8db3\u3010\u70b9\u51fb\u4e00\u6b21\u52a01\u3011\u6838\u5fc3\u9700\u6c42\uff0c\u91cd\u7f6e\u4e3a\u8f85\u52a9\u5e72\u51c0\u4f53\u9a8c\u3002\n \n \/\/ \u540c\u65f6\u4e5f\u76d1\u542cdocument\u52a0\u8f7d\u5b8c\u6210\u540e\u786e\u4fdd\u4e0d\u5b58\u5728\u63a7\u5236\u53f0\u6c61\u67d3\n console.log(\"\u2705 \u8ba1\u6570\u5668\u5df2\u542f\u52a8 \u2014 \u6bcf\u6b21\u70b9\u51fb+1\uff0c\u91cd\u7f6e\u5f52\u96f6\u3002\");\n })();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u6bcf\u5929\u7ed9\u81ea\u5df1\u4e00\u4e2a\u76ee\u6807\u201c\u548c\u5ba2\u6237\u4e3b\u52a8\u63a5\u89e6100 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5376","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/pages\/5376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/comments?post=5376"}],"version-history":[{"count":1,"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/pages\/5376\/revisions"}],"predecessor-version":[{"id":5377,"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/pages\/5376\/revisions\/5377"}],"wp:attachment":[{"href":"https:\/\/kc.yixingyule.com\/index.php\/wp-json\/wp\/v2\/media?parent=5376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}