mrt:铁路由器在Meteor 0.9.1.1中的进展

时间:2014-09-11 10:43:47

标签: css meteor iron-router

起初我不得不承认我是Meteor的新兵。昨天我在我的meteor项目中添加了mrt:iron-router-progress,因为我想简单地在myApp中添加背景图片。但我的问题是它不会屈服于这个铁路由器进展div标签,但在它之下,所以背景不可见。

<body>
<div id="iron-router-progress" class="done" style="width: 100%;"></div>
<div class="page-header">
<section id="login">
</body>

我有以下套餐:   - 标准应用程序包   - meteorhacks:npm   - mrt:时刻  - 减   - nemo64:bootstrap   - 铁:路由器   - npm-container   - mrt:iron-router-progress   - coffeescript   - 大火   - meteorhacks:快速渲染

layout.html看起来像:

<template name="layout">
    {{> yield region="navbar"}}
    {{> yield}}
    {{> yield region="footer"}}
</template>

router.js看起来像:

Router.configure({
    layoutTemplate: 'layout',
    notFoundTemplate : 'notFound'
});

IronRouterProgress.configure({ })


Router.map( function(){
    this.route('user_verification',
        {path:'/',
        progress: {enabled: true}
            })
})

我在style.css中定义了#iron-router-progress。

1 个答案:

答案 0 :(得分:0)

您必须安装Iron Router Progress,以下方式为Meteor 0.91或更高版本,当您安装此软件包时,它才能正常工作。

$ meteor add mrt:iron-router-progress

您不必将其放入代码html中

<div id="iron-router-progress" class="done" style="width: 100%;"></div>

铁路由器进度有两种状态

<div id="iron-router-progress" class="spinner" style="width: 0%;"></div> 

<div id="iron-router-progress" class="spinner loading done" style="width: 100%;"></div>

如果你有问题,你必须检查你是否有另一个类微调器,加载或完成取代铁路由器的进展