アプレットの練習(XIV):水平スクロールリスト

wxssスタイルファイル

/ * 内側横スクロールリスト* / 
.rowItem { 
    表示:インライン - ブロック; 
} 
.scroll - X { 
    ホワイト - 宇宙:NOWRAP; 
    ディスプレイ:フレックス; 
}
 .item画像{
   幅:80px;
   高さ:80px;
   マージン右:2ピクセル。
  }
 

wxmlレイアウト

<スクロールビューのクラス = " スクロール-X "スクロールX = " "スクロール-X> 
        <ビューWX:のため = " {{写真}} "  クラス = " rowItem " > 
            
            <画像クラス = " 項目画像" SRC = " ../../../image/icon_product.png "モード= " aspectFill " > 
            </イメージ> 
        </ビュー> 
</スクロールビュー>

 

 

 

おすすめ

転載: www.cnblogs.com/xqxacm/p/11201249.html