關於 遮罩層 鏤空效果的實現

html代碼

<view class="loukong"></view>

css代碼

.loukong{
  position: absolute;
  width:300rpx;
  height:600rpx;
  top: 690rpx;
  left: 0rpx;
  z-index:3333 ;
  border-bottom-right-radius: 600rpx;
  border-top-right-radius: 600rpx;
  box-shadow: rgba(30,31,34,0.6) 0 0 0 1800rpx;
  border:2rpx solid #fff;
  border-left: 0rpx;
}

樣式 可以 通過修改寬高 位置 通過 修改 top 和 left
沒錯 你沒看錯 就是tmd 這麼 簡單 easy