透明背景(文字层)

• 样式图例

• 示例代码

<view class="grid col-2">
  <view class="bg-img padding-bottom-xl" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10007.jpg');height: 207rpx;">
    <view class="bg-shadeTop padding padding-bottom-xl">
      上面开始
    </view>
  </view>
  <view class="bg-img padding-top-xl flex align-end" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg');height: 207rpx;">
    <view class="bg-shadeBottom padding padding-top-xl flex-sub">
      下面开始
    </view>
  </view>
</view>