现在来说说顶部导航栏的代码,先来看看简单的顶部导航栏的截图:
可以从上面的图片看到有写着[简介]和[试看]的导航栏内容,下面来记录下代码过程:
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'>《药屋少女的呢喃》,是小说家 日向 夏 著作,插画家 しのとうこ负责插画&#