エフェクト表示コンポーネント設定ステップ1ページディレクトリに新しいフォルダcomponentsを作成します。 ステップ2コンポーネントの下に新しいフォルダスワイパーを作成します swiperディレクトリに4つの新しいファイルを作成します。
各ファイルの配置図は以下のとおりです。
ステップ3次のコードをswiperディレクトリの4つのファイルにそれぞれコピーします。 スワイパー スワイパー スワイパー.wxml スワイパー コンポーネントの使用ステップ1スワイパーコンポーネントが必要なページのJSONファイルにコンポーネントを導入します。 { "コンポーネントの使用": { 「カスタムスワイパー」: 「../components/swiper/swiper」 } }
ステップ2ページのwxmlページで、コンポーネントコードを使用します。 <カスタムスワイパーimgUrls="{{carouselImgUrls}}" /> カルーセル画像URL タイプ: 配列 目的: スライドショー画像のアドレス (ネットワーク アドレスまたはローカル アドレス) を格納するために使用されます ステップ3ページのjsファイルのデータにcarouselImgUrls変数を追加します データ: { カルーセルImgUrls: [ /* 写真の数はカスタマイズされています。画像ソース:Weibo著者:Girl Rabbit iiilass 侵害と削除 */ 「https://wx1.sinaimg.cn/mw2000/7f97a73fly1gsgixv69f6j20j60j60ui.jpg」、 「https://wx1.sinaimg.cn/mw2000/7f97a73fly1gsgixvage4j20j60j6tah.jpg」、 「https://wx1.sinaimg.cn/mw2000/7f97a73fly1gsgixvadfnj20j60j60uk.jpg」、 「https://wx1.sinaimg.cn/mw2000/7f97a73fly1gsgixvdcswj20j60j6jt6.jpg」、 「https://wx1.sinaimg.cn/mw2000/7f97a73fly1gsgixv6kmbj20j60j6dhg.jpg」 ]、 }, 最後に、コードをコンパイルするだけで効果図が得られます。 要約するこの記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: IDEA の Maven プロジェクトで MySQL 8.0 に接続して使用する方法に関するチュートリアル
>>: MacOS Catalina アップグレード後の VMware ブラック スクリーン問題に対する完璧な解決策の詳細な説明
1 MySQLをダウンロードするダウンロードアドレス: http://downloads.mysq...
環境ホスト名IPアドレス仕えるプロメテウス192.168.237.137プロメテウス、グラファナノー...
このブログのすべてのコンテンツは、クリエイティブ コモンズ ライセンスの下でライセンスされています。...
目次リスナープロパティとは何ですか?リスニングプロパティと計算プロパティの違いは何ですか?監視プロパ...
仕える: # chkconfig --list すべてのシステム サービスを一覧表示します # ch...
1. 重複行を見つける blog_user_relation a から * を選択 WHERE (...
docker-compose で mongodb と mysql を構築する詳細な方法を見てみましょ...
序文この記事では主に、MySQL のインデックスとビューの使用方法と違いを紹介し、参考と学習のために...
MySQL 外部キー制約 (FOREIGN KEY) はテーブルの特別なフィールドであり、主キー制約...
ユーザーが初めて MySQL データベースをインストールするとき、初期のルート パスワードを変更する...
公式の MySQL ダンプ ツールで、特定のデータベースのみを復元するにはどうすればよいですか?完全...
MySQL 変数には、システム変数とシステム変数が含まれます。今回の学習課題はユーザー定義変数です。...
この記事では、参考までに、簡単なメモ帳機能を実装するためのVueの具体的なコードを紹介します。具体的...
目次1. 概要1.1 querySelector() と querySelectorAll() の使...
まず、効果図の下にコードを添付します <!DOCTYPE html> <html&...