birthday_webpage

?誕生日のウェブページ

「誕生日おめでとう！」と言うためにカードを書いたり、ソーシャルメディアにコンテンツを投稿したりするのはやめてください。
プログラマーは、人生の重要な日を「プログラマーらしい」方法で祝うべきです。

Vue.jsを使った誕生日SPA（シングルページアプリケーション）です。

私はガールフレンドの誕生日のためにこの Web サイトを作成しました。これがフロントエンドの男の子や女の子に役立つかもしれないと考えました。より一般的で構成しやすいように、一部のコンテンツを変更しました。

詳細やカスタムデザインについてはお気軽にお問い合わせください。

前提条件

Node.js バージョン 6.0 以降がシステムにインストールされている必要があります。

?設定

git を使用してこのリポジトリのクローンを作成してコードを取得します

 > git clone https://github.com/amoossssss/birthday_webpage

...または、ソース コード コードを zip アーカイブとしてダウンロードします。

ダウンロードしたら、プロジェクト ディレクトリでターミナルを開き、次の作業を続けます。

 npm install

開発用のコンパイルとホットリロード

 npm run serve

これで、Web サイトがポート 8080 で実行されるようになります。

http://ローカルホスト:8080

実稼働用にコンパイルおよび縮小します

 npm run build

ファイルのリントと修正

 npm run lint

構成をカスタマイズする

コード内のすべての TODO タグを見つけて、この Web ページを構成します。

含む ：

1. ランディングページのコンテンツ
2. メッセージページのコンテンツと画像
3. 動画ページのYouTube動画
4. ページのコンテンツの裏話

リマインダー ：
* ページローダーを機能させるには、メッセージページに追加されたすべての画像に onLoad 関数を追加する必要があります。
※ページ内にはローダー機能やトランジション効果を表示するためのダミー画像がいくつかあります。
* @load="onImgLoad"をコピーして、追加した el-image タグに貼り付けるだけです。
* 同じページ内のtotalImages変数にも注意し、デザインと一致していることを確認してください。

?クレジット

誕生日ケーキと照明を持って行ったお店。

️ このプロジェクトを応援してください

このプロジェクトが役に立ったと思われる場合は、星を付けてください。
提案や改善は大歓迎です。
あなたとあなたの愛する人の誕生日おめでとうございます? 。