<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wikidot="http://www.wikidot.com/rss-namespace">

	<channel>
		<title>回应于 &quot;沉浸式终端 组件&quot;</title>
		<link>http://area-cn-02.wikidot.com/forum/t-14349347/</link>
		<description>讨论串中的帖文 &quot;沉浸式终端 组件&quot;</description>
				<copyright></copyright>
		<lastBuildDate>Mon, 15 Jun 2026 16:41:36 +0000</lastBuildDate>
		
					<item>
				<guid>http://area-cn-02.wikidot.com/forum/t-14349347#post-5417216</guid>
				<title>目前的问题</title>
				<link>http://area-cn-02.wikidot.com/forum/t-14349347/#post-5417216</link>
				<description></description>
				<pubDate>Mon, 27 Jun 2022 20:55:30 +0000</pubDate>
				<wikidot:authorName>Dr Talcite</wikidot:authorName>				<wikidot:authorUserId>4951855</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>之前想实现每页里每个终端可以用不一样的颜色的功能：共用一个基础css，然后剩下的涉及颜色的属性放进正文的style里</p> <p>但是有些css选择器无法放进div的style里（比如滚动条::selection），只移植了一部分颜色属性，导致很长一段时间内这个组件都是颜色不一致的bug状态</p> <p>现在改成了最早的青色版本然后用一个滤镜旋转色相）也算是强行解决了<sup class="footnoteref"><a id="footnoteref-953330-1" href="javascript:;" class="footnoteref" >1</a></sup></p> <p>但是这样有一个问题，就是图片也会变色</p> <hr /> <h3><span>为什么建议把这个组件放进折叠里？</span></h3> <p>这个组件默认是<strong>全屏覆盖</strong>，除非你的页面所有内容都放在终端里，要不然还是设置一个触发器（任何形式的折叠都可以，包括密码登录框之类的）比较好。</p> <p>另外这个组件默认的z-index非常高，也就是说页面里其它几乎所有元素都会被它盖在底下</p> <p>如果不用特殊方法的话，读者打开了折叠之后，如果又想关掉，只能刷新页面</p> <div class="collapsible-block"> <div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;">已归档信息</a></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;">已归档信息</a></div> <div class="collapsible-block-content"> <p>虽然这种方法也不是不可行……但是我还是做了一个z-index比这个终端屏更高的一个“特殊折叠块”，以后打算实装到此</p> </div> </div> </div> <br /> 更新：折叠块自定义div“coltype”已经实装 <div class="footnotes-footer"> <div class="title">脚注</div> <div class="footnote-footer" id="footnote-953330-1"><a href="javascript:;" >1</a>. 用HSL体系调色，再加上一个饱和度滤镜一个亮度滤镜就够了</div> </div> 
				 	]]>
				</content:encoded>							</item>
				</channel>
</rss>