00.cssフレームワークbulma用テンプレート:codesandboxのvueでbulma利用

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 00.cssフレームワークbulma用テンプレート:codesandboxのvueでbulma利用 [2018/12/23] – [3. index.htmlとmain.jsの編集] adash333
+++ 00.cssフレームワークbulma用テンプレート:codesandboxのvueでbulma利用 [2018/12/23] (現在) – [4. src/App.vueの編集] adash333
@@ 行 58: / 行 58: @@
 これで、Vue.jsでbulmaとFontAwesome5が利用できるようになります。
+==== 4. src/App.vueの編集 ====
+src/App.vueを編集します。
+<html>
+<script src="https://gist.github.com/adash333/694c6f3555eb786a77c8bbc53692bdce.js"></script>
+</html>
+（変更前）
+{{:00.cssフレームワークbulma用テンプレート:pasted:20181223-230748.png}}
+（変更後）
+{{:00.cssフレームワークbulma用テンプレート:pasted:20181223-230845.png}}
+すると、以下のようになります。
+{{:00.cssフレームワークbulma用テンプレート:pasted:20181223-231113.png}}
+ソースコード
+https://codesandbox.io/s/6wqlmvyzk
@@ 行 73: / 行 91: @@
 https://saruwakakun.com/html-css/basic/font-awesome
 【保存版】Font Awesomeの使い方：Webアイコンフォントを使おう　2018/12/20
-==== 4. src/App.vueの編集 ====
-作成中
 ===== リンク =====

00.cssフレームワークbulma用テンプレート/codesandboxのvueでbulma利用.1545573599.txt.gz · 最終更新: 2018/12/23 by adash333