<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}"><view slot="backText">返回</view><view slot="content">边框阴影</view></cu-custom>
<view class="cu-bar bg-white solid-bottom">
  <view class="action">
    <text class="icon-title text-blue"></text>边框
  </view>  
  <view class="action">
   <switch class="sm" bindchange="SetSize"></switch>
  </view>   
</view>
<view class="padding bg-white text-center">
  <view class="padding solid{{size?'s':''}}">四周</view>
  <view class="padding solid{{size?'s':''}}-top margin-top">上</view>
  <view class="padding solid{{size?'s':''}}-right margin-top">右</view>
  <view class="padding solid{{size?'s':''}}-bottom margin-top">下</view>
  <view class="padding solid{{size?'s':''}}-left margin-top">左</view>
</view>
<view class="cu-bar bg-white margin-top">
  <view class="action">
    <text class="icon-title text-blue"></text>阴影
  </view>
</view>
<view class="padding text-center">
  <view class="padding-xl radius shadow bg-white"> 默认阴影</view>
  <view class="padding-xl radius shadow-lg bg-white margin-top">长阴影</view>
  <view class="padding-xl radius shadow-warp bg-white margin-top">翘边阴影</view>
  <view class="padding-xl radius shadow-blur bg-red margin-top">根据背景颜色而改变的阴影</view>
  <view class="padding-xl radius shadow-blur bg-red margin-top bg-img" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"><view>根据背景颜色而改变的阴影</view></view>
</view>