【uni-app 怎么设置背景色渐变，两边浅中间深一点的颜色】_uniapp 渐变

作者：weixin_40725706 | 2024-03-16 03:46:05

踩

uniapp 渐变

uni-app 怎么设置背景色渐变，两边浅中间深一点的颜色

1.效果图

在这里插入图片描述

2.代码，可以调角度，颜色开始位置，颜色结束位置

角度为零是从上往下渐变，角度为90则是从左往右渐变，角度270则是从右往左渐变


<template>
	<view>
		<view class="dd">
			
		</view>
	</view>
</template>

<style>
	.dd{
		width: 100%;
		height: 60rpx;
		background:linear-gradient(90deg,#fff 0%,#bbb 49%,#bbb 51%,#fff 100%);
	}
</style>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/246825