模板:后土轨道交通车站状态标志/doc:修订间差异
来自RIA | Wiki
更多操作
调整排版 |
增加样式备注 |
||
| 第44行: | 第44行: | ||
} | } | ||
</templatedata> | </templatedata> | ||
== 标志样式 == | |||
=== 基础样式 === | |||
基础样式是所有标志共用的样式。 | |||
<pre> | |||
/* Citizen 外观的 box-sizing 会被设置为 border-box(该属性的默认值为 content-box),导致以下设置的 width 从内容宽度变为包含 margin、border 和 padding 的总宽,最终导致显示异常,故而将本元素的 box-sizing 值固定为 content-box */ | |||
box-sizing: content-box; | |||
/* 应用盒子模型 */ | |||
display: inline-block; | |||
/* 左右留白 */ | |||
padding: 0 12px; | |||
/* 边框 */ | |||
border-style: solid; | |||
border-width: 1px; | |||
border-radius: 0.33rem; | |||
/* 标签等宽 */ | |||
width: 4rem; | |||
/* 避免换行 */ | |||
white-space: nowrap; | |||
/* 文字居中 */ | |||
text-align: center; | |||
</pre> | |||
'''警告:'''不要尝试将基础样式移动到<code>模板:后土轨道交通车站状态标志/styles.css</code>,并在本页面头部使用<code><nowiki><templatestyles src="模板:后土轨道交通车站状态标志/styles.css" /></nowiki></code>导入。该方式会导致在表格中使用本模板时,出现显示异常。 | |||
正常显示结构示例: | |||
<pre> | |||
<td>...</td> | |||
<td><span ...>规划中</span></td> | |||
</pre> | |||
使用styles.css后的异常显示结构示例: | |||
<pre> | |||
<td>...</td> | |||
<td> | |||
<style>导入的样式</style> | |||
<p> | |||
<span ...>规划中</span> | |||
<p> | |||
</td> | |||
</pre> | |||
由于系统自动使用 p 标签包裹标志元素,而 p 标签通常自带上下边距(margin),导致单元格高度变高异常。 | |||
=== 个性化样式 === | |||
个性化样式根据标志不同,所用值也不同。 | |||
<pre> | |||
/* 背景颜色 */ | |||
background-color: ; | |||
/* 文字颜色 */ | |||
color: ; | |||
/* 边框颜色 */ | |||
border-color: ; | |||
</pre> | |||
2025年8月15日 (五) 14:22的版本
使用
标志含义参考后土交通局铁路部页面。
🚆运营中
{{模板:后土轨道交通车站状态标志}}
临停运营
{{模板:后土轨道交通车站状态标志|临停运营}}
越行通过
{{模板:后土轨道交通车站状态标志|越行通过}}
结构预留
{{模板:后土轨道交通车站状态标志|结构预留}}
施工中
{{模板:后土轨道交通车站状态标志|施工中}}
规划中
{{模板:后土轨道交通车站状态标志|规划中}}
无效状态
{{模板:后土轨道交通车站状态标志|无效状态}}
模板数据
添加一个后土轨道交通车站状态标志,标志含义参考后土交通局铁路部。
| 参数 | 描述 | 类型 | 状态 | |
|---|---|---|---|---|
| 1 | 1 车站状态 | 所有车站状态参考后土交通局铁路部
| 字符串 | 必需 |
标志样式
基础样式
基础样式是所有标志共用的样式。
/* Citizen 外观的 box-sizing 会被设置为 border-box(该属性的默认值为 content-box),导致以下设置的 width 从内容宽度变为包含 margin、border 和 padding 的总宽,最终导致显示异常,故而将本元素的 box-sizing 值固定为 content-box */ box-sizing: content-box; /* 应用盒子模型 */ display: inline-block; /* 左右留白 */ padding: 0 12px; /* 边框 */ border-style: solid; border-width: 1px; border-radius: 0.33rem; /* 标签等宽 */ width: 4rem; /* 避免换行 */ white-space: nowrap; /* 文字居中 */ text-align: center;
警告:不要尝试将基础样式移动到模板:后土轨道交通车站状态标志/styles.css,并在本页面头部使用<templatestyles src="模板:后土轨道交通车站状态标志/styles.css" />导入。该方式会导致在表格中使用本模板时,出现显示异常。
正常显示结构示例:
<td>...</td> <td><span ...>规划中</span></td>
使用styles.css后的异常显示结构示例:
<td>...</td>
<td>
<style>导入的样式</style>
<p>
<span ...>规划中</span>
<p>
</td>
由于系统自动使用 p 标签包裹标志元素,而 p 标签通常自带上下边距(margin),导致单元格高度变高异常。
个性化样式
个性化样式根据标志不同,所用值也不同。
/* 背景颜色 */ background-color: ; /* 文字颜色 */ color: ; /* 边框颜色 */ border-color: ;