模板:后土轨道交通车站状态标志

🚆运营中

模板文档

[查看] [编辑] [历史] [清除缓存]

使用

标志含义参考后土交通局铁路部页面。

🚆运营中 {{模板:后土轨道交通车站状态标志}}

临停运营 {{模板:后土轨道交通车站状态标志|临停运营}}

越行通过 {{模板:后土轨道交通车站状态标志|越行通过}}

结构预留 {{模板:后土轨道交通车站状态标志|结构预留}}

施工中 {{模板:后土轨道交通车站状态标志|施工中}}

规划中 {{模板:后土轨道交通车站状态标志|规划中}}

无效状态 {{模板:后土轨道交通车站状态标志|已取消}}

无效状态 {{模板:后土轨道交通车站状态标志|无效状态}}

模板数据

添加一个后土轨道交通车站状态标志，标志含义参考后土交通局铁路部。

模板参数[编辑模板数据]

参数		描述	类型	状态
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，并在本页面头部使用导入。该方式会导致在表格中使用本模板时，出现显示异常。

正常显示结构示例：

<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: ;

上述模板文档页模式文档嵌入自模板:后土轨道交通车站状态标志/doc。 (编辑 | 历史)
编者可以在本模板的沙盒 (创建 | 镜像)和测试样例 (创建)页面进行实验。
请在/doc子页面中添加分类。 本模板的子页面。