微信小程序开发工具下载:
mac版:点击打开链接
win版64位:点击打开链接
win版32位:点击打开链接
官网教程地址:点击打开链接
根据不同平台安装不同编译器。
下面实现一个点击按钮,弹出"加载中..."类似原生Toast提示的小功能,然后1.5S后消失,如图所示:
![](https://img-blog.csdn.net/20160926224206051?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
点击编辑打开index.wxml文件,编写如下代码,我们给loading控件还有button都绑定了事件
![](https://img-blog.csdn.net/20160926224513271?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
然后点击打开index.js文件,编写如下代码,js文件中对应要去响应点击事件和loading显示效果
![](https://img-blog.csdn.net/20160926224638303?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
这样一个微信小程序Demo就完成了,是不是很简单...
此外,wxss类似于css,用于改变UI的样式。