Element UIの走馬灯にも同様の効果があるので参考にしてください。 (下部の[カード]効果をご覧ください)

例

1. カルーセルの画像のように、最初のものとまったく同じものを最後に追加します。たとえば、この構造は 1234561 です。
2. 大きな効果は 2 つあり、1 つは画像全体を拡大すること、もう 1 つは高さと幅の内容を変更せずにのみ拡大することです。前者はスケールを使用し、後者は幅と高さを直接変更します。

私の考えは以上です

CSS は設定に重点を置いています .view 的 overflow-x 为 hidden

また.container 的 absolute

こうすることで、.containerの左の変更をスクロールのように見えるに変換することができます

今の問題は真ん中のものを大きくすることです

ルーチンに従って、拡大スタイルとして.iambigを記述する必要もあります

すべての準備が完了したら:

1. 問題をデータ問題に変換する

2. データをレンダリングする

すべての準備ができたら、公開された次のプリレンダーを対応するボタンにバインドします

追記: 事前に、次にデータを変更した後にレンダリングすることを忘れないでください

基礎知識が必要です

1. CSS オーバーフロー、絶対幅、その他の基本的な CSS 姿勢

2. Array.prototype.forEach、jQueryの一般的なメソッドなど

= = 。 。 。 。 お役に立てれば。

Baidu でプラグインを探してください。プラグインはインターネット上のどこにでもあります