测试页面：修订间差异

来自SOKA CAFE
可视化wikitext
小
小
第3行： 第3行：
     <meta charset="UTF-8">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>组织拜访页面</title>
     <title>整体页面</title>
     <style>
     <style>
         * {
         * {
第12行： 第12行：
         }
         }


        /* 主容器 */
         .container {
         .container {
             max-width: 1000px;
             max-width: 1200px;
             margin: 0 auto;
             margin: 0 auto;
             background: #fff;
             background: #fff;
             border-radius: 8px;
             border-radius: 12px;
             padding: 20px;
             padding: 20px;
             box-shadow: 0 2px 10px rgba(0,0,0,0.1);
             box-shadow: 0 8px 32px rgba(0,0,0,0.1);
         }
         }


         /* 标题栏 */
         /* 标题栏样式 */
         .title-bar {
         .title-bar {
             text-align: center;
             display: flex;
             margin-bottom: 20px;
             align-items: center;
             padding-bottom: 10px;
             justify-content: center;
             border-bottom: 2px solid #eee;
             margin-top: 10px;
        }
             margin-bottom: 30px;
 
        .title-bar h2 {
            color: #1e88e5;
             font-size: 20px;
            display: inline-block;
             position: relative;
             position: relative;
            padding: 0 20px;
         }
         }


         .title-bar h2::before,
         .title-bar::before, .title-bar::after {
        .title-bar h2::after {
             content: "";
             content: "";
             position: absolute;
             flex: 1;
            top: 50%;
             height: 2px;
            width: 100px;
             height: 1px;
             background: #ccc;
             background: #ccc;
            margin: 0 20px;
         }
         }


         .title-bar h2::before {
         .title-text {
             left: -120px;
            font-size: 24px;
            font-weight: bold;
             color: #333;
         }
         }


        .title-bar h2::after {
         /* 搜索框样式 */
            right: -120px;
        }
 
         /* 搜索框 */
         .search-box {
         .search-box {
             width: 100%;
             width: 100%;
             padding: 8px 12px;
             padding: 12px 16px;
             border: 1px solid #ddd;
             border: 1px solid #ddd;
             border-radius: 4px;
             border-radius: 8px;
             margin-bottom: 20px;
             margin-bottom: 20px;
             font-size: 14px;
             font-size: 16px;
            outline: none;
            transition: border-color 0.3s;
        }
 
        .search-box:focus {
            border-color: #4facfe;
            box-shadow: 0 0 0 3px rgba(79,172,254,0.2);
         }
         }


         /* 组织卡片网格 */
         /* 网格布局样式 */
         .org-grid {
         .org-grid {
             display: grid;
             display: grid;
             grid-template-columns: repeat(3, 1fr);  
             grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
             gap: 10px;
             gap: 20px;
         }
         }


         /* 组织卡片 */
         /* 组织卡片样式 */
         .org-card {
         .org-card {
             width: 260px;
             display: flex;
             height: 120px;
             align-items: center;
             background: #f5f5f5;
             background: #f8f9fa;
             border-radius: 4px;
             border-radius: 8px;
             padding: 8px;
             padding: 12px;
             text-align: center;
             text-decoration: none;
             cursor: pointer;
             color: #333;
             transition: transform 0.2s;
             transition: transform 0.3s, box-shadow 0.3s;
         }
         }


         .org-card:hover {
         .org-card:hover {
             transform: scale(1.05);
             transform: translateY(-5px);
             box-shadow: 0 2px 5px rgba(0,0,0,0.2);
             box-shadow: 0 6px 16px rgba(0,0,0,0.1);
         }
         }


        /* 卡片内图片（固定尺寸） */
         .org-img {
         .org-img {
             width: 80px;
             width: 80px;
             height: 80px;
             height: 80px;
             object-fit: cover;
             object-fit: cover;
             border-radius: 4px;
             border-radius: 6px;
             margin-bottom: 8px;
             margin-right: 16px;
            border: 1px solid #eee;
         }
         }


        /* 卡片文字 */
         .org-name {
         .org-name {
             font-size: 12px;
             font-size: 18px;
             color: #333;
             font-weight: 600;
             white-space: nowrap;
             white-space: nowrap;
             overflow: hidden;
             overflow: hidden;
             text-overflow: ellipsis;
             text-overflow: ellipsis;
        }
        /* 响应式适配 */
        @media (max-width: 768px) {
            .org-grid {
                grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            }
            .org-img {
                width: 60px;
                height: 60px;
            }
         }
         }
     </style>
     </style>
