一直以为这种实现是通过图片设计或者切换整个主题来实现的,这样成本太高了。后面发现是基于浏览器的属性支持来实现的。

根据CSS3 filter(滤镜) 属性

html {
		-webkit-filter: grayscale(1);
 /* Webkit */
		filter: gray;
 /* IE6-9 */
		filter: grayscale(1);
 /* W3C */
}

小程序里面:

page {filter:grayscale(1)}