materializecss + meteor (библиотека materialize-meteor): как отображать значки? (или другой фреймворк, который работает)

Как сообщается в выпуске на Github: https://github.com/d0minikk/materialize-meteor/issues/20 (но я не вижу активности, которая может означать, что проект больше не предполагается)

В качестве альтернативы, чтобы решить эту проблему, какая единая CSS/какая-либо структура для Material Design хорошо работает с Meteor (1.1+) + Cordova (5.0+)?

Я попробовал как меню (которое есть на официальном веб-сайте Material Design, на который ссылается Materializecss), так и toc.

 <i class="material-icons">menu</i>
 <i class="material-icons">toc</i>
as explained at: http://materializecss.com/icons.html

Я понимаю, что может быть нужно добавить

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

но где? (поскольку я использую не каталог Materializecss, а модуль Meteor. Также я использую железо: маршрутизатор, который не позволяет мне размещать теги где угодно)

Вместо этого отображается

из примера по адресу: http://materializecss.com/side-nav.html

Однако это нигде не задокументировано (насколько я знаю).


cordova meteor materialize
person dragonmnl    schedule 23.09.2015    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете просто создать новый файл HTML где-нибудь в своем проекте с помощью этого кода:

<head>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
person Gaelan    schedule 23.09.2015
comment
проблема в том, что я не могу добавить тег ‹head› вручную, так как я использую iron:router - person dragonmnl; 25.09.2015

arrow_upward
0
arrow_downward

Несмотря на то, что я не могу добавить тег head вручную при использовании iron:router, мне удалось это сделать, добавив

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!-- to render icons -->

в общем шаблоне, который установлен как layoutTemplate в:

Router.configure({
    loadingTemplate: 'loading', // template displayed over the current view(template) while it's being loaded
    layoutTemplate: 'common' // common template to the various views (including Polymer elements import)
});
person dragonmnl    schedule 28.09.2015