获取随机颜色
<div :style="randomRgb()">学</div>
randomRgb() { // 随机生成背景颜色
const rgbs = [
'linear-gradient(135deg, #42D158 0%, #79EA68 100%)',
'linear-gradient(135deg, #FD7848 0%, #FF9555 100%)',
'linear-gradient(137deg, #00BB9E 0%, #02D4B4 100%)',
'linear-gradient(135deg, #39BCEC 0%, #60D8F8 100%)',
'linear-gradient(135deg, #898989 0%, #B1B1B1 100%)',
'linear-gradient(135deg, #7F88FA 0%, #ADB2FF 100%)',
];
return {
background: rgbs[parseInt(Math.random() * 6, 10)],
};
},
<< · Back Index ·>>
![](https://connect.qq.com/widget/shareqq/index.html?url=http://www.icpchaxun.com/author/1&sharesource=qzone&title=获取随机颜色&pics=http://www.icpchaxun.com/wp-content/themes/wpzt-minblog/timthumb.php?src=http://www.icpchaxun.com/wp-content/themes/wpzt-minblog/static/images/no-image.png&w=200&h=200zc=1&q=100&summary=<div :style="randomRgb()">学</div> […]&desc=<div :style="randomRgb()">学</div> […]){kind=link}
![](https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://www.icpchaxun.com/author/1&sharesource=qzone&title=获取随机颜色&pics=http://www.icpchaxun.com/wp-content/themes/wpzt-minblog/timthumb.php?src=http://www.icpchaxun.com/wp-content/themes/wpzt-minblog/static/images/no-image.png&w=200&h=200zc=1&q=100&summary=<div :style="randomRgb()">学</div> […]){kind=link}
下一篇