当前位置: 首页 > 软件库 > 程序开发 > >

ember-vertical-timeline

A Vertical Timeline for Ember.js apps 🚀
授权协议 MIT License
开发语言 JavaScript
所属分类 程序开发
软件类型 开源软件
地区 不详
投 递 者 公羊嘉
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Ember Vertical Timeline

Compatibility

  • Ember.js v2.18 or above
  • Ember CLI v2.13 or above

Installation

Description

This addon is meant to be a simple Ember wrapper of the great vertical timeline initially created by the people over at CodyHouse!

��‍�� Currently not looking to add features to this addon, I'm simply keeping it safe and healthy with the help of Dependabot. I've changed job and I'm no longer working with Ember. ��

Installation

Like most ember addons, simply run ember install ember-vertical-timeline and you should be all set!

If you want to include the basic styles for the components in your application; just add @import "ember-vertical-timeline"; to your application's Sass stylesheet. Try out ember-cli-sass if you are not already using Sass in your application.

Docs

Here's how you would go about creating a simple timeline:

{{#vertical-timeline as |timeline|}}

  {{#timeline.block as |block|}}
    {{block.image}}

    {{#block.content as |content|}}

      {{!Whatever you want to display inside of the timeline block.}}

      {{#content.date}}Jun 28{{/content.date}}
    {{/block.content}}
  {{/timeline.block}}

  {{!More blocks would go here}}

{{/vertical-timeline}}

Contributions

Any contribution is more than welcomed. If you plan on introducing a new feature, please open an issue and share your idea prior to implementing it, it could save you precious time!

Troubleshooting

If something is not working as expected, simply open an issue and we'll discuss how we'll go about fixing it!License

Credits

Once again, the initial timeline was created by the people over at CodyHouse!

 相关资料
  • 描述 (Description) 通过将类.vertical包含在顶级菜单中,可以垂直显示菜单。 子菜单自动垂直对齐。 例子 (Example) 以下示例演示了在Foundation中使用Vertical垂直下拉菜单 - <!DOCTYPE html> <html> <head> <title>Foundation Template</title> <meta nam

  • 描述 (Description) 垂直滑块用于通过使用vertical类显示垂直滑块,并将data vertical设置为true 。 例子 (Example) 以下示例演示如何在Foundation中使用vertical slider 。 <html> <head> <title>Slider Vertical</title> <link rel = "styles

  • 描述 (Description) vertical-align属性确定行内或表单元格内文本的对齐方式。 可能的值 (Possible Values) baseline - 元素的基线与父元素的基线对齐。 sub - 元素的基线降低到适合下标文本的点。 super - 元素的基线被提升到适合于上标文本的点。 top - 元素框的顶部与行内容的顶部对齐,在内联内容的上下文中,或与表格上下文中的表格单元

  • 描述 (Description) 它垂直显示选项卡。 例子 (Example) 以下示例演示了在Foundation中使用vertical tabs - <!doctype html> <head> <meta charset = "utf-8" /> <meta http-equiv = "x-ua-compatible" content = "ie = edge"

  • 描述 (Description) 可以使用类.vertical垂直显示菜单。 例子 (Example) 以下示例演示了在Foundation中使用垂直菜单 - <!DOCTYPE html> <html> <head> <title>Foundation Template</title> <meta name = "viewport" content = "width

  • 在scrollview中手指移动滚动条时,旁边出现一个小标签,用于显示移动到页面哪个位置。 [Code4App.com]