流星应用程序多主题支持

关注

发信

关注(28)粉丝(399)

流星应用程序多主题支持

本文介绍了流星应用程序多主题支持的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试构建一个 Meteor 应用程序，它应该支持两个完全不同的主题(成员 - 管理员)，每个主题都包含自己单独的 css、LESS、JS 和 html 文件.所以我想知道 Meteor 是否支持多个客户端主题和主题之间的动态切换?谢谢

解决方案

您应该能够通过使用 Iron:router 包的控制器来实现您的需求.

meteor 加铁:路由器

创建您的布局:

<div>{{>屈服}}

<模板名称="MemberLayout"><div>{{>屈服}}

然后定义您的控制器:

AdminController = RouteController.extend({layoutTemplate: 'AdminLayout'});MemberController = RouteController.extend({layoutTemplate: 'MemberLayout'});

然后你可以定义你的路由并指定它们使用的控制器:

Router.route('/admin', {控制器:'AdminController'});Router.route('/', {控制器:'成员控制器'});

然后只需使用不同的 css、js 等创建单独的模板.

您可以在此处阅读有关该软件包的更多信息:Iron Router

I am trying to build a Meteor app which should support two totally different themes (members - admin), each theme include its own separate css, LESS, JS and html files. So I was wondering does Meteor support multiple client themes and dynamic switching between themes? Thanks

解决方案

You should be able to use Controllers using the iron:router package to achieve what you are looking for.

meteor add iron:router

Create your layouts:

<template name="AdminLayout">
    <div>
        {{> yield}}
    </div>
</template>

<template name="MemberLayout">
    <div>
        {{> yield}}
    </div>
</template>

Then define your controllers:

AdminController = RouteController.extend({
    layoutTemplate: 'AdminLayout'
});

MemberController = RouteController.extend({
    layoutTemplate: 'MemberLayout'
});

And then you can define your routes and specify the controller they use:

Router.route('/admin', {
    controller: 'AdminController'
});

Router.route('/', {
    controller: 'MemberController'
});

Then just create separate templates using the different css, js, and whatnot.

You can read more about the package here: Iron Router

这篇关于流星应用程序多主题支持的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

09-02 21:08