Mini program, in the uniapp project, the picture should be overlaid to the right side of the previous picture.

To be implemented in the project, the next picture (avatar) must be pressed on the right side of the other picture (avatar). as shown in the picture

my question is:

• Display on the home page: Visitor records, and display the avatars in sequence as shown above. *

The specific answers are as follows:

       <view wx:for="{
     
     {visitorList}}" wx:key="{
     
     {index}}" style="width: 40rpx;display: inline-block;">
          <image class="vipLogo"   src="{
     
     {item.picture}}" style=" border-radius: 50%;width: 48rpx;height: 48rpx;" mode=""/>
         </view>

It’s okay not to set z-index. After all, there is no coverage between block elements.

Thank you for reading, I hope it helps.