簡體   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