我想对Meteor示例应用“LocalMarket”进行逆向工程,并针对不同的利基设计类似的设计。我遇到的问题是我几乎不知道从哪里开始,改变导航。反向工程/自定义流星LocalMarket示例应用
根据Meteor官方教程,当我们创建我们的流星应用程序时,它会创建一个包含.js文件,.html文件,.css文件和.meteor文件夹的文件夹。
但LocalMarket应用具有.meteor文件夹,然后其他几个文件夹:
客户端,科尔多瓦 - 构建 - 覆盖,LIB,公共资源,服务器。
还有一个移动配置JavaScript文件和自述文件。
我(有点)不明白为什么有单独的文件夹的客户端和服务器和这么多不同的样式表。但这是有点旁边。我想要改变导航文本,图标和链接:主页,什么是烹饪,食谱,书签,关于,同时保持这种令人敬畏的菜单风格,并可能只是修改现有的页面,以避免重新命名一切。虽然如果您有关于轻松重命名页面的建议,我完全赞同。
在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示例应用中不同页面的导航图标,文本和链接。
任何方式来改变页面标题,并改变应用程序范围内的一切,以反映,而不会致命地摧毁新的应用程序,将超级赞赏。
我看看如何修改页面上的内容。这看起来很直接。
更改显示的页面标题而不更改其他应用程序文件中对它们的类/功能引用的方法也有帮助。
非常感谢!
导航标题在'/ client/templates/app-body.html'内设置模板目录是@javaandy可以找到所有html来修改站点结构的地方。作为参考,这个例子的来源可以在https://github.com/meteor/meteor/tree/devel/examples/localmarket找到 – goldsz
我正在考虑页面'
非常好,非常感谢Michel和goldsz。除了.meteor之外,我会玩弄一切,看看我能做些什么。非常感激。 – javaandy