zoukankan      html  css  js  c++  java
  • 小程序顶部可滚动导航

    需求是 小程序做头部做导航分类的效果

    顶部用 scroll-view 组件横向滚动,类似tab选项卡的效果,内容用类似模板方式引用,可重复利用

    <scroll-view class="scroll-view_H" scroll-x="{{true}}" style=" 100%">
        <view wx:for="{{classify}}" wx:key="id" data-type="{{item.id}}" class="scroll-view-item_H {{curTab==item.id?'sv-item-on':'sv-item-off'}}" bindtap="classifyClick">
          {{item.name}}
        </view>
    </scroll-view>
    
      <block wx:if="{{curTab ==0}}"> <include src="recommend.wxml"/> </block>
      <block wx:elif="{{curTab==1}}"> <include src="fuli.wxml"/> </block>
      <block wx:elif="{{curTab==2}}"> <include src="other.wxml"/> </block>
      <block wx:elif="{{curTab==3}}"> <include src="other.wxml"/> </block>
      <block wx:elif="{{curTab==4}}"> <include src="other.wxml"/> </block>
      <block wx:elif="{{curTab==5}}"> <include src="other.wxml"/> </block>
      <block wx:else> <include src="other.wxml"/> </block>
  • 相关阅读:
    6/10
    Alpha 冲刺5/10
    现场编程
    4/10
    3/10
    总结
    bbbbbeta
    总结
    beta 7
    beta 6
  • 原文地址:https://www.cnblogs.com/inzaghihao/p/7762026.html
Copyright © 2011-2022 走看看