私は煎茶タッチの初心者で、次の問題に遭遇しました。高さが可変のリストを表示する必要があります(もちろんデフォルトです)。これは、テキスト表示と画像で構成されています。リストに入力された項目は配列です。1 つの配列は左側に配置する必要があり、もう 1 つの配列は右側に配置する必要があります。配列を反復処理するためにアイテム TPL でスパンを使用して for ループを追加した方法もあります。最初の配列 (左の配列) は期待どおりに正しく表示され、右側に表示される 2 番目の配列は、左の配列が完成した後にレンダリングされます。画像を添付したので、それらを表示する必要があります。並べて表示すると、CSS に問題がある可能性があります。さまざまな代替案を試してみましたが、役に立ちませんでした。以下のコードと CSS を調べることで、何が問題になるかを誰でも知ることができます。助けてくれてありがとう。
アイテムの種類:
'<div class="listItem">' +
'<span><tpl for = "firstArray">'+
'<span class="listSecondRow">'+
'<img src="resources/images/someImage.png"/>' +
'<label>{data} {data}</label>' +
'<img src="resources/images/someImage.png"/><label>{data}</label>' +
'<img src="resources/images/someImage.png"/><label>SKD {data} </label>' +
'<label>{data}</label><br>' +
'</span></tpl>'+
'<span><tpl for = "secondArray">'+
'<span class="listSecondRow2">'+
'<img src="resources/images/image.png"/><label>{data} {data}</label>' +
'<img src="resources/images/image.png"/><label>{data}</label>' +
'<img src="resources/images/image.png"/>' +
'<label>SKD {data} </label>' +
'<label>{data}</label><br>' +
'</span></tpl></span>'+
'</div>',