第113行： 第119行：
         <!-- 标题栏 -->
         <!-- 标题栏 -->
         <div class="title-bar">
         <div class="title-bar">
             <h2><big>主要势力</big></h2>
             <span class="title-text">主角势力</span>
         </div>
         </div>


         <!-- 组织卡片网格 -->
         <!-- 搜索框 -->
         <div class="org-grid">
         <input type="text" class="search-box" placeholder="搜索组织">
            <!-- 示例卡片1 -->
 
            <div class="org-card">
        <!-- 组织网格 -->
                <img src="老信浓町.jpg" alt="创价学会" class="org-img">
        <div class="org-grid" id="orgGrid">
                <div class="org-name">创价学会</div>
             <!-- 卡片由JS动态生成，也可直接写死HTML -->
            </div>
            <!-- 示例卡片2 -->
            <div class="org-card">
                <img src="images/trinity.png" alt="日莲正宗" class="org-img">
                <div class="org-name">日莲正宗</div>
            </div>
             <!-- 示例卡片3 -->
            <div class="org-card">
                <img src="images/gehenna.png" alt="显正会" class="org-img">
                <div class="org-name">显正会</div>
            </div>
         </div>
         </div>
     </div>
     </div>
    <script>
        // 组织数据：替换imgUrl为你的图片路径，link为跳转链接，name为组织名称
        const orgData = [
            { imgUrl: "images/.png", link: "创价学会", name: "创价学会" },
            { imgUrl: "images/.png", link: "日莲正宗", name: "日莲正宗" },
            { imgUrl: "images/.png", link: "富士大石寺显正会", name: "富士大石寺显正会" },
            { imgUrl: "images/.png", link: "。", name: "。" },
        ];
        // 获取网格容器
        const orgGrid = document.getElementById("orgGrid");
        // 生成组织卡片
        function renderOrgCards() {
            orgData.forEach(org => {
                const card = document.createElement("a");
                card.className = "org-card";
                card.href = org.link; // 跳转链接
                card.target = "_blank"; // 新标签页打开（可选）
                const img = document.createElement("img");
                img.className = "org-img";
                img.src = org.imgUrl;
                img.alt = org.name;
                const name = document.createElement("div");
                name.className = "org-name";
                name.textContent = org.name;
                card.appendChild(img);
                card.appendChild(name);
                orgGrid.appendChild(card);
            });
        }
        // 搜索功能实现
        const searchBox = document.querySelector(".search-box");
        searchBox.addEventListener("input", function() {
            const keyword = this.value.toLowerCase().trim();
            orgGrid.innerHTML = ""; // 清空现有卡片
            const filteredData = orgData.filter(org =>
                org.name.toLowerCase().includes(keyword)
            );
            // 重新渲染筛选后的卡片
            filteredData.forEach(org => {
                const card = document.createElement("a");
                card.className = "org-card";
                card.href = org.link;
                card.target = "_blank";
                const img = document.createElement("img");
                img.className = "org-img";
                img.src = org.imgUrl;
                img.alt = org.name;
                const name = document.createElement("div");
                name.className = "org-name";
                name.textContent = org.name;
                card.appendChild(img);
                card.appendChild(name);
                orgGrid.appendChild(card);
            });
        });
        // 初始化渲染
        renderOrgCards();
    </script>
</body>
</body>
</html>
</html>




