如何设计出如图的效果？

Question

就是怎么做出像"车来了"掌上公交小程序首页这样一条一条的，而且条与条之间有间隔，同时有影阴感觉好像比较立体的东西？该用什么组件？怎么设置？求大神指教

Answer 1

就是简单的样式

.card {
  border-radius: 10rpx;
  padding: 20rpx;
  background-color: #fff;
  margin-bottom: 20rpx;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .08); /* 阴影 */
}