uniapp+vue3的双向渐变

本文主要是介绍uniapp+vue3的双向渐变，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在App.vue中

<style lang="scss">/*每个页面公共css */
@import 'common/style/common-style.scss'
</style>

在common-style.scss中

//全局双向渐变
.pageColor{background:linear-gradient(to bottom,rgba(0,0,0,0),#fff 400rpx),//到400rpx才做白色渐变linear-gradient(to right, #beecd8 20%,#F4E2d8);}

在组件使用

<view class="my pageColor">
//........
</view>

这篇关于uniapp+vue3的双向渐变的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---