Question

我想对Meteor示例应用程序“LocalMarket”进行逆向工程，并为不同的利基制作类似设计的东西。我遇到的问题是我几乎不知道从哪里开始，更改导航。

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

但是LocalMarket应用程序有.meteor文件夹，还有其他几个文件夹：

客户端，cordova-build-override，lib，public，resources，server。

还有一个mobile-config 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示例应用中不同网页的导航图标，文字和链接的任何见解，将不胜感激。

任何改变页面标题的方法，并改变应用程序范围内的所有内容以反映这一点，而不会致命地破坏新应用程序，将非常感激。

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

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

非常感谢！

Answer 1

那里有很多问题，希望我们可以回答大部分问题。

/server中的内容仅在服务器端可见。
/client中的内容仅在客户端上可见。
服务器和客户端
不应更改.meteor下的内容。这就是所有包裹的最终结果
听起来这个例子的样式表是包的一部分。这意味着您不应该直接编辑它，而应该覆盖您需要在/client下创建的.css文件中更改的样式。您的样式表将在任何包装样式表后加载，这意味着您的样式将获胜。
听起来其中一个软件包安装了自己的图标，因此"\e613"您也可以使用（例如）fontello
我不知道该示例中页面标题的设置位置。可能是带有head.html标记的<title>文件，或者可以在路由器中设置。

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

1 个答案: