<van-tabs active="{{ active }}" bind:change="onChange" style="margin-top: 100rpx;">
  <van-tab title="标签 1" style=" border-style: solid;border-color: green;border: 2rpx salmon; background-color: green;">

    <van-cell-group>
      <van-cell  title="单元sdfdsfsdfsdfsdf格" id="1" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.."  bind:click="clickconent"/>
      <van-cell title="单元格" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.." border="{{ false }}" />

      <van-cell title="单元格" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.." border="{{ false }}" />

      <van-cell title="单元格" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.." border="{{ false }}" />

      <van-cell title="单元格" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.." border="{{ false }}" />

      <van-cell title="单元格" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.." border="{{ false }}" />
      <van-cell title="单元格" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.." border="{{ false }}" />
      <van-cell title="单元格" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.." border="{{ false }}" />
      <van-cell title="单元格" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.." border="{{ false }}" />
      <van-cell title="单元格" label="2016年7月22日 最早做开发的时候有时需要抓取页面的颜色,那时候是下载一个客户端软件拾色器进行抓取。有一次用chrome浏览器调试的时候,意外发现谷歌浏览器自带拾色器功能,而且还挺好用。 下面分享.." border="{{ false }}" />
    </van-cell-group>

  </van-tab>
  <van-tab title="标签 2"  class="bordercss">内容 2</van-tab>
  <van-tab title="标签 3"  class="bordercss">内容 3</van-tab>
  <van-tab title="标签 4"  class="bordercss">内容 4</van-tab>
  <van-tab title="标签 5"  class="bordercss">内容 5</van-tab>
  <van-tab title="标签 6"  class="bordercss">内容 6</van-tab>
  <van-tab title="标签 7"  class="bordercss">内容 7</van-tab>
  <van-tab title="标签 8"  class="bordercss">内容 8</van-tab>
</van-tabs>

<van-tabbar active="{{ active2 }}" bind:change="onChange2">
  <van-tabbar-item info="3">
    <image
      slot="icon"
      src="{{ icon.normal }}"
      mode="aspectFit"
      style="width: 30px; height: 18px;"
    />
    <image
      slot="icon-active"
      src="{{ icon.active }}"
      mode="aspectFit"
      style="width: 30px; height: 18px;"
    />
    自定义
  </van-tabbar-item>
  <van-tabbar-item icon="search">标签</van-tabbar-item>
  <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
</van-tabbar>
