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

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

php中世界最好的语言

リリース： 2018-06-01 09:22:39

オリジナル

5038 人が閲覧しました

今回は、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 サイトの他の関連記事に注目してください。