测试:修订间差异
来自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; | 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: | width: 50vw; /* 修改为全屏的一半 */ | ||
max-width: none; | max-width: none; | ||
min-width: auto; | min-width: auto; | ||
| 第79行: | 第79行: | ||
.header-container { | .header-container { | ||
padding-left: calc( | padding-left: calc(50vw + 40px); /* 调整标题位置与轮播图对齐 */ | ||
} | } | ||
} | } | ||
/* 平板端 - | /* 平板端 - 全屏一半 */ | ||
@media (min-width: 769px) and (max-width: 1024px) { | @media (min-width: 769px) and (max-width: 1024px) { | ||
.container { | .container { | ||
width: | width: 50vw; /* 修改为全屏的一半 */ | ||
max-width: none; | max-width: none; | ||
min-width: auto; | min-width: auto; | ||
| 第94行: | 第94行: | ||
.header-container { | .header-container { | ||
padding-left: calc( | 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: | 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的版本
頭がパーン@wiki_CHN:中華エア本支部 ▲


Create
💻 创建页面
感谢您对SOKA CAFE的编辑贡献!但也请在过程中务必依照创作协议及版权,遵循CC BY-SA 3.0协议!
准备好了?来尝试创建页面吧!

Notice
⚠️ 入站须知
Soka Cafe一直是一个合作性、公益性的网站,我们致力于营造和谐的社区环境,并热情地欢迎任何人参与我们之间的创作,不论您的信仰、外表、地域.... 为了打造一个和谐的、无骚扰的社区环境,请通读入站须知,了解网站的性质及规则。
Plan
📄 任务计划
Soka Cafe的基本底层已大体完确! 现在的最紧要的人物是登场作品分区的规范及完成度!这对创学新人入坑的帮助极其重要! 没有相关技术不要紧,请使用“可视化编辑器”来进行编辑!如果有任何技术问题请在页面下方获取我们的联系方式!
Website
🛜 友情站点
日本创价学会Wiki
旧创价学会中文维基
亚文化维基
Cookie☆Wiki
新哲学维基
旧哲学维基
潮学维基
中文音MAD维基
OTOMAD Libraries
Aira软件库
HUIJIA FUN - Plurimod学生会官方站点
Contact
📞 联系我们
本站点以八叶莲华会社的名义设立,我们是中华阵营活跃的最大创价学会二创主题团体,欢迎各位对音MAD或AIR本文化感兴趣的各位加入我们团体!
八叶莲华会社QQ群聊:3681760584
八叶莲华会社QQ频道
八叶莲华会社Discord频道
前创价中文维基 群聊:1150098641
创价学会资源QQ群:256770365








