追格圈子小程序如何给头条标题增加渐变强化效果

追格圈子小程序中，为了强化头条标题，我们可以通过css给头条标题增加渐变强化效果，只需要调整一个css即可以实现。

打开文件main.scss，找到：

.jiangqie-hot-list .jiangqie-hot-title text

修改为以下内容，即可以实现如图效果：

.jiangqie-hot-list .jiangqie-hot-title text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 520rpx;
	height: 90rpx;
	line-height: 90rpx;
	background: -webkit-radial-gradient(bottom left,red 40% ,blue 60%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

通过调整相关参数，可以对渐变做各种调整

linear-gradient(线性渐变)

和

radial-gradient(径向渐变)

1.关于控制线性变化的参数可以是多个，以逗号分隔；

2.每一个控制线性变化的单元有两部分组成；

3.第一部分是线性变化的方向，有两种形式：1种形式是是角度，顺时针增加，比较灵活；第二种形式是包含to和两个关键词：第一个指出水平位置left or right，另1种指出垂直位置top or bottom。

关键词的先后顺序无影响，且都是可选的。to top, to bottom, to left 和 to right这些值会被转换成角度0度、180度、270度和90度。

其余值会被转换为一个以向顶部中央方向为起点顺时针旋转的角度。这种相对于角度的设置，比较单一，只能设置8个方向（两个是夹角方向）；

4.第二部分是变化的颜色，默认是渐变过程平分整个区域，可以以颜色 + 停止点的形式来设置某一个颜色变化的位置区间，这个也是支持多个，理论上没有限制。