2016-12-22 6 views
0

Я хочу добавить значок изображения с меню навигации в полимере. Какими должны быть пути для этого. Я хочу что-то вроде следующего изображения.Как добавить значки изображений с меню навигации в полимере

menu with icon

+0

Я попытался с бумажно-икона-кнопка, железо-изображение. Но это не может быть исправлено. – Ankita

+0

Можете ли вы опубликовать то, что вы пробовали. Он должен работать либо с – a1626

ответ

1

Вы можете использовать набор iron-icons из каталога Полимерных элементов и выбрать свой любимый значок, чтобы работать.

Убедитесь, что вы импортировать компонент после импорта полимерного компонента

Если вы хотите добавить пользовательские иконки, фотографии iron-iconset компонентов.

Вот пример кода.

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta name="description" content="basic polymer jsbin"> 
 
    <meta charset="utf-8"> 
 
    
 
    <base href="//polygit.org/components/"> 
 
    <script src="webcomponentsjs/webcomponents-lite.js"></script> 
 
    
 
    <link rel="import" href="polymer/polymer.html"> 
 
    <link rel="import" href="iron-icons/iron-icons.html"> 
 

 
    <dom-module id="test-app"> 
 
     <template> 
 
     
 
     <style> 
 
      
 
      :host { 
 
      color: #000; 
 
      } 
 
      
 
     </style> 
 
     <iron-icon icon="icons:home"></iron-icon> 
 
     <span>Home</span> 
 
     
 
     </template> 
 
     <script> 
 
     HTMLImports.whenReady(function() { 
 
      Polymer({ 
 
      
 
      is: 'test-app', 
 
      
 
      ready: function() { 
 
       
 
      } 
 
      
 
      }); 
 
     }); 
 
     </script> 
 
    </dom-module> 
 

 
    </head> 
 
    <body> 
 
    <test-app></test-app> 
 
    </body> 
 
</html>

+0

благодаря @Kaung Myat Lwin – Ankita

 Смежные вопросы

  • Нет связанных вопросов^_^