模板:后土轨道交通车站状态标志/doc:修订间差异
来自RIA | Wiki
更多操作
调整建议值,无效状态的演示值从“xxx”替换为“无效状态” |
|||
| (未显示2个用户的4个中间版本) | |||
| 第1行: | 第1行: | ||
== 使用 == | == 使用 == | ||
标志含义参考[[后土交通局铁路部#车站状态标识|后土交通局铁路部]]页面。 | |||
{{模板:后土轨道交通车站状态标志}}<code><nowiki>{{模板:后土轨道交通车站状态标志}}</nowiki></code> | {{模板:后土轨道交通车站状态标志}}<code><nowiki>{{模板:后土轨道交通车站状态标志}}</nowiki></code> | ||
| 第11行: | 第13行: | ||
{{模板:后土轨道交通车站状态标志|规划中}}<code><nowiki>{{模板:后土轨道交通车站状态标志|规划中}}</nowiki></code> | {{模板:后土轨道交通车站状态标志|规划中}}<code><nowiki>{{模板:后土轨道交通车站状态标志|规划中}}</nowiki></code> | ||
{{模板:后土轨道交通车站状态标志|已取消}}<code><nowiki>{{模板:后土轨道交通车站状态标志|已取消}}</nowiki></code> | |||
{{模板:后土轨道交通车站状态标志|xxx}}<code><nowiki>{{模板:后土轨道交通车站状态标志|无效状态}}</nowiki></code> | {{模板:后土轨道交通车站状态标志|xxx}}<code><nowiki>{{模板:后土轨道交通车站状态标志|无效状态}}</nowiki></code> | ||
| 第28行: | 第32行: | ||
"施工中", | "施工中", | ||
"规划中", | "规划中", | ||
"已取消", | |||
"无效状态" | "无效状态" | ||
], | ], | ||
| 第42行: | 第47行: | ||
} | } | ||
</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年10月12日 (日) 15:58的最新版本
使用
标志含义参考后土交通局铁路部页面。
🚆运营中
{{模板:后土轨道交通车站状态标志}}
临停运营
{{模板:后土轨道交通车站状态标志|临停运营}}
越行通过
{{模板:后土轨道交通车站状态标志|越行通过}}
结构预留
{{模板:后土轨道交通车站状态标志|结构预留}}
施工中
{{模板:后土轨道交通车站状态标志|施工中}}
规划中
{{模板:后土轨道交通车站状态标志|规划中}}
已取消
{{模板:后土轨道交通车站状态标志|已取消}}
无效状态
{{模板:后土轨道交通车站状态标志|无效状态}}
模板数据
添加一个后土轨道交通车站状态标志,标志含义参考后土交通局铁路部。
| 参数 | 描述 | 类型 | 状态 | |
|---|---|---|---|---|
| 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: ;