微信小程序开发之通过自定义组件实现导航栏

先说结果——如下面的图所示是呈现出的最终结果，通过顶部的导航栏，分别展示不同的业务。

 

下面说一说具体的实现方法：

一、创建自定义组件"udc-navigation"文件夹，并通过"新建Component"的方式创建组件。

二、在udc-navigation.wxml文件中编写布局代码如下：

<!-- 导航栏 -->
<block>
  <view class="c_navigation">
    <block wx:for="{
  {listNavigation}}" wx:key="{
  {index}}">
      <view id="{
  {item.id}}"
          class="c_navigation_item {