WeChat ミニ プログラムでマーキー効果を作成する方法 (コード付き)

今回は、WeChat ミニ プログラムでマーキー エフェクトを作成する方法 (コード付き) を説明します。 WeChat ミニ プログラムでマーキー エフェクトを作成するための 注意事項 は何ですか。実際のケースを見てみましょう。 。

1: 機能の紹介と説明

マーキーの効果（記事のタイトルがマーキーに表示されます）、右側に記事を閲覧するボタンがあり、これがバインドされています。現在のマーキー情報 ID。ボタンをクリックすると、その ID に応じて対応する記事詳細ページに移動します

ここで注目すべき点は、現在の情報の配列添字を取得するために

swiper コンポーネント の bindingchange イベントを使用していることです。 、表示ボタンを動的に変更します バインディング情報 ID 値の効果

それでも何も理解できない場合は、WeChat アプレット開発交流グループ (173683895) に参加してください。

2: レンダリング:

3: 完全なソースコード

1. ページ上で呼び出される:

<!-- //滚动 --> 
<template name="roll"> 
 <block> 
   <navigator url=&#39;../details/details2/detail2?artical_id={{newsId}}&#39;> 
    <view class=&#39;chakan&#39;>查看</view> 
   </navigator> 
  <view class=&#39;sx_lunbo page_row&#39;> 
   <text class=&#39;red&#39;>公告</text> 
   <swiper class=&#39;sx_swiper page_row&#39; autoplay interval="5000" duration="3000" bindchange="newsId" data-newsId=&#39;{{item.id}}&#39; circular> 
    <swiper-item wx:for="{{news}}" wx:key=""> 
     <view class=&#39;reds&#39;>{{item.title}} 
     </view> 
    </swiper-item> 
   </swiper> 
  </view> 
 </block> 
</template>

れぇぇぇぇぇぇ 3.ニュースデータ:

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JSリフレクションと依存性注入のユースケース分析

WeChatミニプログラムで確認コードパスワード入力ボックス機能を開発する方法

以上がWeChat ミニ プログラムでマーキー効果を作成する方法 (コード付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。