小程序button事件作用到地图上

小程序button事件作用到地图上的方法如下：

1、新建一个页面demo13

2、打开demo13.wxml 文件，删除里面原来的内容，写入以下代码：

<button>默认按钮</button>

保存，左侧小程序页面显示“默认按钮”

3、打开demo13.wxml 文件，代码中加入type属性，如下：

<button type="primary">primary 按钮</button><button type="warn">warn 按钮</button>

保存后，页面中出现绿色按钮（primary），红色按钮（warn）。

4、打开demo13.wxml 文件，代码中加入plain属性，如下：

<button type="warn" plain>plain 按钮</button>保存后，可看到plain按钮是无背景色的。

5、打开demo13.wxml 文件，type属性下，代码中再加入loading属性，如下：

<button type="primary" loading>loading 按钮</button>。

可控制延迟显示的微信小程序 loading 组件，默认请求超过0.5s才显示loading动画；支持 slot 自定义 loading 内容。

在项目中，若网络良好的情况下，每次请求都显示loading动画，会导致页面短时间内频繁闪现loading动画，用户体验不佳。本组件可自定义loading组件显示延时，只有当请求超过设置的时间未完成时，才显示loading动画，减少loading动画出现的次数。

---