uniapp弹出层改圆角

 公司ui那边出一个图如上图（也是我实现的效果图），弹出层上两个角要变成圆角，于是我就在网上找了好长时间，自己各种调试，样式穿透都不生效，发现uniapp的弹出层border-radius属性写在了行内。

 然后我就去组件里面看源码，发现了borderRadius这个属性，看见这种写法就引起了我的思考：既然他这个写法 borderRadius: this.borderRadius || "0" ，就一定有一个对应的borderRadius属性来改变border-radius的值吧。

于是我就去官网看文档，果然。。。

我们只需要在uni-popup标签里添加borderRadius属性即可。 

   <uni-popup ref="popup" borderRadius="10px 10px 0 0" background-color="#fff">
      <view class="popup-content">
        <view class="title-content">
          <view class="title">选择提现银行卡</view>
        </view>
        <view class="close">
          <uni-icons
            type="closeempty"
            size="18"
            @click="closePopup"
          ></uni-icons>
        </view>
        <view class="bank-content">
          <view
            class="bank-list"
            v-for="item in bankCardList"
            :key="item"
            @click="addBank(item)"
          >
            <view class="bank-icon">
              <image class="bank-img" :src="item.src" mode="aspectFit" />
            </view>
            <view class="bank-text">
              <view class="bank-name">{{ item.name }}</view>
              <!-- 分割线 -->
              <view class="separation"></view>
            </view>
          </view>
          <!-- 添加储蓄卡提现 -->
          <view class="bank-list" @click="toAddBank">
            <view class="bank-icon">
              <image
                class="bank-img"
                src="/static/public/img/my/bankCard/bank.svg"
                mode="aspectFit"
              />
            </view>
            <view class="bank-add">
              <view>添加储蓄卡提现</view>
              <view>
                <uni-icons type="right" size="18"></uni-icons>
              </view>
            </view>
          </view>
        </view>
      </view>
    </uni-popup>

所以下次遇到某些常规问题请记住：看！文！档！！！