测试:修订间差异

来自SOKA CAFE
第55行: 第55行:
             width: 100%;
             width: 100%;
             display: flex;
             display: flex;
             justify-content: flex-start; /* 强制在最左 */
             justify-content: flex-start;
             padding-left: 0;
             padding-left: 0;
         }
         }
          
          
         .container {
         .container {
             background: transparent; /* 无背景 */
             background: transparent;
             border-radius: 4px; /* 圆角度4px */
             border-radius: 4px;
             padding: 0;
             padding: 0;
             box-shadow: none;
             box-shadow: none;
第68行: 第68行:
         }
         }
          
          
         /* 电脑端 - 全屏三分之一 */
         /* 电脑端 - 全屏一半 */
         @media (min-width: 1025px) {
         @media (min-width: 1025px) {
             .container {
             .container {
                 width: calc(100vw / 3); /* 全屏的三分之一 */
                 width: 50vw; /* 修改为全屏的一半 */
                 max-width: none;
                 max-width: none;
                 min-width: auto;
                 min-width: auto;
第79行: 第79行:
              
              
             .header-container {
             .header-container {
                 padding-left: calc(100vw / 3 + 40px); /* 标题与轮播图对齐 */
                 padding-left: calc(50vw + 40px); /* 调整标题位置与轮播图对齐 */
             }
             }
         }
         }
          
          
         /* 平板端 - 全屏三分之一 */
         /* 平板端 - 全屏一半 */
         @media (min-width: 769px) and (max-width: 1024px) {
         @media (min-width: 769px) and (max-width: 1024px) {
             .container {
             .container {
                 width: calc(100vw / 3); /* 全屏的三分之一 */
                 width: 50vw; /* 修改为全屏的一半 */
                 max-width: none;
                 max-width: none;
                 min-width: auto;
                 min-width: auto;
第94行: 第94行:
              
              
             .header-container {
             .header-container {
                 padding-left: calc(100vw / 3 + 30px);
                 padding-left: calc(50vw + 30px);
             }
             }
         }
         }
第146行: 第146行:
             width: 100%;
             width: 100%;
             height: 100%;
             height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #f0f0f0; /* 添加背景色以防图片加载慢时显示空白 */
         }
         }
          
          
第155行: 第159行:
          
          
         .carousel-item img {
         .carousel-item img {
             width: 100%;
             width: auto;
             height: 100%;
            height: auto;
             object-fit: cover;
            max-width: 100%;
             max-height: 100%;
             object-fit: contain; /* 改为contain确保图片完全显示 */
             object-position: center;
             object-position: center;
             display: block;
             display: block;
第401行: 第407行:
     window.addEventListener("resize", () => {
     window.addEventListener("resize", () => {
         goToSlide(currentIndex);
         goToSlide(currentIndex);
    });
   
    // 预加载图片,确保轮播图加载时图片已经准备好
    window.addEventListener('load', () => {
        const images = document.querySelectorAll('.carousel-item img');
        images.forEach(img => {
            if (img.complete) {
                // 图片已经加载完成
                img.style.opacity = '1';
            } else {
                // 图片正在加载
                img.style.opacity = '0';
                img.onload = () => {
                    img.style.opacity = '1';
                };
            }
        });
     });
     });
</script>
</script>

2026年1月28日 (三) 17:40的版本

— SOKA CAFE — 「エア本中文维基」
頭がパーン@wiki_CHN:中華エア本支部
頭がパーン@wiki_CHN:中華エア本支部
◆ 本站点是以创价学会成员为核心、以创价学会及其相关团体为线索组织,进行讨论、研究和二次创作的公益性交流论坛维基百科网站。
◆ 本站点仅作记录和展示由宗教及相关人物衍生出的亚文化,非正式宗教维基,请注意!
◆ 本站点致力于营造和谐的社区环境,并热烈期待和欢迎任何人参与建设我们的网站!
◆ 本站点中所遇到的任何问题,均可通过下方信息联系我们。让我们一起共同来建设SOKA CAFE吧!
「よく来たわね、いらしゃい。」

本站点当前已有99个条目,3,279次编辑,2个活跃成员,上传了794个文件



自适应轮播图


Archive
📚 资料与档案
  • Creation
    🪶 术语与二创
  • Schedule
    🗓︎ 日程参照
    2026年03月19日|16:51, 周四
    🎉 本月生日的人员

    · 3月06日 ·

    · 3月20日 ·

    · 3月22日 ·
    Create

    💻 创建页面

    感谢您对SOKA CAFE的编辑贡献!但也请在过程中务必依照创作协议及版权,遵循CC BY-SA 3.0协议!

    准备好了?来尝试创建页面吧!
     
    Notice

    ⚠️ 入站须知

    Soka Cafe一直是一个合作性、公益性的网站,我们致力于营造和谐的社区环境,并热情地欢迎任何人参与我们之间的创作,不论您的信仰、外表、地域.... 为了打造一个和谐的、无骚扰的社区环境,请通读入站须知,了解网站的性质及规则。

    Plan

    📄 任务计划

    Soka Cafe的基本底层已大体完确! 现在的最紧要的人物是登场作品分区的规范及完成度!这对创学新人入坑的帮助极其重要! 没有相关技术不要紧,请使用“可视化编辑器”来进行编辑!如果有任何技术问题请在页面下方获取我们的联系方式!