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

uni-app 怎么设置背景色渐变，两边浅中间深一点的颜色1.效果图2.代码，可以调角度，颜色开始位置，颜色结束位置角度为零是从上往下渐变，角度为90则是从左往右渐变，角度270则是从右往左渐变<template><view><view class="dd"></view></view></template><style

三十公子七

8555人浏览 · 2020-07-29 10:45:58

三十公子七 · 2020-07-29 10:45:58 发布

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>