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都是可以快速的帮助你介入开发的队列。