css实现边框：圆角+渐变

网上搜的说的太多，自己记录下

    

 

.list {
        display: flex;
        flex-direction: column;
        border: solid 2rpx transparent;
        border-radius: 12rpx;   
        background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(to right, rgba(215, 115, 163, 1), rgba(104, 210, 230, 1));    
        background-origin: border-box;    
        background-clip: content-box, border-box;
        margin: 0 24rpx 16rpx;
    }