//wxml代码
<view class="box">
  <view class="bottom shadow"></view>
  <view class="left shadow"></view>
  <view class="right shadow"></view>
  <view class="top shadow"></view>
</view>
//wxss代码
.box {
  padding-top: 100rpx;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.shadow {
  padding: 30rpx;
  border-radius: 12rpx;
  width: 35%;
  height: 150rpx;
  margin: 0 2.5% 40rpx;
  background-color: #ff5777;
}

.bottom{
  box-shadow: 0 8px 5px -5px rgb(158, 53, 53);
}

.left{
  box-shadow: -8px 0 5px -5px rgb(158, 53, 53);
}

.right{
  box-shadow: 8px 0 5px -5px rgb(158, 53, 53);
}

.top{
  box-shadow: 0 -8px 5px -5px rgb(158, 53, 53);
}