The use of container views in WeChat applet development

view is actually a div, hehehe, that’s such a simple and crude explanation.

scroll-view Scrollable view area. This should be noted that the view area scrolls horizontally. The important thing is these two inline styles, and other official documents also make it clear.

<view class="supply-scroll bg">
<scroll-view class="scroll-box" scroll-x="true" style="width: 100%;white-space: nowrap; display: flex" >
<view class="scroll-items" wx:for="{{scrollList}}" wx:key="index" data-index="{{index}}" style="display: inline-block">
<image src="{{item.url}}" class="scroll-image"/>
</view>
</scroll-view>
</view>

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to create a project for WeChat mini program development

WeChat mini program development to obtain basic user information

The above is the detailed content of The use of container views in WeChat applet development. For more information, please follow other related articles on the PHP Chinese website!