【スポンサードリンク】

【framework7】アイコンを使ってみた

最終的にデザインを仕上げる段階になってきて、HTMLのそのままじゃボタンが押しにくいのでデザインを入れるか何かしないとということになってきた。
そこで見つけたのがこのアイコンたち、かわいい。
Framework7 Icons


これなら書式をダウンロードしたりしなくてもそのまま使える。
Icons | Framework7 Documentation

<div class="chip" onClick="addText()">
    <div class="chip-media bg-color-green">
        <i class="f7-icons">add_round_fill</i>
    </div>
    <div class="chip-label">参加者追加</div>
</div>

f:id:ayapc:20181230070957p:plain
iconで参加者追加ボタンを表示
こんな感じで書くと緑のボタンが表示される。
前より押しやすくなった。

【スポンサードリンク】