1、首先架构一下网页的样式，既然是举例，那么就简单写入四个span用来做我们的文字存放，和之后的对比。
2、我们首先用最初的css方式来给这些文字添加样式。直接用color这个属性就可以控制文字的颜色。就可以看到生效之后的效果。
3、但是如果有很多不同的，颜色组成还可以这么写嘛，答案肯定是不行的。那么我们就用js来控制首先写一个script标签，里面定义一个数组colors，存放值也就是文字，而下标就可用来表示颜色。
4、然后我们用一个循环来将，下标和分别存放到span标签中去。然后就会将三个不同的span写入页面
工具/原料
微信小程序 web-view
方法/步骤
1、打开微信开发者工具。
2、选择新建小程序。
3、输入项目信息后，点击”确定“。
4、进入开发画面。
5、点击”index wxml“右侧将其他代码都删除，在容器中,添加”web-view“。
6、给这个web-view添加src属性这里添加需要的地址即可。
7、完成后保存修改，在左侧的手机模拟器中,即可查看效果。
微信小程序之js如果你想开发一款微信小程序学会微信小程序的js是必须要精通的，只要你html+css+js的基础打的好在来全力的学习微信小程序js，之后在前端开发上就没有什么问题了，但是微信js是需要花精力去学习的，可以买一本参考书或者了解下微信小程序的api都是可以快速的帮助你介入开发的队列。
