エフェクト表示コンポーネント設定ステップ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 ブラック スクリーン問題に対する完璧な解決策の詳細な説明
Vueのコントロール商品数量コンポーネントのカプセル化と使用は参考までに。具体的な内容は以下のとお...
私のは: <!DOCTYPE html>ブログガーデン: <!DOCTYPE HT...
由来: 数日前、テスターから写真を見るという要件が送られてきました。 この要件を見たとき、私は少し混...
ウェブページに403 Forbiddenと表示されるNginx (yum インストール ログは通常 ...
Windows フォームと同様の効果を得るには、中央をドラッグして div の位置を変更し、端をド...
MySQL パーティションテーブルの概要数億、あるいは数十億ものレコードを格納するテーブルに遭遇する...
目次 はじめに 同期 非同期とブロッキング JavaScript のノンブロッキング コールバック ...
初めて書きます。自己紹介させてください...みなさんこんにちは。私はジャスミンです。なぜジャスミンと...
目次序文1. ignore を挿入2. 重複キーの更新時3. を置き換える要約する序文Mysql は...
W3C では、さまざまなタグの規定を設定するだけでなく、Web ページの作成者が実際に W3C 規...
コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...
目次概要1. フックの呼び出し順序2. onChangesフック3. 変更検出メカニズムとDoChe...
まず、この投稿は Docker 初心者向けです。もちろん、ベテランであれば記事中の分割線以降の操作方...
フォーム項目を動的に追加するiview の動的なフォーム追加は非常に簡単です。フォーム項目を配列に設...
MySQL の外部キー制約は、2 つのテーブル間のリンクを確立するために使用されます。 1 つのテー...