css 字体渐变色

问题描述

给Icon字体，添加一个渐变色。

解决问题

<template>
	<view>
  		<view>
			<text class="icon-guzhangliebiao cu-text-orange" style="font-size: 80rpx;"/>
			<view>故障列表</view>
		</view>
		<view>
			<text class="icon-repair cu-text-red" style="font-size: 80rpx;"/>
			<view>故障处理</view>
		</view>
	</view>
</template>
<style scoped>
	.cu-text-orange {
		background-image: -webkit-linear-gradient(45deg, #F0B11B, #FFD673);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	.cu-text-red {
		background-image: -webkit-linear-gradient(45deg, #FF4747, #ffff7f);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
</style>

效果图

---

求点赞 求评论 求收藏 ~~ 相互关注指点一波 ~~ 求点赞 求评论 求收藏