エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Vue基礎練習】ハンズオンでVueの基礎構文を確認・解説【カルーセル作成】 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Vue基礎練習】ハンズオンでVueの基礎構文を確認・解説【カルーセル作成】 - Qiita
この記事で扱っている内容 ・v-on、v-bind、v-show ・トランジション ・簡単なsassによるレイアウト ・ ... この記事で扱っている内容 ・v-on、v-bind、v-show ・トランジション ・簡単なsassによるレイアウト ・ setIntervalとthis 対象読者様 ・プラグインを使わないでカルーセルを練習がてら実装したい方 ・Vueの基礎構文を確認したい方 ・ハンズオンで練習したい方 ※サンプル画像は好きなものをimagesフォルダに入れてください。 完成品と機能 ・メイン画像が上に大きめにある ・左右ボタンをクリックすると画像が切り替わる ・下のサムネイルをクリックするとopacityが変わる(クラスのつけ外し) ・メイン画像は下のサムネイルと同じである ・start stopボタンを押すとカルーセルがスタート、ストップ htmlを書いていく 構造はcarouselクラスの中に ・BEMでcarousel & __main(メイン画像)、__prev、__next、__thumbna