繁体   English   中英

逆向工程/自定义流星LocalMarket示例应用程序

[英]Reverse Engineering / Customizing Meteor LocalMarket example app

我想对Meteor示例应用程序“ LocalMarket”进行逆向工程,并针对不同的细分市场采用类似的设计。 我遇到的问题是,我几乎不知道从哪里开始更改导航。

根据官方的流星教程,当我们创建流星应用程序时,它将创建一个包含.js文件,.html文件,.css文件和.meteor文件夹的文件夹。

但是LocalMarket应用程序具有.meteor文件夹,然后还有其他几个文件夹:

客户端,cordova-build-override,lib,public,资源,服务器。

还有一个移动配置的javascript文件和自述文件。

我(有点)不明白为什么会有用于客户端和服务器的单独文件夹以及这么多不同的样式表。 但这有点不重要。

长话短说(您必须与Meteor一起运行应用程序才能明白我对这个问题的意思):我想更改导航文本,图标和链接:首页,烹饪方法,食谱,书签,关于,同时保留该内容很棒的菜单样式,可能只是修改现有页面,以避免必须重命名所有内容。 尽管如果您有关于轻松重命名页面的建议,我全力以赴。

在templates \\ app-body.html中,似乎已定义了菜单结构。 例如

<a href="{{pathFor 'about'}}" class="{{activePage 'about'}}">
        <span class="wrapper-menu-item">
          <span class="icon-question"></span>
          <span class="title-menu">About</span>
        </span>
      </a>

链接到“书签”页面。

但是,除了在.meteor \\ local \\ build \\ programs中的“ merged-stylesheets.css”文档中,我找不到列出的任何类的样式。

可以修改merged-stylesheets.css吗? 我以为.meteor文件夹不适合应用程序开发人员修改。 我对此有误吗?

我确实看到那里的课程,即:

icon-question:before {
  content: "\e613";   

但我找不到任何地方的“ e613”参考。

对于基于我提到的特定问题而在LocalMarket示例应用程序中更改导航图标,文本和不同页面的链接的任何见解,将不胜感激。

在不致命破坏新应用程序的情况下,任何更改页面标题以及在应用程序范围内进行所有更改以反映这一点的方法,将受到高度赞赏。

我看到了如何修改页面上的内容。 这看起来非常简单。

更改页面显示标题而不更改其他应用程序文件中它们的类/对它们的功能引用的方法也将有所帮助。

非常感谢!

那里有很多问题,希望我们能回答大多数问题。

  1. /server内容仅在/server可见。
  2. /client内容仅在/client上可见。
  3. 服务器和客户端都可以看到其他顶级目录(及其子目录)中的内容
  4. .meteor下的.meteor不应更改。 那就是你所有包裹的结局
  5. 听起来该示例的样式表是程序包的一部分。 这意味着您不应该直接对其进行编辑,而应该覆盖/client下创建的自己的.css文件中需要更改的样式。 您的样式表将在所有包装样式表之后加载,这意味着您的样式将获胜。
  6. 听起来其中一个软件包也安装了自己的图标,因此"\\e613"也可以使用(例如) fontello安装自己的图标。
  7. 我不知道在该示例中页面标题设置在哪里。 可能存在带有<title>标记的head.html文件,或者可以在路由器中设置它。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM