はじめに
ON/OFF スイッチを CSS で自作しました。
コピペで動きます。
【Vue.js】ポップアップを自作してみた【ダイアログ】
———–2020/5/14 追記———–
簡単に支えてカスタマイズ性もあるライブラリを見つけたのでこれで良い気がする、、
https://sweetalert2.github.io/#examples
———–追記終わり———–
Vue.js でポップアップを自作してみたのでやり方をメモしておきます。
（ポップアップというかモーダルウインドウ？ダイアログウインドウ？何が正式名称のかよく分かりませんがここではポップアップと呼びます。）
最初はサボってこのライブラリ使ってたんですけど
https://www.npmjs.com/package/vuejs-dialog
やっぱり細かい CSS とか動きとか調整しようとすると自作の方が都合が良いんですよね。
【bitFlyer】2019年6月のbot成績【損益公開】
CordovaでTwilio通話をやろうとしたけど挫折したメモ
pwaの導入方法(ios, android)
基本的にはこれで OK
PWA 導入までの 3 ステップと、簡単なオフライン対応まで
なんだけど実はこれだけだと ios だとアイコンが反映されない
なので解決策として index.html に以下の行を追加すれば OK
1 | <link rel="manifest" href="manifest.webmanifest" /> |
なんか google 様が ios 用にいい感じに色々してくれてるらしい。
神かよ
あとアイコン画像は１枚用意すれば後は
Web App Manifest Generator
で複数サイズ一気に作成できるから便利
参考
初心者がつまづいた、PWA アプリ Safari 版でホームボタンのアイコンが読み込まれない件
PWACompat: the Web App Manifest for all browsers
以上