贴出时标 
说明
显示时间戳,并带有适当的语义标记.
何时使用此组件
用于显示一个孤立的时间戳,与文章或单元格中的其他内容相分离.
不使用此组件时
当要将日期或时间显示在段落内时.
安装
npm install @bbc/psammead-timestamp
道具
| 参数 | 类型 | 需求 | 默认 | 示例 |
|---|---|---|---|---|
datetime | 字符串( r)支持的格式(中文(简体) ) | 对 | 不详 | 2006-09-24T05:00-07:00 |
typographyFunc | 函数 | 没有 | 获取布雷维耶 | function getPica(script){ return 'font-size: 28'; } |
padding | 布尔 | 没有 | true | false |
script | 对象 | 对 | 不详 | {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: {可以指: |
| 服务 | 字符串 | 对 | 不详 | 'news' |
| 暗号 | 嘘 | 没有 | 虚假 | 真实 |
使用量
import { latin } from '@bbc/gel-foundations/scripts';
import { getPica } from '@bbc/gel-foundations/typography';
const WrappingContainer = () => (
<Timestamp
datetime="2019-03-01T14:00+00:00"
typographyFunc={getPica}
padding={false}
script={latin}
service="news"
>
Friday 1 March 2019
</Timestamp>
);
无障碍说明
语义的用法 time 使用辅助技术,如iOS的VoiceOver技术,这一组成部分中的元素会导致奇怪的行为。 具体来说,它导致了"文本分拆"的行为,前缀中的任何文本都会被读出,但语义中的值 time 元素在读出前需要再刷取.
然而,由于我们大力鼓励使用这种语义元素,并想确保其使用符合 w3C 实例我们觉得妥协是必要的.
捐款
Simorgh完全开源. 我们感谢任何贡献,无论是新的组件、错误修正还是总体改进。 请参看我们的主要贡献指南,可查阅: simorgh 仓库的根。 。 。 .
行为守则
我们欢迎对这项工作的反馈和帮助。 通过参与这个项目,你同意遵守 行为守则请稍候再读一下.
许可证
希莫尔赫 Apache 2.0 许可。 。 。 .