プロジェクトの説明
05分15秒ログイン登録レイアウト構築
16分17秒リストレイアウトの構築
07分14秒ロゴと検索ボックス
07分14秒製品カテゴリのナビゲーション レイアウト
07分19秒パスナビゲーションのレイアウト
07分33秒パスナビゲーションデータの動的レンダリング
14分49秒左側の虫眼鏡レイアウト構築
13分27秒虫眼鏡マウスの出入り効果
13分41秒虫眼鏡マウスを動かしてマスク要素のドラッグ効果を実現します
16分11秒マスク要素の移動の境界制御
06分53秒虫眼鏡を動かすと、大きな画像要素を同じ割合で動かす効果が得られます。
13分33秒虫眼鏡のサムネイルレイアウト構築効果
12分50秒虫眼鏡サムネイルデータの動的レンダリング
09分06秒サムネイルをクリックすると、画像が小さいか大きい画像に変わります。
19分15秒サムネイル上の左右矢印クリックによる画像カルーセル効果の原理の解析
08分09秒各画像の移動距離とULの移動距離を計算します
17分28秒右の商品上部の詳細紹介のレイアウト
24分04秒右側の製品上部の詳細説明では、データの動的レンダリングを紹介します
15分00秒右の製品の下半分の製品パラメータのレイアウト構成
10分12秒右側の製品の下半分の製品パラメータ データの動的レンダリング
17分04秒専用の効果を得るには、製品パラメータの最初の行のテキストの色をクリックします。
16分22秒クロージャ関数を使用してループ内のイベントの変数の問題を解決する
18分28秒選択結果のレイアウト構築を実装する
04分25秒製品パラメータをクリックして、対応する結果を動的に追加します。
18分38秒削除ボタンをクリックすると、該当するパラメータデータが削除されます。
19分36秒パッケージ価格変更機能
17分32秒ショッピングカートと購入価格のレイアウト構築
08分57秒左中央のタブの全体的な構造レイアウト
13分12秒中央左タブの特定のコンテンツ レイアウトの構築
10分05秒中央の右側に一致する全体的な構造レイアウトを選択します
16分54秒コロケーションでチェックボックスがオンになっている場合、パッケージ価格連動効果を選択します
15分57秒中右のタブレイアウトの構築
13分27秒パブリックタブ関数をカプセル化して呼び出す
18分38秒右ナビゲーションバーの作業部分の構築
09分56秒右ナビゲーションバーの中央レイアウトの構築
15分39秒右側のナビゲーションバーをクリックしてステータスを切り替える実装
11分15秒