微信小程序开发系列（二）开发组件使用的详解

一：开发组件使用初步

1：建立一个微信小程序的工程

2：请参考如下链接里面的内容，这是微信小程序的官方开发指南：

https://mp.weixin.qq.com/debug/wxadoc/dev/component/button.html?t=20161222

3：可以拷贝部分例子程序到你建立的工程中，使用微信小程序的组件，如图1所示：

我们在first.wxml中可以写first这个页面的布局，例如图1中我们写了一个字符串：“1234567890abcdefg”，在这个字符下面我们写了一个微信小程序的button，button显示的内容为“default”，type=“default”---这个是表示该button为默认的显示效果，如图1左边模拟器中显示为圆角淡灰色按钮左右两边无边距。

注：很多网友会发现：在微信小程序开发工具中编写完代码然后，点击微信小程序开发工具左侧下方的“编译”按钮后，模拟器中并没有反应，其实这是因为，你编写完代码应该敲击键盘的Ctrl+s，保存代码，然后再点击“编译”，这样才能在模拟器中显示出对应代码的效果。

以上就是 微信小程序开发系列（二）开发组件使用的详解的详细内容，更多请关注 第一PHP社区 其它相关文章！