Chcem pridať ikonu obrázku s navigačným menu v polyméri. Aké by to mali byť. Chcem niečo ako nasledujúci obrázok.
odpovede:
1 pre odpoveď č. 1Môžete použiť množinu železo-ikony z katalógu Polymer Elements a vyberte si svoju obľúbenú ikonu, na ktorej budete pracovať.
Po importovaní komponentu polyméru sa uistite, že ste importovali komponent
Ak chcete pridať vlastné ikony, kliknite na tlačidlo Pokladňa železo-iconset zložkou.
Tu je príklad kódu.
<!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>