【uniapp】带圆角渐变边框实现

本文主要是介绍【uniapp】带圆角渐变边框实现，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1. 效果图

2. 代码实现

<image class="item-left-img" :src="url" mode="aspectFill" />

.item-left-img {width: 240rpx;height: 320rpx;border: 6rpx solid transparent;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(to right, #f9fafc, #f9fafc), linear-gradient(180deg, #afbaff, #dee6ff);border-radius: 152rpx 152rpx 8rpx 8rpx;
}

这篇关于【uniapp】带圆角渐变边框实现的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---