微信-SmallProgram:水平および垂直スクロールビューケースの組立

水平および垂直スクロールに分割ビューをスクロールするためのスクロールビュー。垂直スクロールビューがスクロールの高さを設定しなければならないことに注意してくださいそれ以外の場合は、スクロールビューが有効になりません。

スクロールは、共通の場所を表示し、一般的なIなどのよりインターフェースモジュール項目項目です

主な属性:

デモ:

< - -高さはセットでなければならない垂直スクロール、!> 
<スクロール-Y =スクロールビュースタイル"をtrueに" = "高さ:200pxの"> 
    <ビュースタイル= "背景:赤;幅:100ピクセル、高さ100pxに" > </ビュー> 
    <ビュースタイル= "背景:緑;幅:100ピクセル、高さ100ピクセル"> </ビュー> 
    <ビュースタイル= "背景:青;幅:100ピクセル、高さ100ピクセル"> </ビュー> 
    <スタイル=ビュー「背景:黄色;幅:100ピクセル、高さ100ピクセル」> </ビュー> 
</スクロールビュー> 

<! -白- スペース
  ノーマル:通常のノーチェンジ(自動テキストの折り返し工程場合の取り扱いデフォルト。到着ボーダー容器の内容物)は次の行に移動します
  前のタグと同等のスペースや改行のHTMLソースコード、キープ:あらかじめ
  BRブレークタグが時を除いて、1行に必須テキスト:NOWRAPを
  事前に - 事前の属性を持つ:ラップを折り返された容器の範囲外で遭遇したときには
  、事前に - ライン:事前の属性ではなく、遭遇連続するスペースはスペースとして見られる
  継承:継承を
 - >
< -水平滚动! - > 
<スクロールビューのスクロール-X = "true"のスタイル= "空白:NOWRAP;表示:フレックス"> 
<! -表示:インラインブロック- > 
  <ビュースタイル= "背景:赤;幅:200pxの、高さ:100pxに、表示:インラインブロック"> </ビュー> 
  <ビュースタイル= "背景:緑;幅:200pxの、高さ:100pxに、表示:インラインブロック"> </ビュー> 
  <ビュースタイル= "背景:青;幅:200pxの、高さ:100pxに、表示:インラインブロック"> </ビュー> 
  <ビュースタイル= "背景:黄色;幅:200pxの、高さ:100pxに、ディスプレイ:インライン-ブロック"> </ビュー> 
</スクロールビュー>

 

あなたは楽を見て努力する必要があり

あなたはと驚きの全員をこっそりするつもりです

 

引用:https://blog.csdn.net/gujinapenggu5/article/details/80937498

 

おすすめ

転載: www.cnblogs.com/codingmode/p/12542495.html