携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第16天，点击查看活动详情
本次系列文章参与八月的更文活动，记录一个微信小程序从零到有的开发过程。本文为本系列第十六篇：实现工具栏的功能
如下图所示，本文即要实现以下工具栏的三个功能。其实主要是对button组件和navigator组件的实际应用。
ui界面
代码
首先贴出wxml的具体代码，下文再做详细分析：
样式实现
由上图一可以看到，由于工具栏是需要用到按钮功能，但他却长得不像按钮，那么这种情况，我们可以利用button组件，并对其增加一层，编写好样式，最后使用绝对定位将二者叠加起来，形成视觉上的工具栏样式。
button实现联系客服和分享
接着实现对应的功能。首先回顾一下button的一些知识。我们主要用到open-type参数的以下两个值。
| 值 | 说明 |
|---|---|
| contact | 打开客服会话，如果用户在会话中点击消息卡片后返回小程序，可以从 bindcontact 回调中获得具体信息，具体说明 |
| share | 触发用户转发，使用前建议先阅读使用指引 |
navigator实现进入购物车页面
我们也同样回顾navigator的一些知识。主要看open-type参数的值：
因此我们需要是否要跳转去是否含有tabbar的页面，本次则选用switchTab。
