小程序视图view重叠展示示例

类似如图背景图片底部显示半透明文本view：

.wxml

.wxss

要点： 父视图的position: relative重叠放置在父视图上的视图postion: absolute。

微信小程序左侧列表栏重叠可能是由于不当的布局或CSS样式设置引起的。当列表项高度超过了屏幕宽度时，就会出现重叠现象。解决方法包括：1）尝试调整列表项的高度，使其不超过屏幕宽度；2）使用flex布局或其他布局方式，以确保每个列表项在垂直方向排列；3）检查CSS样式，确保没有重复定义宽度或定位属性。最好的方法是使用小程序开发工具的模拟器进行测试，以及多设备模拟测试，以确保在不同设备上都能正常显示。

原因分析：

使用调试工具定位 <view>的文字，所有的 文字的 高度都为 0

因为，在 <view class="videoInfo">没有给它分配 height 属性，所有的文本的高度都为 0，造成所有的文本都挤在了一起。

---