第375行： 第446行：
| colspan="3" |本发明是对另一在先专利(ZL 94 21966.X)的改进方案。在焊枪装置上的改进是取消了焊针尾丝，和用于连接尾丝的衔接器、退焊针尾丝的滑杆。导电通路的这一部分直接由焊针连接卡爪、大簧座、大簧、导电套与穿过壳体的外接电源线连接。大簧兼作导电线圈和复位弹簧使用，通电时使内套磁化，吸引大簧座位移并带动卡爪夹带焊针在瓷环卡爪中拉弧，断电后使焊针复位固结焊口。自动拉弧钎焊机包括焊枪、焊针和自控电路。自控电路至少设置定时电路，还可串联过流保护电路，低于规定电压自锁电路、闪光电路。
| colspan="3" |本发明是对另一在先专利(ZL 94 21966.X)的改进方案。在焊枪装置上的改进是取消了焊针尾丝，和用于连接尾丝的衔接器、退焊针尾丝的滑杆。导电通路的这一部分直接由焊针连接卡爪、大簧座、大簧、导电套与穿过壳体的外接电源线连接。大簧兼作导电线圈和复位弹簧使用，通电时使内套磁化，吸引大簧座位移并带动卡爪夹带焊针在瓷环卡爪中拉弧，断电后使焊针复位固结焊口。自动拉弧钎焊机包括焊枪、焊针和自控电路。自控电路至少设置定时电路，还可串联过流保护电路，低于规定电压自锁电路、闪光电路。
|}
|}
[[File:RCR_LOGO_V1.1.png|400px|居中|class=blur]]


[[分类:编辑帮助]]
[[分类:编辑帮助]]

2026年1月6日 (二) 22:50的版本

整体页面

主角势力








</tabber> |-|历史上的星期=

【星期日】池田大作发表演讲《光荣属于战斗的学生部》

1968年9月8日，在创价学会第11届学生部大会中，池田大作面对一万数千名学生发表了历时1小时17分钟的演讲——《光荣属于战斗的学生部》，为创价学会推动中日邦交正常化作出重要贡献。

【星期日】第二次宗门事件正式拉开帷幕


第二次宗门事件，是创价学会与日莲正宗之间的矛盾已彻底无法调和的情况下所展开的最终决战。


|-|活动公告=

宗教都市祭II开催！
久本的虚拟化身“Paru”悬浮在宗教都市的圣殿中，脚下是由数以百万记的信徒们的祈祷所化作成的铁链。 在这片虚无的大地中，一道裂痕撕开了穹顶，《激突！美食赛跑！》的音乐，轰鸣而至……

</tabber>





字体测试

字体测试

字体测试

加载视频
YouTube
加载视频
哔哩哔哩































表格测试

申请号 CN951080741 申请日期 1995-07-28
公告号 CN1141833A 公布/公告日期 1997-02-05
发明人 周寿坤、王志泽、孙正江 申请(专利权)人 北京汇佳物产技术公司
专利代理人 何润华 专利代理机构 北京申翔知识产权服务公司专利代理部
专利类型 发明专利 主分类号 B23K3/047
住所 北京市8756信箱
法律状态 -
摘要 本发明是对另一在先专利(ZL 94 21966.X)的改进方案。在焊枪装置上的改进是取消了焊针尾丝，和用于连接尾丝的衔接器、退焊针尾丝的滑杆。导电通路的这一部分直接由焊针连接卡爪、大簧座、大簧、导电套与穿过壳体的外接电源线连接。大簧兼作导电线圈和复位弹簧使用，通电时使内套磁化，吸引大簧座位移并带动卡爪夹带焊针在瓷环卡爪中拉弧，断电后使焊针复位固结焊口。自动拉弧钎焊机包括焊枪、焊针和自控电路。自控电路至少设置定时电路，还可串联过流保护电路，低于规定电压自锁电路、闪光电路。
取自“https://soka.cafe/index.php?title=测试页面&oldid=3070”