【微信小程序】一文解决button、input、image组件

🍒观众老爷们好，这里是前端小刘不怕牛牛的博客，上文我们讲解了小程序的视图容器组件和基础内容组件，而小程序还有一类常用的组件，就是表单组件。
🍒那么今天，就让牛牛带大家走进表单组件吧(^˵◕ω◕˵)。

一，button组件

第一个来介绍的就是button组件，我们可以发现它和HTML中的按钮标签同名，是的，该组件在WXML中也是充当按钮设置功能，不过，相比之下，button组件的功能可比后者多多了，下面我们来详细介绍一下，微信小程序给我们提供哪些button功能。

1. type属性，用来设置按钮的样式类型，目前有三个值，primary绿色，default白色，warn红色，我们可以从它们的值的意思理解它们表示什么，绿色是重要的，红色是警告，这两种颜色会给用户提示的效果，默认样式为白色
   效果如下：
   

tip： 有的小伙伴可能会看到的样式有一些差别，这可能是你没有设置最新样式的版本，这时候我们需要到app.json文件进行设置

"style": "v2"

这样就是声明以最新样式显示

2. size属性，用来设置按钮的大小，默认为default，也就是正常大小，我们还可以选择迷你按钮，将size设置为mini
   效果如下：