技术小白之记录微信小程序顶部导航栏

现在来说说顶部导航栏的代码，先来看看简单的顶部导航栏的截图：

可以从上面的图片看到有写着[简介]和[试看]的导航栏内容，下面来记录下代码过程：
wxml

<!--导航条--> 
<view class="navbar"> 
 <text wx:for="{
  {navbar}}" data-idx="{
  {index}}" class="item {
  {currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap">{
  {item}}</text> 
</view> 
 
<!--首页--> 
<view hidden="{
  {currentTab!==0}}"> 
<view class='topic7'>
<text class='tp1'>药屋少女的呢喃</text>
<text class='tp1_1'>《药屋少女的呢喃》，是小说家 日向 夏 著作，插画家 しのとうこ负责插画&#