{"id":126,"date":"2026-06-08T20:10:38","date_gmt":"2026-06-08T12:10:38","guid":{"rendered":"http:\/\/h.iioorr.com\/?page_id=126"},"modified":"2026-07-30T20:17:57","modified_gmt":"2026-07-30T12:17:57","slug":"%e5%85%ac%e5%8f%b8%e5%8a%a8%e6%80%81","status":"publish","type":"page","link":"https:\/\/wangbai.cn\/?page_id=126","title":{"rendered":"\u516c\u53f8\u52a8\u6001"},"content":{"rendered":"\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function(){\n    \/\/ \u5b9a\u4f4d\u65b0\u95fb\u677f\u5757\u5bb9\u5668\n    const newsContainer = document.querySelector('.wangbai-news-container');\n    if(!newsContainer) return;\n\n    \/\/ \u83b7\u53d6\u6240\u6709\u4ea4\u4e92\u5143\u7d20\n    const filterButtons = newsContainer.querySelectorAll('.filter-btn');\n    const searchInputBox = newsContainer.querySelector('.search-box input');\n    const allNewsCards = newsContainer.querySelectorAll('.news-card');\n\n    \/\/ \u521d\u59cb\u5316\u72b6\u6001\n    let currentActiveFilter = 'all';\n    let currentSearchKeyword = '';\n\n    \/\/ \u7ed1\u5b9a\u5206\u7c7b\u70b9\u51fb\u4e8b\u4ef6\n    filterButtons.forEach(btn => {\n        btn.addEventListener('click', () => {\n            \/\/ \u5207\u6362\u6309\u94ae\u9009\u4e2d\u6837\u5f0f\n            filterButtons.forEach(item => {\n                item.classList.remove('active');\n                item.classList.add('normal');\n            })\n            btn.classList.remove('normal');\n            btn.classList.add('active');\n            \/\/ \u66f4\u65b0\u5f53\u524d\u9009\u4e2d\u7684\u5206\u7c7b\n            currentActiveFilter = btn.dataset.type;\n            \/\/ \u6267\u884c\u7b5b\u9009\u6e32\u67d3\n            refreshNewsDisplay();\n        })\n    })\n\n    \/\/ \u7ed1\u5b9a\u5b9e\u65f6\u641c\u7d22\u4e8b\u4ef6\n    searchInputBox.addEventListener('input', (e) => {\n        currentSearchKeyword = e.target.value.trim();\n        refreshNewsDisplay();\n    })\n\n    \/\/ \u7edf\u4e00\u7684\u65b0\u95fb\u8fc7\u6ee4\u6e32\u67d3\u903b\u8f91\n    function refreshNewsDisplay() {\n        allNewsCards.forEach(card => {\n            \/\/ \u8bc6\u522b\u5361\u7247\u6240\u5c5e\u5206\u7c7b\n            const tagContent = card.querySelector('.card-tag').textContent;\n            const cardType = tagContent.includes('\u4ea7\u54c1\u65b0\u95fb') ? 'product' : 'company';\n            \/\/ \u63d0\u53d6\u5361\u7247\u5168\u90e8\u6587\u672c\u7528\u4e8e\u5173\u952e\u8bcd\u5339\u914d\n            const fullCardText = card.querySelector('.card-title').innerText + card.querySelector('.card-desc').innerText;\n\n            \/\/ \u53cc\u91cd\u6761\u4ef6\u6821\u9a8c\n            const filterMatch = currentActiveFilter === 'all' || cardType === currentActiveFilter;\n            const searchMatch = currentSearchKeyword === '' || fullCardText.includes(currentSearchKeyword);\n\n            \/\/ \u63a7\u5236\u5361\u7247\u663e\u793a\u9690\u85cf\n            card.style.display = filterMatch && searchMatch ? 'block' : 'none';\n        })\n    }\n})\n<\/script>\n\n<!-- \u4ec5\u63d2\u5165\u5728\u4f60\u7f51\u7ad9\u5185\u5bb9\u533a\u57df\uff0c\u5b8c\u5168\u4e0d\u89e6\u78b0\u5934\u90e8\u4efb\u4f55\u5143\u7d20 -->\n<style>\n\/* \u6240\u6709\u6837\u5f0f\u90fd\u9650\u5b9a\u5728\u4e13\u5c5e\u547d\u540d\u7a7a\u95f4\u5185\uff0c\u4e0d\u4f1a\u6c61\u67d3\u5168\u5c40\u3001\u4e0d\u4f1a\u5f71\u54cd\u5934\u90e8 *\/\n.wangbai-news-container * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Microsoft YaHei', sans-serif;\n}\n.wangbai-news-container {\n    width: 100%;\n    background-color: #f8fafc;\n    padding: 30px 0;\n}\n.wangbai-news-container .news-title-area {\n    text-align: center;\n    margin-bottom: 30px;\n}\n.wangbai-news-container .news-title-area h2 {\n    font-size: 20px;\n    font-weight: bold;\n    color: #111827;\n    margin-bottom: 8px;\n}\n.wangbai-news-container .news-title-area p {\n    font-size: 13px;\n    color: #6b7280;\n}\n.wangbai-news-container .filter-search-bar {\n    max-width: 1280px;\n    margin: 0 auto 32px;\n    padding: 0 20px;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n    background: #fff;\n    padding: 16px;\n    border-radius: 8px;\n    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);\n}\n.wangbai-news-container .filter-group {\n    display: flex;\n    gap: 8px;\n}\n.wangbai-news-container .filter-btn {\n    padding: 8px 16px;\n    border-radius: 999px;\n    border: none;\n    font-size: 14px;\n    font-weight: 500;\n    cursor: pointer;\n}\n.wangbai-news-container .filter-btn.active {\n    background-color: #2563eb;\n    color: white;\n}\n.wangbai-news-container .filter-btn.normal {\n    background-color: #f3f4f6;\n    color: #4b5563;\n}\n.wangbai-news-container .search-box {\n    position: relative;\n    width: 100%;\n    max-width: 256px;\n}\n.wangbai-news-container .search-box input {\n    width: 100%;\n    padding: 8px 16px 8px 40px;\n    border: 1px solid #d1d5db;\n    border-radius: 8px;\n    outline: none;\n}\n.wangbai-news-container .search-box i {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    color: #9ca3af;\n}\n.wangbai-news-container .news-grid {\n    max-width: 1280px;\n    margin: 0 auto;\n    padding: 0 20px;\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 32px;\n}\n@media (min-width: 768px) {\n    .wangbai-news-container .news-grid {\n        grid-template-columns: 1fr 1fr;\n    }\n}\n@media (min-width: 1024px) {\n    .wangbai-news-container .news-grid {\n        grid-template-columns: 1fr 1fr 1fr;\n    }\n}\n.wangbai-news-container .news-card {\n    background: white;\n    border-radius: 8px;\n    overflow: hidden;\n    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);\n    transition: all 0.3s ease;\n    cursor: pointer;\n}\n.wangbai-news-container .news-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1);\n}\n.wangbai-news-container .card-img-wrap {\n    position: relative;\n    height: 208px;\n}\n.wangbai-news-container .card-img-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n.wangbai-news-container .card-tag {\n    position: absolute;\n    top: 12px;\n    right: 12px;\n    padding: 4px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 500;\n}\n.wangbai-news-container .tag-product {\n    background-color: #dbeafe;\n    color: #1d4ed8;\n}\n.wangbai-news-container .tag-company {\n    background-color: #dcfce7;\n    color: #15803d;\n}\n.wangbai-news-container .card-content {\n    padding: 20px;\n}\n.wangbai-news-container .card-date {\n    font-size: 13px;\n    color: #6b7280;\n    margin-bottom: 8px;\n}\n.wangbai-news-container .card-title {\n    font-size: 16px;\n    font-weight: 600;\n    color: #111827;\n    margin-bottom: 8px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n.wangbai-news-container .card-desc {\n    font-size: 13px;\n    color: #4b5563;\n    margin-bottom: 16px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n}\n.wangbai-news-container .card-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: 14px;\n    color: #2563eb;\n}\n<\/style>\n\n<div class=\"wangbai-news-container\">\n    <div class=\"news-title-area\">\n        <h2>\u65b0\u95fb\u8d44\u8baf<\/h2>\n        <p>\u7b2c\u4e00\u65f6\u95f4\u83b7\u53d6\u7f51\u767e\u6700\u65b0\u52a8\u6001\uff0c\u4e86\u89e3\u4ea7\u54c1\u66f4\u65b0\u4e0e\u4f01\u4e1a\u8d44\u8baf<\/p>\n    <\/div>\n\n    <div class=\"filter-search-bar\">\n        <div class=\"filter-group\">\n            <button class=\"filter-btn active\" data-type=\"all\">\u5168\u90e8<\/button>\n            <button class=\"filter-btn normal\" data-type=\"product\">\u4ea7\u54c1\u65b0\u95fb<\/button>\n            <button class=\"filter-btn normal\" data-type=\"company\">\u516c\u53f8\u65b0\u95fb<\/button>\n        <\/div>\n        \n    <\/div>\n\n    <div class=\"news-grid\">\n        <!-- \u65b0\u95fb\u5361\u72471 -->\n        <div class=\"news-card\">\n            <div class=\"card-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/wangbai.cn\/wp-content\/uploads\/2026\/07\/2-300x300.png\" alt=\"WB-D321\u70ed\u654f\u6761\u7801\u6253\u5370\u673a\">\n                <span class=\"card-tag tag-product\">\u4ea7\u54c1\u65b0\u95fb<\/span>\n            <\/div>\n            <div class=\"card-content\">\n                <p class=\"card-date\">2026-07-28<\/p>\n                <h3 class=\"card-title\">\u7f51\u767e\u53d1\u5e03\u5168\u65b0WB-D321\u70ed\u654f\u6761\u7801\u6253\u5370\u673a<\/h3>\n                <p class=\"card-desc\">\u65b0\u7248\u6253\u5370\u673a\u8bbe\u8ba1\u66f4\u7f8e\u89c2\uff0c\u6253\u5370\u51c6\u786e\u63d0\u534730%\u3002<\/p>\n                <div class=\"card-footer\">\n                    <span>\u9605\u8bfb\u5168\u6587<\/span>\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u65b0\u95fb\u5361\u72472 -->\n        <div class=\"news-card\">\n            <div class=\"card-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/wb1\/600\/400\" alt=\"\u5e74\u5ea6\u6700\u4f73\u7269\u8054\u7f51\u786c\u4ef6\u4f9b\u5e94\u5546\">\n                <span class=\"card-tag tag-company\">\u516c\u53f8\u65b0\u95fb<\/span>\n            <\/div>\n            <div class=\"card-content\">\n                <p class=\"card-date\">2026-07-26<\/p>\n                <h3 class=\"card-title\">\u7f51\u767e\u8363\u83b7\u201c2026\u5e74\u5ea6\u6700\u4f73\u7269\u8054\u7f51\u786c\u4ef6\u4f9b\u5e94\u5546\u201d<\/h3>\n                \n                <div class=\"card-footer\">\n                    <span>\u9605\u8bfb\u5168\u6587<\/span>\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u65b0\u95fb\u5361\u72473 -->\n        <div class=\"news-card\">\n            <div class=\"card-img-wrap\">\n                <img decoding=\"async\" src=\"https:\/\/wangbai.cn\/wp-content\/uploads\/2026\/07\/m3212-300x300.png\" alt=\"\u4fbf\u643a\u5f0f\u53e3\u888b\u6253\u5370\u673a\">\n                <span class=\"card-tag tag-product\">\u4ea7\u54c1\u65b0\u95fb<\/span>\n            <\/div>\n            <div class=\"card-content\">\n                <p class=\"card-date\">2026-07-29<\/p>\n                <h3 class=\"card-title\">\u65b0\u54c1\u9884\u544a\uff1a\u4fbf\u643a\u5f0f\u53e3\u888b\u6253\u5370\u673a\u5373\u5c06\u4e0a\u7ebf<\/h3>\n                <p class=\"card-desc\">\u4e13\u4e3a\u79fb\u52a8\u529e\u516c\u8bbe\u8ba1\uff0c\u4f53\u79ef\u5c0f\uff0c\u8bfb\u53d6\u5feb\u3002<\/p>\n                <div class=\"card-footer\">\n                    <span>\u9605\u8bfb\u5168\u6587<\/span>\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n\/\/ \u903b\u8f91\u5b8c\u5168\u72ec\u7acb\uff0c\u4e0d\u4f1a\u8986\u76d6\u9875\u9762\u539f\u6709\u4efb\u4f55\u5168\u5c40\u53d8\u91cf\n(function(){\n    const container = document.querySelector('.wangbai-news-container');\n    const filterBtns = container.querySelectorAll('.filter-btn');\n    filterBtns.forEach(btn => {\n        btn.addEventListener('click', () => {\n            filterBtns.forEach(b => {\n                b.classList.remove('active');\n                b.classList.add('normal');\n            })\n            btn.classList.remove('normal');\n            btn.classList.add('active');\n        })\n    })\n})()\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u65b0\u95fb\u8d44\u8baf \u7b2c\u4e00\u65f6\u95f4\u83b7\u53d6\u7f51\u767e\u6700\u65b0\u52a8\u6001\uff0c\u4e86\u89e3\u4ea7\u54c1\u66f4\u65b0\u4e0e\u4f01\u4e1a\u8d44\u8baf \u5168\u90e8 \u4ea7\u54c1\u65b0\u95fb \u516c\u53f8\u65b0\u95fb \u4ea7\u54c1\u65b0\u95fb 2026-07 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-126","page","type-page","status-publish","hentry","entry","owp-thumbs-layout-horizontal","owp-btn-normal","owp-tabs-layout-horizontal","has-no-thumbnails","has-product-nav"],"_links":{"self":[{"href":"https:\/\/wangbai.cn\/index.php?rest_route=\/wp\/v2\/pages\/126","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wangbai.cn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wangbai.cn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wangbai.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wangbai.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=126"}],"version-history":[{"count":3,"href":"https:\/\/wangbai.cn\/index.php?rest_route=\/wp\/v2\/pages\/126\/revisions"}],"predecessor-version":[{"id":719,"href":"https:\/\/wangbai.cn\/index.php?rest_route=\/wp\/v2\/pages\/126\/revisions\/719"}],"wp:attachment":[{"href":"https:\/\/wangbai.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=126"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}